Question

即使我是程序员（使用Python和C ++），我也雇了一个人来做我的Wordpress网站。我不想花很多时间学习Wordpress，他有更好的平面设计技巧。但是，我现在需要对标题进行一些更改，我将尝试自己做以节省资金。

我的第一个困惑是我的主题是如何设置的。我认为我聘请的人是基于Roots的主题，但我在网站上看到的内容与我在网上找到的一些教程中如何描述Roots之间似乎存在很多差异。我想我会从head.php，header.php，header-top-navbar.php和page-header.php中发布一些代码开始。我的问题是---我需要在哪里进行更改才能在标题中添加一些文字？（我想添加一个口号 - “纯净的听觉耳朵声”）

我知道这一切可能很复杂，所以如果没有简单的答案，我想了解一下如何理解这里使用的主题，以及如何了解更多使用它的方法。所以基本上，这里有什么？帮助！

这是header.php：

<header class="banner" role="banner">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-lg-2">
        <h1 class="logo"><a href="<?php echo home_url(); ?>/"><?php bloginfo('name'); ?>">Brilliant Zen Audio</a></h1>
      </div>
      <div class="col-xs-12 col-lg-7 col-lg-offset-3">
        <nav role="navigation" class="clearfix">
          <?php
            if (has_nav_menu('primary_navigation')) :
              wp_nav_menu(array('theme_location' => 'primary_navigation', 'menu_class' => ''));
            endif;
          ?>
        </nav>      
      </div>
    </div>
  </div>
</header>

这是head.php：

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" <?php language_attributes(); ?>> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" <?php language_attributes(); ?>> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <title><?php wp_title('|', true, 'right'); ?></title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <?php wp_head(); ?>

  <link rel="alternate" type="application/rss+xml" title="<?php echo get_bloginfo('name'); ?> Feed" href="<?php echo home_url(); ?>/feed/">
</head>

这是header-top-navbar.php：

<header class="banner navbar navbar-default navbar-static-top" role="banner">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="<?php echo home_url(); ?>/"><?php bloginfo('name'); ?></a>
    </div>

    <nav class="collapse navbar-collapse" role="navigation">
      <?php
        if (has_nav_menu('primary_navigation')) :
          wp_nav_menu(array('theme_location' => 'primary_navigation', 'menu_class' => 'nav navbar-nav'));
        endif;
      ?>
    </nav>
  </div>
</header>

最后这里是page-header.php：

<div class="page-header">
  <h1>
    <?php echo roots_title(); ?>
  </h1>
</div>

编辑：这是来自front-page.php的一些代码。我看到它放置滑块的位置。我想弄清楚它是如何决定绘制滑块的位置，以及棕色矩形的来源。

<div class="row">

<?php putRevSlider( "brilliant-zen" ) ?>

</div>
<div class="container" style="margin-bottom:3em;">
  <div class="row">
    <div class="col-lg-7">
      <h3> Brilliant Zen Audio</h3>
      <p>A Zen master brings all the factors of enlightenment into balance. Brilliant Zen Audio offers a synergistic blend
         of musicality, detail, and dynamics for bringing musical enjoyment into a most pleasureful balance.</p>

    </div>
    <div class="col-lg-5">
      <h3>Musicality, Detail, and Dynamics</h3>
      <p>Brilliant Zen Audio is dedicated to providing equipment that excels in musical engagement and beauty, while providing high resolution at the same time.</p><br/>
      <a href="contact" class="btn btn-lg btn-orange">Contact Us</a>

    </div>
  </div>
</div>

Answer 1

roots主题按此顺序加载模板（请参阅base.php）：

head.php
header-top-navbar.php如果在config.php中启用了Bootstrap的导航栏，则加载header.php
page-header.php，仅在查看页面时调用（page.php）

我不确定您是否启用了Bootstrap导航栏，所以我最好的猜测是更改header.php：

<header class="banner" role="banner">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-lg-2">
        <h1 class="logo"><a href="<?php echo home_url(); ?>/"><?php bloginfo('name'); ?>">Brilliant Zen Audio</a></h1>
        <p>"Pure Sound for Perceptive Ears"</p>
      </div>
      <div class="col-xs-12 col-lg-7 col-lg-offset-3">
        <nav role="navigation" class="clearfix">
          <?php
            if (has_nav_menu('primary_navigation')) :
              wp_nav_menu(array('theme_location' => 'primary_navigation', 'menu_class' => ''));
            endif;
          ?>
        </nav>      
      </div>
    </div>
  </div>
</header>

我在徽标下方添加了您的标语（第6行）。 HTH

修改WordPress标题，但我不确定我正在使用什么主题

1 个答案: