WordPress のウィジェットを使って広告やサイドバーのバナーを効率的に管理するカスタマイズ例

WordPress 上手に使ってますか。Web サイトの簡単更新をできるサイトを構築したい方は WordPress のウィジェットをうまく活用すると良いです。今回はサイドバーのバナーを簡単に管理できるようなテーマのカスタマイズ方法を紹介します。

ウィジェットで広告を簡単管理

ウィジェットを使えばこのように広告を簡単に管理できます。こういう風に広告を管理する方法を紹介します。

カスタマイズ方法

functions.php

以下のコードでウィジェットを作成します。

1
2
3
4
5
6
7
8
9
register_sidebar( array(
    'name' => 'サイドバー広告',
    'id' => 'sideads',
    'description' => 'サイドバーの広告を管理できます。',
    'before_widget' => '<div id="%1$s" class="ads %2$s">',
    'after_widget' => '</div>',
    'before_title' => '<!--',
    'after_title' => '-->',
) );

テーマファイル

作成したウィジェットを表示するコードを以下のように記述します。

1
2
3
<div id="sidebar">
    <?php dynamic_sidebar('sideads'); ?>
</div>

管理画面から更新する

ウィジェットが使えるようになっている

管理画面の外観のウィジェットをクリックすると以下のようにボックスが右側に一つできています。ここに好きなものをドラッグアンドドロップでいろんなものを追加できます。たったこれだけの作業で、WordPress って凄いですよね。

広告を追加してみる

さっそく広告を挿入してみます。まず、こんな感じでテキストをドラッグアンドドロップします。

展開して中にコードを埋め込みます。

すると広告が表示されます

すると広告が表示されます。複数追加する場合は以下のようにいくつも追加していけば良いわけです。少しの手間で大きな価値を生み出せる。WordPress を使ってサイトを提供するのなら必ず習得したい機能です。参考にしてください。

コメント

コメントは受け付けていません。