如何在网站上添加文字?

时间:2017-12-29 02:29:10

标签: javascript php html css wordpress

我只是熟悉CSS语言,它帮助我修改了文本等等。然而,我很困惑,如何实际添加文本。我需要用什么代码来做这个,我在哪里放置它?我的网站是用Wordpress运行的,我不确定是否需要将代码放在HTML文件,PHP文件或其他内容中。如果有帮助,我的网站是hintdrop.com。

我尝试将以下代码添加到index.php文件中:

<p class="contact"><?php echo "Contact Us";?></p>

此代码未显示文字说明&#34;联系我们&#34;但是,我不确定此代码本身是否不正确,或者我是否将代码添加到HTML代码中的错误位置。下面是index.php文件,在第32行我添加了上面的代码。

<?php
/**
* The main template file.
*
* This is the most generic template file in a WordPress theme
* and one of the two required files for a theme (the other being style.css).
* It is used to display a page when nothing more specific matches a query.
* E.g., it puts together the home page when no home.php file exists.
* Learn more: http://codex.wordpress.org/Template_Hierarchy
*
* @package understrap
*/

get_header(); ?>

<?php if (is_front_page()) { ?>

<div id="header-featured" class="wrapper header-featured">

<div class="container">

    <div class="jumbotron">

        <h1><?php echo get_theme_mod( 'launch_header_title', __('Launch Wordpress Theme','launch') ); ?></h1>

        <p class="lead margin-bottom-30"><?php echo get_theme_mod( 'launch_header_tagline', __('Launch is a responsive e-commerce WordPress theme perfect to market your products and services.','launch') ); ?></p>

        <?php if ( get_theme_mod( 'launch_header_button_toggle' ) == '' ) { ?>
            <p><a class="btn btn-lg btn-primary" href="<?php echo esc_url( get_theme_mod( 'launch_header_button_url', '#' ) ); ?>" role="button"><?php echo get_theme_mod( 'launch_header_button_text', __('Get Started','launch') ); ?></a></p>
        <?php } ?>

        <p class="contact"><?php echo "Contact Us";?></p>

        <?php if ( has_header_image() ) { ?>
            <div clas="center-block">

                <img class="img-responsive featured-image" src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>" width="<?php echo get_custom_header()->width; ?>" />

            </div>
        <?php } ?>

    </div>

</div>

</div>

<?php if ( is_active_sidebar( 'front-featured' ) ) { ?>

<div id="widgets-featured" class="wrapper widgets-featured">

<div class="container">

    <div class="row multi-columns-row">

        <?php dynamic_sidebar( 'front-featured' ); ?>

    </div>

</div>

</div>

<?php } ?>

<?php } ?>

<div class="wrapper" id="wrapper-index">

<div id="content" class="container">

    <div class="row">

       <div id="primary" class="<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>col-md-7<?php else : ?>col-md-12<?php endif; ?> content-area">

             <main id="main" class="site-main" role="main">

            <?php if ( have_posts() ) : ?>

                <?php /* Start the Loop */ ?>

                <?php while ( have_posts() ) : the_post(); ?>

                        <?php
                            /* Include the Post-Format-specific template for the content.
                             * If you want to override this in a child theme, then include a file
                             * called content-___.php (where ___ is the Post Format name) and that will be used instead.
                             */
                            get_template_part( 'loop-templates/content', get_post_format() );
                        ?>

                <?php endwhile; ?>

                <?php launch_paging_nav(); ?>

            <?php else : ?>

                <?php get_template_part( 'loop-templates/content', 'none' ); ?>

            <?php endif; ?>

            </main><!-- #main -->

       </div><!-- #primary -->

    <?php get_sidebar(); ?>

    </div><!-- .row -->

</div><!-- Container end -->

</div><!-- Wrapper end -->

<?php get_footer(); ?>

2 个答案:

答案 0 :(得分:0)

首先,你有太多的PHP,我建议远离PHP,因为它开始死亡,往往导致复杂,难以阅读的意大利面条代码。每个人都在远离它,因为大规模的项目变得无法维护,而且过于灵活,这可能会很糟糕。

此外,CSS正在级联STYLE表。 CSS用于为您的视图设置样式,而不是编写它。 PHP是服务器端,用于控制结构和对象。基本上,php是用于逻辑的。 Java脚本也适用于逻辑,但功能不如php。 HTML应该是您网站的主体,并且是面向人们的前视图。

基本上。如果用户需要查看它,它应该是HTML。如果某些东西需要不同的外观,CSS。如果某些东西需要逻辑,JavaScript(或PHP或.net)。

如果你想继续使用php,你就不必使用php标记所有内容。 例如:

<?php if ( have_posts() ) : 
    /* Start the Loop */
    while ( have_posts() ) : the_post();
        get_template_part( 'loop-templates/content', get_post_format() );?>

此外,您接近文字解决方案:

<p class="contact">Contact Us</p>

如果您正在使用该标记,请记住确保它在PHP之外,您需要关闭并打开它周围的PHP

<?php open php
    more php code
    close php ?>

<p>Contact Us</p>

<?php continue php code

我建议你做一些HTML教程。 PHP非常好,并且具有一些非常酷的功能,但它并不是最好用的。您可能需要查看asp.net应用程序或角度5以满足您的需求。对于现实世界的工作来说,这些更好,更有用。

答案 1 :(得分:0)

WordPress中的index.php中的第1个并不意味着它仅代表FrontPage或HomePage。 (FrontPage&amp; HomePage在某些情况下也有所不同)

第二件事,CSS与HTML或任何PHP代码无关。

因此,在您身边,您需要找出确切要显示文字的位置,或者向我们提供一些信息或自行排查。

关于你想要显示的文字,它将如下所示,

<p class="contact">Contact Us</p>

除非您使用多种语言,否则绝对不会使用PHP,在这种情况下,代码将如下所示,

<p class="contact"><?php echo __( 'Contact Us', 'your-text-domain' ); ?></p>

希望这会对你有所帮助。