WordPressのサイドバーにバナー広告みたいなのをほいほいと貼り付けるプラグインないかなーと思ってたら、便利なプラグインを見つけました。

http://wordpress.org/extend/plugins/image-widget/

せっかくなので、日本語の言語ファイルも作りましたので、以下からダウンロードしてプラグインのlangディレクトリ内に設置してください。

Image Widget 日本語ファイル

作者さんにも連絡済みなので、近日中に本家からのダウンロードファイルにも追加されると思います。

このプラグインを使用すると、画像のURLをWordPressコアのメディアアップローダーから選択して、リンクを貼るまでの手順がHTMLを書かなくても簡単に完結します。

HTMLに詳しくない人でもバナー画像をサイドバーに設置できるので便利ですよん。

午前0時を過ぎたので昨日になりますが、神戸のWordBenchに参加しました。

みなさん、お疲れさまでした。

ところで、そのなかで、トップページの下の方に今後のイベントを表示したいとか、ウィジェットでやったらいいとか、そんなやりとりがありました。

実は、その解決に役立ちそうなのをすでに持っていたので、公開しておきます。

このプラグインは、URLを指定すると、その記事の投稿サムネールやタイトル、記事などを単独で表示するプラグインです。

使い道

このプラグインは単に指定された投稿またはページを単独で表示するだけです。

しかし、投稿サムネールがあればそのimgタグも出力できますので、たとえばサイドバーウィジェット上でキャンペーンなどの告知用バナーなどが、超簡単に作成できます。

HTML部分はテンプレート化していますので、様々なシーンで利用可能な優れものです。

導入手順

テーマファイル内の functions.php に以下の記述を追加してください。

register_sidebar( array(
    'name' => 'Home Widget Area',
    'id' => 'home-widget-area',
    'description' => 'The HOME widget area',
    'before_widget' => '<div id="%1$s" class="home-widget-container %2$s">',
    'after_widget' => '</div><div class="clearfix">&nbsp;</div>',
    'before_title' => '<h2 class="widget-title">',
    'after_title' => '</h2>',
));

続いて、テーマファイル内のindex.phpのhave_posts()ループの直下あたりに、以下の記述を追加してください。

dynamic_sidebar('home-widget-area');

ここまでの処理でトップページに新しいウィジェットエリアが追加されました。

あとは、本プラグインを以下からダウンロードして、インストールして下さい。

singlepost-widget

次にウィジェットの設定画面で、このウィジェットを有効化してテンプレートをゴニョゴニョすれば完成です。

イベントが完了したら、ワンタッチで削除できますので幸せですよ。

詳しい仕様

• 投稿のIDまたはURLからその投稿に関する情報を取得します。URLが指定された場合は内部でIDに変換して、そのIDからget_post()してます。
• サムネールのサイズはそのテーマで使用可能なサイズが自動的にプルダウンに出ます。
• テンプレートはコンテンツ出力部分のテンプレートを指定できます。テンプレート内では、以下のような専用タグが使用できます。
  • %post_thumb% – 投稿サムネールのimgタグ
  • %class% – CSS用のクラス属性
  • %post_title% – 投稿のタイトル
  • %post_excerpt% – 投稿の抜粋
  • その他,
  • WordPressのget_post()関数を%で囲んだもの。

意味分かりにくいですかね？

でも、これは、解決策のひとつとしてとてもオススメであることは間違いありません。

わからないことがあれば、twitterで質問してくださいませ。

例えばWPTouchなどのモバイル表示用プラグインでは、ユーザーエージェントを検出して、テーマファイルを一時的に変更する処理を行っています。

現在、FacebookアプリとしてWordPressを動作させるプラグインを制作し、テストしている最中なのですが、このプラグインでもfacebook APIから送信されるデータをもとにfacebook内で表示するのに最適化したテーマに切り替える処理を行っています。

firegoby – Web開発のTips

以下で紹介するクラスはこのプラグインの中で使用しているテーマを切り替えるためのクラスです。

使い方

自作プラグインの中で何らかの条件分岐を行い、その条件に従ってテーマを切り替えます。

function is_mobile() {
    // モバイル端末かどうかを判別する...など
}

if (is_mobile()) {
    new switchTheme(
        'default', // テーマのディレクトリ名
        '/path/to/wp-content/themes', // パス
        'http://example.com/path/to/wp-content/themes', // URL
    );
}

switchThemeコンストラクタには以下の引数を設定して下さい。

1. テーマのディレクトリ名
2. テーマのディレクトリ名が設置されているディレクトリの絶対パス。多くの場合はwp-content/themesまでの絶対パス。
3. テーマが設置されているディレクトリまでのURL。http://からはじまるwp-content/themesなどへのURL

第二引数及び第三引数の値はプラグインのディレクトリ内になることも多いと思います。

注意

キャッシュ系のプラグインを入れている場合は誤動作を防ぐために、以下のページのようなテクニックを組み合わせて、一時的にキャッシュさせないようにすることが必要です。

http://firegoby.jp/archives/2223