WordPress用バナー管理ウィジェットImage Widget : WordPress

Tweet

Pocket

バナーを管理するウィジェットプラグイン。

» Image Widget

ウィジェット管理画面(ダッシュボード [外観] > [ウィジェット])で画像のアップロードを可能にしている。

設置の流れ

1. プラグインをインストールして有効化
2. function.phpでウィジェット機能を有効化
3. 表示用テンプレートに表示用コードを設置
4. スタイルの調整
5. ウィジェットに画像を設定
   1. アドミンメニュー[メディア]から画像をアップロード
   2. ウィジェットのAdd Imageから上記でアップロードした画像を選択して[Insert into Widget]で画像を設定。

2. function.phpでウィジェット機能を有効化

// functions.php
<?php
register_sidebar(
    array('name' => 'banner')
);

3.表示テンプレートに表示用コードを設置

<div id="banner">
    <ul>
    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('banner')) {
        // ウィジェットが無い場合の処理  
    } ?>
    </ul>
</div>

4. スタイルの調整

div#banner h2.widgettitle {
    display: none;
}
div#banner li.widget_sp_image {
margin-top: 10px;
}

5. ウィジェットに画像を設定

ウィジェットに画像を設定(ダッシュボード [外観] > [ウィジェット])。当方の環境では直接画像を設定することはできなかった。Add Imageからメディアライブラリ登録してある画像を選択して設定する。