読者です 読者をやめる 読者になる 読者になる

Webデザインの勉強 | フェリカテクニカルアカデミーWebサイト制作科サポートブログ

メニューを表示する

WordPress基礎

ウィジェットを利用してメニューを表示する

  • functions.php を用意する(何も記述しない)
  • 「mytheme」内に配置

f:id:webmaster-web:20160710233418p:plain

ウィジェットを有効にする
<?php

//ウィジェット
register_sidebar();

f:id:webmaster-web:20160710234658p:plain

  • 「サイドバー1」のエリアに利用できるウィジェットを移動します

f:id:webmaster-web:20160711000552p:plain

ウィジェットエリアに登録したメニューを出力する
  • dynamic_sidebar
  • サイドバーの中にウィジェットが登録されているときは true を返し、ウィジェットが登録されていないか、サイドバーが見つからないときは false を返します
  • ここでは、記事の下にメニューを表示するため、記事全体をマークアップした「<div class="container">〜</div>」内の最後に追加します
  • メニューは、HTML形式の「ul」と「li」でマークアップした形で出力されますが、「ul」は出力されません
  • そこで「<?php dynamic_sidebar(); ?>」を「ul」で囲みます
<div class="container">

… 略 …

</div><!-- /.pagenav -->

<ul>
<?php dynamic_sidebar(); ?>
</ul>
<?php endif; ?>

</div><!-- /.container -->


《プレビュー》

f:id:webmaster-web:20160711002210p:plain

月別メニューの見出しを変更する

f:id:webmaster-web:20160722010018p:plain


《プレビュー》

f:id:webmaster-web:20160722010151p:plain

最近の記事メニューの表示件数を変更する

f:id:webmaster-web:20160711002654p:plain