WordPress テーマの詳説:第三章

ステップ1- サイドバー

サイドバーの解説の最初のステップとして、まずは sidebar.php のコードを見てみよう:

 

<div id=“sidebar”>
  <ul>
   
    <li>

      <?php include (TEMPLATEPATH . ‘/searchform.php’); ?>

    </li>

    <!– Author information is disabled per default. Uncomment and fill in your details if you want to use it.
    <li><h2><?php _e(‘Author’); ?></h2>

    <p>A little something about you, the author. Nothing lengthy, just an overview.</p>
    </li>
    –>

    <li>

    <?php /* If this is a category archive */ if (is_category()) { ?>

    <p>You are currently browsing the archives for the <?php single_cat_title(‘’); ?> category.</p>

   
    <?php /* If this is a yearly archive */ } elseif (is_day()) { ?>

    <p>You are currently browsing the <a href=“<?php echo get_settings(’siteurl’); ?>”><?php echo bloginfo(‘name’); ?></a> weblog archives

    for the day <?php the_time(‘l, F jS, Y’); ?>.</p>
   

    <?php /* If this is a monthly archive */ } elseif (is_month()) { ?>

    <p>You are currently browsing the <a href=“<?php echo get_settings(’siteurl’); ?>”><?php echo bloginfo(‘name’); ?></a> weblog archives

    for <?php the_time(‘F, Y’); ?>.</p>

    <?php /* If this is a yearly archive */ } elseif (is_year()) { ?>

    <p>You are currently browsing the <a href=“<?php echo get_settings(’siteurl’); ?>”><?php echo bloginfo(‘name’); ?></a> weblog archives

    for the year <?php the_time(‘Y’); ?>.</p>
   

  <?php /* If this is a monthly archive */ } elseif (is_search()) { ?>

    <p>You have searched the <a href=“<?php echo get_settings(’siteurl’); ?>”><?php echo bloginfo(‘name’); ?></a> weblog archives

    for <strong>‘<?php echo wp_specialchars($s); ?>’</strong>. If you are unable to find anything in these search results, you can try one of these links.</p>

    <?php /* If this is a monthly archive */ } elseif (isset($_GET[‘paged’]) && !empty($_GET[‘paged’])) { ?>

    <p>You are currently browsing the <a href=“<?php echo get_settings(’siteurl’); ?>”><?php echo bloginfo(‘name’); ?></a> weblog archives.</p>

    <?php } ?>
    </li>

    <?php wp_list_pages(‘title_li=<h2>’ . __(‘Pages’) . ‘</h2>’ ); ?>

    <li><h2><?php _e(‘Archives’); ?></h2>
      <ul>

      <?php wp_get_archives(‘type=monthly’); ?>

      </ul>

    </li>

    <li><h2><?php _e(‘Categories’); ?></h2>

      <ul>

      <?php list_cats(0, ‘’, ‘name’, ‘asc’, ‘’, 1, 0, 1, 1, 1, 1, 0,‘’,‘’,‘’,‘’,‘’) ?>

      </ul>
    </li>

    <?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>       

      <?php get_links_list(); ?>
     
      <li><h2><?php _e(‘Meta’); ?></h2>

      <ul>
        <?php wp_register(); ?>

        <li><?php wp_loginout(); ?></li>

        <li><a href=“http://validator.w3.org/check/referer” title=“<?php _e(’This page validates as XHTML 1.0 Transitional’); ?>”><?php _e(‘Valid <abbr title=”eXtensible HyperText Markup Language”>XHTML</abbr>’); ?></a></li>

        <li><a href=“http://gmpg.org/xfn/”><abbr title=“XHTML Friends Network”>XFN</abbr></a></li>
        <li><a href=“http://wordpress.org/” title=“<?php _e(’Powered by WordPress, state-of-the-art semantic personal publishing platform.’); ?>”>WordPress</a></li>

        <?php wp_meta(); ?>
      </ul>

      </li>

    <?php } ?>
   

  </ul>
</div>

とてもたくさんのコードがあるので入念に分析していこう。 最も基本的には、このサイドバーは ‘sidebar’ という名称の単一の div から成っている。 その内側はたくさんの項目を持つ順序のないリスト(an unordered list – ul)になっている:

Kubrick サイドバーの各見出しは各項目に対応している。 これら多くの項目はカテゴリーやアーカイブなどのサブリストを持っている:

現時点ではサイドバーには以下のようなセクションがある:

  • 検索フィールド
  • 著者の情報(デフォルトでは無効になっている)
  • コンテクスト特有情報(アーカイブ、カテゴリー、ほか)
  • ページ一覧
  • アーカイブ
  • カテゴリー
  • メタデータとブログロール

それぞれ順番に見ていって、適当な箇所でどのように変更できるのかを示していく。

サイドバー内の項目はすべてが必要不可欠なわけではない。 お望みのどんな項目でも自由に挿入や削除ができるし、サイドバーそのものを省略してもよい。 また、サイドバーが縦である必要もない。ページなど、サイドバーの特定のパーツをページ上部の横向きメニューに置くというのもよくあるテクニックだ。

「WordPress テーマの詳説:第三章」への1件のフィードバック

コメントは停止中です。