好きな画像をサイドバーウィジェットにJetpackを利用して表示する

WordPressを利用していてロゴや画像などをサイドバーに表示する際には、
JetPackの画像ウィジェットを利用すると簡単に表示することができます。

はじめに

サイドバーに会社のロゴや著者の写真などが表示されているのを見たことがあるでしょう。
画像をサイドバーに設置することは特に難しいことではありませんが、
JetPackの画像ウィジェットを利用すると、画像ファイルを指定するだけで表示されるようになります。

環境

• WordPress: 3.7.1
• JetPack: 2.5

事前準備

JetPackの画像ウィジェットを利用するには、JetPackを有効化する必要があります。

JetPackの有効化に関する詳細は以下でご紹介しています。
23.追加ウィジェット－Jetpack by WordPress.com

利用方法

JetPackを有効化し、追加ウィジェットの機能を有効にすると、
[外観]-[ウィジェット]を選択して「ウィジェット」を表示します。

外観・ウィジェットの選択

ウィジェットの使用できるウィジェットのエリアに対して「画像 (Jetpack)」が表示されます。

追加されたウィジェットの表示

ウィジェットの配置

ウィジェットをドラッグしサイドバーなど表示したいエリアにドラッグし配置します。

画像ウィジェットの配置

ウィジェットの設定

ウィジェットを配置したら、URLの指定など設定を行います。

ウィジェットの設定と初期状態の表示

タイトル

タイトルではウィジェットのタイトルを入力します。入力したままに表示されます。
※ウィジェットを配置しても画像のURLを指定するまでは表示されません。

画像URL

画像URLでは表示したい画像のURLを指定します。
指定するURLは表示する画像のURLでクリックした際に表示される先のURLは、
後述する「リンクURL」に指定します。

画像URLの指定

代替テキスト・画像タイトル・キャプション

代替テキスト・画像タイトル・キャプションは画像に対しての属性を指定します。

尚、代替テキスト・画像タイトルに対して入力を行った場合でも、
表示される画像サイズは適宜縮小表示されますが、

キャプションに対して入力を行った場合には表示画像サイズの縮小が、
正しく動作しない場合があります。

代替・タイトル・キャプション指定

画像の位置

画像の位置では表示する位置を「なし／左／中央／右」から選択することができます。

表示位置

幅・高さ

幅と高さでは画像サイズに基づいて、表示サイズが入力補完されますが、
適宜表示したいサイズを指定することができます。

幅高さ指定

リンク URL (画像クリック時)

リンク URL (画像クリック時)では画像をリンクした際に表示するURLを指定します。
画像にリンクするなり、TOPページのURLを指定するなり設定が行えます。

URL指定

さいごに

このようにして画像をウィジェットで簡単に設置して、
クリック先URLに対してサイトのトップページなどを設定することができるようになります。

実際は直接タグを入力しても実現することができる機能ではありますが、
既にJetPackを導入済である場合には、簡単に設置することができますので便利かもしれません。

WordPressはWordPress Foundation の登録商標（第５０４９９６５号）です。
WordPressロゴ、アイコンその他のマーク等はWordPress Foundation の商標であり、
WordPress Foundation の著作物です。
WordPress.comはWordPress Foundation が管理運営を行うドメインならびにサービスの名称です。

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください

最後までお読みいただきありがとうございました。

お勧めさせて頂きたい投稿です

• 【巧妙な仕組】Google+へAndroidの写真が勝手にアップロードされてしまう流れは設定ミスではない

• JetPackサイト統計データが消えた場合に復活する手順(してもらう)

• 【待望】WALLET ポイントがauID(au電話番号)間で相互にやりとりできるようになりました

• 禁断の機能がau公式解禁！WALLETポイントの現金化がついに開放。

• 何もしないと、auポイントが2014/05月分以降は携帯利用料から付与されなくなります

• au WALLET™カードはauを解約してもプリペイドとして使い続けられるが、有効期限には注意

• じぶん銀行が動いた！コンビニATM利用が無料・他行振込無料（回数制限なし）で使える

• 【旬】「白すぎる」と賛否両論？姫路城見るなら今秋がおすすめ！その理由は？｜castlehimeji.com

• Google+の投稿が勝手に自動でブログになっていくPluCialが便利



アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。

AdMax Promotion

ブログ記事のご紹介

すべて展開 | すべて省略

Rakuten Promotion

ページ

すべて展開 | すべて省略