2

私は (Python と C++ の) プログラマーですが、Wordpress の Web サイトを作成するために人を雇いました。私はWordpressの学習に多くの時間を費やしたくありませんでしたし、彼はより優れたグラフィックデザインのスキルを持っていました. ただし、今ヘッダーにいくつかの変更を加える必要があり、お金を節約するために自分で変更しようとしています。

私の最初の混乱は、テーマの設定方法です。私が雇った人は私のテーマを Roots に基づいていたと思いますが、私の Web サイトで見たものと Web 上で見つけたいくつかのチュートリアルでの 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>
4

1 に答える 1

2

rootsテーマは、次の順序でテンプレートをロードします ( を参照base.php)。

  1. head.php
  2. header-top-navbar.phpBootstrap の navbar が config.php で有効になっている場合、そうでない場合は読み込みますheader.php
  3. page-header.php、ページを表示しているときにのみ呼び出されます ( page.php)

Bootstrap navbar を有効にしているかどうかわからないので、変更することをお勧めします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

于 2013-10-18T07:58:51.267 に答える