【STINGER +】投稿記事の上に一括表示させるウィジェットを追加する方法

STINGER PLUSのテンプレートでは、投稿記事の下に一括表示させるウィジェットはありますが、上に一括表示させるウィジェットがありません。

そこで、投稿記事の一番上にテキストなどを一括表示させるウィジェットの作り方を紹介します。

【表示イメージ】

今回は、投稿記事の一番上(ぱんくずリスト)の上に表示させていますが、同じ手順で、日付の下やタイトルの上にも入れることができますよ。

手順
functions.phpにソースを追加
single.phpにソースを追加
ウィジェット画面を確認する
最後に

手順

stingerplus child(子テーマ)のfunctions.phpにソースを追加
stingerplusのsingle.phpにソースを追加

functions.phpにソースを追加

1.「外観」⇒「テーマの編集」を選択。

2.「テーマのための関数」を選択。

3.functions.phpに以下のソースを追加。

/*--------------------------------
投稿記事の上に一括表示させるウィジェット
---------------------------------*/
 register_sidebar( array(
               'id' => 'sidebar-100',
               'name' => '投稿記事の上に一括表示',
               'description' => '投稿記事の上に一括表示されます。「テキスト」等をここにドロップしてコードを入力して下さい。※タイトルは反映されません',
               'before_widget' => '<div class="kizi-top-box">',
               'after_widget' => '</div>',
               'before_title' => '<p style="display:none">',
               'after_title' => '</p>',
          ) );

/*--------------------------------

投稿記事の上に一括表示させるウィジェット

---------------------------------*/

register_sidebar( array(

'id' => 'sidebar-100',

'name' => '投稿記事の上に一括表示',

'description' => '投稿記事の上に一括表示されます。「テキスト」等をここにドロップしてコードを入力して下さい。※タイトルは反映されません',

'before_widget' => '<div class="kizi-top-box">',

'after_widget' => '</div>',

'before_title' => '<p style="display:none">',

'after_title' => '</p>',

) );

4.「ファイルを更新」を選択して完了。

single.phpにソースを追加

1.「外観」⇒「テーマの編集」を選択。

2.「STINGERPLUS」を選択。

3.「個別投稿 (single.php)」を選択。

4.single.phpに以下のソースを追加。

<!!-- 投稿記事の上に一括表示 -->
<?php if ( is_active_sidebar( 100 ) ) { ?>
							<?php if ( function_exists( 'dynamic_sidebar' ) && dynamic_sidebar( 100 ) ) : else : //投稿ページ一括ウィジェット ?>
							<?php endif; ?>
						<?php } ?>
<div style="margin-bottom: 15px;"></div>
<!!-- 投稿記事の上に一括表示 -->