WordPressのフッターにウィジェットを追加する方法

当ページのリンクには広告が含まれています。

WordPressのフッターにウィジェットを追加する方法を紹介します。

ウィジェットの追加

WordPressのメニューから「外観」→「テーマ編集」→「function.php」を開き、ウィジェットを追加するために以下のコードを追加します。

register_sidebar(array('name' => 'フッター１'));
register_sidebar(array('name' => 'フッター２'));
register_sidebar(array('name' => 'フッター３'));

それではウィジェットを設定してみましょう。WordPressのメニューから「外観」→「ウィジェット」をクリックします。

このようなウィジェットバー（フッター１、フッター２、フッター３）が追加されればOKです。

フッターに表示させたいウィジェットをドラッグアンドドロップでフッター１、フッター２、フッター３に追加します。

WordPressのメニューから「外観」→「テーマ編集」→「footer.php」を開き、ウィジェットを呼び出すために以下のコードを追加します。

<aside>
<ul><?php dynamic_sidebar('フッター１'); ?></ul>
<ul><?php dynamic_sidebar('フッター２'); ?></ul>
<ul><?php dynamic_sidebar('フッター３'); ?></ul>
</aside>

このようにフッターにウィジェットが表示されればOKです。

以下のようなcssを利用しましたしてみました。

body>footer>aside ul {
	float:left;
	width: 300px;
	padding: 10px;
}

以上、「WordPressのフッターにウィジェットを追加する方法」でしたー。