【Twenty Ten】サイドバーに新しいウィジェットを追加する

WordPressテーマカスタマイズ

テンプレートに新しいウィジェットを追加します。
まず、functions.phpにあるfunction twentyten_widgets_init(){}の中に以下のコードを追加します。

コードを追加すると、管理画面⇒ウィジェット画面で「tertiary widget area」が表示されます。

*ここでは、ウィジェット1のコードを利用してnameとdescriptionだけ変更して使用しますので、管理画面のウィジェットの表記は英語になります。

register_sidebar( array(
  'name' => __( 'tertiary Widget Area', 'twentyten' ),
  'id' => 'tertiary-widget-area',
  'description' => __( 'The tertiary widget area', 'twentyten' ),
  'before_widget' => '<li id=&quot;%1$s&quot; class=&quot;widget-container %2$s&quot;>',
  'after_widget' => '</li>',
  'before_title' => '<h3 class=&quot;widget-title&quot;>',
  'after_title' => '</h3>',
) );

次に、sidebar.phpにウィジェットを表示したい場所に以下のコードを追加して、新しく追加したウィジェットを表示できるようにします。
*ここでは、secondary-widget-areaのコードの後に追加しました。

<?php
// A third sidebar for widgets, just because.
if ( is_active_sidebar( 'tertiary-widget-area' ) ) : ?>

<div id=&quot;tertiary&quot; class=&quot;widget-area&quot; role=&quot;complementary&quot;>
  <ul class=&quot;xoxo&quot;>
  <?php dynamic_sidebar( 'tertiary-widget-area' ); ?>
  </ul>
</div><!-- #tertiary .widget-area -->

<?php endif; ?>
スポンサーリンク

コメント

タイトルとURLをコピーしました