WordPress Customize NOTE > WordPress オリジナルテーマの作り方 目次 > ウィジェットを使わないサイドバーの作り方

WordPress オリジナルテーマを作る ウィジェットを使わないサイドバーの作り方

スポンサード リンク

01

ウィジェットを利用せずにサイドバー(サイドメニュー)を作る

当サイトでは、サイドバーの作り方を2つ紹介します。今回はウィジェットを使わない作り方です。

ウィジェットを使用した方が手軽にサイドバーを作れます。ですが、今回の方法だと、ある程度HTMLタグを自分で好きなようにできるので、ソースも比較的簡潔にすみ、SEO・デザイン性がよくなりやすいと思います。また、高速化にも期待できます。編集の手軽さにこだわらない方にはおすすめです。

今回紹介するウィジェットを使用せずに利用できるサイドバーの機能は以下です。フリースペース・RSS・メタ情報等は、HTML同様に記述することで代用できます。

好きなものを組み合わせ、「sidebar.php」に記述します。

02

カテゴリーを出力する [ウィジェットなし その1]

カテゴリーは、以下のテンプレートタグで出力できます。

Pick up
<?php wp_list_categories(); ?>

リストで出力されるので、利用するさいは<ul>や<ol>で前後をかこみます。
また、見出しは「カテゴリー」と出力されるので、ほかのものを指定したいときは、パラメータを利用します。パラメータとは、テンプレートタグの()の部分のことを言います。以下の例では、「カテゴリー一覧!」と出力されます。見出しを表示したくない場合は、「 'title_li=' 」とパラメータに表記します。

利用例
<ul>
<?php wp_list_categories( 'title_li=カテゴリー一覧!' ); ?>
</ul>

[おまけ情報] カテゴリーごとの投稿数を表示する場合は、パラメータに「 'show_count=1' 」。まだ投稿のないカテゴリー名を表示させるには、パラメータに「 'hide_empty=0' 」。

パラメータを複数利用する場合は、「 & 」を使って連結させます。
<例>「 ( 'title_li=カテゴリー一覧!&show_count=1&hide_empty=0' )

03

最近の投稿を出力する [ウィジェットなし その2]

最近の記事は、以下のテンプレートタグで出力できます。

Pick up
<?php wp_get_archives( 'type=postbypost' ); ?>

リストで出力されるので、利用するさいは<ul>や<ol>で前後をかこみます。見出しは出力されません。
また、表示する記事の数はパラメータを利用します。以下の例では、5件の記事が表示されます。

利用例
<h2>最近の記事</h2>
<ul>
<?php wp_get_archives( 'type=postbypost&limit=5' ); ?>
</ul>

04

月別アーカイブを出力する [ウィジェットなし その3]

月別アーカイブは、以下のテンプレートタグで出力できます。

Pick up
<?php wp_get_archives(); ?>

リストで出力されるので、利用するさいは<ul>や<ol>で前後をかこみます。見出しは出力されません。

利用例
<h2>月別アーカイブ</h2>
<ul>
<?php wp_get_archives(); ?>
</ul>

[おまけ情報] 投稿数を表示する場合は、パラメータに「 'show_post_count=1' 」。
ドロップダウンボックスを利用したい場合はこちら(公式マニュアルに飛びます)。

05

カレンダーを出力する [ウィジェットなし その4]

カレンダーは、以下のテンプレートタグで出力できます。

Pick up
<?php get_calendar(); ?>

見出しは出力されません。始まりの曜日は、ダッシュボードから「 設定 > 一般 」の「 週の始まり 」の項目で設定できます。日曜始まりにしたいときなどに変更します。

利用例
<h2>カレンダー</h2>
<?php get_calendar(); ?>

06

タグクラウドを出力する [ウィジェットなし その5]

タグクラウドは、以下のテンプレートタグで出力できます。

Pick up
<?php wp_tag_cloud(); ?>

見出しは出力されません。上記のように表記すると、45個のタグタグ名順で出力されます。使用数の多いタグの順で出力したいときは、パラメータに「 'orderby=count' 」と入力します。出力するタグ数を変更したい場合は、パラメータに「 'number=30' 」と入力します(以下の例だと30タグ表示)。

利用例
<h2>キーワード</h2>
<?php wp_tag_cloud( 'orderby=count&number=30' ); ?>

[おまけ情報] 出力されるタグをランダムに表示したい場合は、パラメータに「 'orderby=RAND' 」。使用数が多いタグを25pt、少ないタグを10ptにしたいときは、パラメータに「 'smallest=10&largest=25' 」。

パラメータを複数利用する場合は、「 & 」を使って連結させます。
<例>「 ( 'title_li=カテゴリー一覧!&show_count=1&hide_empty=0' )

07

検索フォームを出力する [ウィジェットなし その6]

検索フォームは、以下のタグで出力できます。パラメータは今のところありません。

Pick up
<?php get_search_form(); ?>

[PR] 《スマホ広告ならAMoAd》圧倒的な広告数、枠、サイズで高収益!

スポンサード リンク

Wordpress 関連書

Amazonより激選したWPオススメ関連書。

[PR] 冷え性・便秘にお悩みの方向け「ほっと熟成発酵しょうが」

ウィジェットを使ったサイドバー作り方 TOP[WordPress Customize NOTE] 現在作成中
Wordpress無料テーマ配布中!

WordPress Customize NOTE > WordPress オリジナルテーマの作り方 目次 > ウィジェットを使わないサイドバーの作り方



スポンサード リンク

ライセンスフリー 無料素材「ばじねこ茶店」