さらにテーマを便利に。オリジナルウィジェットでサイド …...WordPressのウィジェット機能は、サイドバーなど特定のエリアに表示する

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

佐藤芳治

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

お伝えしたいこと

登壇者プロフィール

佐藤芳治プライム・ストラテジー株式会社リーダー 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


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

ヘッダーだって Browser


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

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

Browser


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

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

そんな設計思想のもと、

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

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

neuvecom

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

さらにテーマを便利に。 オリジナルウィジェットで サイド …...WordPressの ウィジェット機能は、 サイドバーなど特定 のエリアに表示する

Documents

さらにテーマを便利に。オリジナルウィジェットでサイド …...WordPressのウィジェット機能は、サイドバーなど特定のエリアに表示する