さらにテーマを便利に。 オリジナルウィジェットで サイドバーの管理を効率化

佐藤 芳治

ウィジェット機能はとっても便利 本邦初公開！ サイト・ブログの運用を楽にする オリジナル・ウィジェットの紹介 一歩進めたウィジェットの使い方 のヒント

お伝えしたいこと

登壇者プロフィール

佐藤 芳治 プライム・ストラテジー株式会社 リーダー Web業界が長く、WordPressだけではなく、幅広い知識を有しています。 プライムストラテジーでは、各プロジェクトをまとめており、リーダーとして、ナショナルクライアント案件などを担当。様々な課題をスピードもって解決しています。

neuvecom

オリジナルウィジェットでサイドバーの管理を効率化

担当テーマ

ウィジェットとは

ウィジェットという機能を ご存じでしょうか？

WordPressの ウィジェット機能は、 サイドバーなど特定のエリアに表示する 内容や表示する順番を管理画面から設定できる 便利な機能です。

WordPressの教科書では、 133ページ のサブナビゲーションで WordPressの教科書２では、 247ページ のサイドバーの設定で紹介しています。

WordPressの教科書2のおさらい P247-250の内容を次のページから紹介

1．ウィジェット管理画面から

２． メインウィジェットと、 副ウィジェットを設定

3．ブログのサイドバーに副ウィジェットの設定が反映

このようにウィジェット機能を使えば、

HTMLに疎い方でも、比較的簡単にサイトの見た目を変更できます。

ＨＴＭＬ HTML

サイトの運用・更新を楽にする バナー管理ウィジェット

サイトによくあるこれとか

サイトによくあるこれとか

サイトによくあるこれとか

結構な頻度で更新が発生 更新がめんどうくさい 期限過ぎても消すのを忘れた

表示期限機能付き バナー管理ウィジェット つくりました

表示期限付きバナー管理ウィジェット

このウィジェットの特徴 1.バナーとして表示する画像を指定可能 2.ウィジェットだから、管理画面から楽々設定 3.さらに表示する期間の指定も可能 4.その他、間隔（マージン）や画像のalt、 class名なども細かく指定可能 5.テストモードで事前に確認も可能

・タグを書く必要一切なし ・バナー非表示にするために、 午前0時に作業する必要もなし ・複数表示する場合もウィジェットを 複数設定するだけ

利用方法をみていきましょう

function psdemo_widgets_init() { register_sidebar(

array( 'name'=>'メインサイドバー', 'id'=>'main_side_bar_widget' ) ); } add_action( 'widgets_init', 'psdemo_widgets_init' );

ウィジェットエリアをご自身のWordPressに登録

functions.phpに追記します

アジアパシフィック社のサンプルの場合：

<?php dynamic_sidebar( 'main_side_bar_widget' ); ?>

該当のウィジェットを呼び出す

sidebar-common.phpに追記します

アジアパシフィック社のサンプルの場合：

プラグインを有効化

ウィジェット管理画面に 『PS-バナー(日付制限あり)』が増えています。

ウィジェットエリアにドラッグ

保存ボタンを押します

タイトル、期間、等、を設定

ちなみに…

日付はカレンダーで 選択可能

期日の指定を 間違うと警告

テストモードにして、 まずはプレビューして確認

ログインしてる人

ログインしてない人

問題なければ、 テストモードを解除

表示期間からはずれれば、自動的に非表示になります。

このプラグインは、明日以降、 弊社サイトでダウンロードできます。 是非、試して感想をお聞かせください。

さらに一歩進めたウィジェットの 使い方のヒント

ウィジェットは、サイドバーだけのものじゃない！

サイドバー

ヘッダー フッター

メインコンテンツ

Twenteen Thirteen は、 サイドバーとフッターにウィジェットを設定可能。

Browser

http://www.website.com/ Search

であれば！？

トップページだって Browser

http://www.website.com/ Search

ここもウィジェットにしてOK

ヘッダーだって Browser

http://www.website.com/ Search

ここもウィジェットにしてOK

全部ウィジェットで 管理できるかもしれない！？

Browser

http://www.website.com/ Search

全部ウィジェットにしてOK

それぞれの エリアに好きな ようにパーツを 配置

そんな設計思想のもと、

ぜひ、ウィジェットを活用して、 より効果的で楽なサイト・ブログ運営を実現させてください。

佐藤 芳治 プライム・ストラテジー株式会社 リーダー

neuvecom

ご清聴ありがとうございました。 ご不明点ございましたら、 なんでもご相談ください。