今日の人気記事

  1. 管理画面にログイン・ログアウト
  2. WordPressの使い方
  3. WordPressページナビゲーションを作成するプラグインWP-PageNavi
  4. 1ページに表示する最大投稿数を変更 - posts_per_page
  5. ページ上部の管理バーを非表示にする方法

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

スポンサーリンク

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

ウィジェットの追加

function.php

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

register_sidebar(array('name' => 'フッター1'));
register_sidebar(array('name' => 'フッター2'));
register_sidebar(array('name' => 'フッター3'));
スポンサーリンク

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

WordPressのフッターにウィジェットを追加する方法
このようなウィジェットバー(フッター1、フッター2、フッター3)が追加されればOKです。

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

footer.php

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

<aside>
<ul><?php dynamic_sidebar('フッター1'); ?></ul>
<ul><?php dynamic_sidebar('フッター2'); ?></ul>
<ul><?php dynamic_sidebar('フッター3'); ?></ul>
</aside>

WordPressのフッターにウィジェットを追加する方法1
このようにフッターにウィジェットが表示されればOKです。

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

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

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

スポンサーリンク

関連記事(一部広告含む)