Image Widget、サイドバー、画像リンク

プラグイン

Image Widgetを使ってサイドバーに画像リンクを設置する方法

サイドバーを充実させることは、サイトを運営していく上で大切な要素のひとつです。

サイドバーウィジェットに画像を設置する場合、
通常であればテキスト欄にhtmlを記述して行うことができますが、
初心者のうちはけっこうそれが難しいことが多いです。

慣れてしまえばどちらでもあまり変わらないのですが、
簡単さでいえば『Image Widget』を使う方が良いといえます。

しっかりとサイドバーを魅力的にデザインしていきましょう。

Image Widgetってなに?

簡単に、Image Widgetを使うとどのようにサイト運営に有効なのか、
というお話をしていきたいと思います。

Image Widgetとは簡単にサイドバーに画像を設置できるプラグインです。
しかも、その画像をクリックするとリンク先に飛ぶことができます。

実際、テキスト欄にhtmlを記述すれば画像を設置することも、
画像にリンクを設定することも可能なのですが
最初のうちはけっこう難しくて敬遠しがちです。

しかし、当プラグインを使いこなすことができれば
誰でも簡単にサイドバーに画像をだったり画像リンクを設置できてしまいます。

例えば、私のサイトですとこのように使っています。

Image Widget、サイドバー、画像リンク

Image Widget、サイドバー、画像リンク

上の画像をクリックすると私のプロフィール記事に飛びますし、
下の画像の場合は人気ブログランキングのページに飛ぶことができます。

サイト訪問者が思わずクリックしたくなるような画像を作成できれば
非常に効果的にサイドバーを利用することができてしまいますよ。

Image Widgetのインストールと有効化

それではまず、当プラグインをインストール&有効化しておきます。

Image Widget、サイドバー、画像リンク

参考記事:WordPressにプラグインをインストールする方法

 

有効化が完了したら『ダッシュボード外観ウィジェット』と進んでいくと、
『利用できるウィジェット』のなかに<画像ウィジェット>というアイコンが追加されていると思います。

これがImage Widgetになりますので、
サイドバーメニューのなかに追加していきましょう。

 

Image Widgetの使い方

さて、それでは実際にどのように使うのかを解説していきますね。

<画像ウィジェット>をサイドバーメニューのなかに追加しましたら、
編集したいメニューの右側に小さく表示されている矢印をクリックします。

すると、縦長にイメージウィジェットの編集画面がでてきますので
ここで細かい編集等を行っていきます。

 

Image Widget、サイドバー、画像リンク

 

● 画像を選択

サイドバーに表示させたい画像はここにアップロードしていきます。

● 代替テキスト

これは、altタグにあたる部分になります。
その画像が示すキーワードを2〜3語程度で記述しておきましょう。

参考記事:altタグの意味と付け方を詳しく解説

● リンク

リンク先のURLをここに記述します。
リンクが特に必要ない場合は空欄でも構いません。

● サイズ

表示される画像のサイズをカスタマイズすることができます。

 

基本的に設定はこれだけですので、全て終えたら<保存>をクリックします。
トップページへ一度戻って、しっかりと表示されているかどうか確かめながら微調整を施していきましょう。

 

まとめ

サイドバーを充実させるプラグインとして、
『Wordpress Popular Posts』,『Newpost Catch』に引き続き、
今回は『Image Widget』の使い方を解説してまいりました。

参考記事:WordPress Popular Postsでサイドバーに人気記事を表示させる
参考記事:Newpost Catchでサイドバーに最新記事を画像付きで表示させる

サイドバーの利用の仕方は色々とありますが、
基本的なことはこの3つをしっかりと抑えておけば問題ないでしょう。

魅力的なサイドバーを作成し、サイト滞在時間を伸ばせるよう心がけていきましょう^^

画像の説明

関連記事

  1. WP Social Bookmarking Light、ソーシャルボタン

    プラグイン

    WP Social Bookmarking Lightでソーシャルボタンをサイトに設置する方法

    サイトに記事を書き量産していくようになったら、気になるのはアクセス数で…

  2. Table of Contents、目次、設定

    プラグイン

    Table of Contents Plusで投稿記事に目次を自動生成する方法

    洗練されたサイトや記事には必ず、適切な位置に目次が設置されています。今…

  3. Twitter、WordTwit、設定方法

    プラグイン

    記事とTwitterを連携させるプラグインWordTwitの使い方と設定方法

    Wordpressに記事を投稿した際、自動的にTwitterに連携し記…

  4. 記事作成、効率化、TinyMCE Advanced

    プラグイン

    記事作成を効率化するプラグインTinyMCE Advancedの使い方を解説

    自分で記事をたくさん書くようになると、 “いかに効率良く記事を作成…

  5. Contact Form7、お問い合わせフォーム、作成

    プラグイン

    Contact Form7で簡単にお問い合わせフォームを作成する方法

    お問い合わせフォームは、 訪問者がサイトの管理人に接触するための機…

  6. Newpost Catch、サイドバー、最新記事

    プラグイン

    Newpost Catchでサイドバーに最新記事を画像付きで表示させる方法

    画像付きでサイドバーに最新投稿記事を表示させるプラグインのなかで最もオ…

Twitter

  1. Search Console、登録方法、サイトマップ、送信方法、解説、HTMLタグ

    ツール

    Search Consoleの登録方法とサイトマップの送信方法を解説|HTMLタ…
  2. トレンドアフィリエイト,ライバル調査

    よくある質問

    トレンドアフィリエイト初心者の頃に陥る”ライバル調査”の罠に気を付け…
  3. インターネットビジネス

    ネットビジネスを学ぶためにおすすめの本は?|インプットに最適な読書の方法
  4. ブログ記事、インデックス速度、調べる方法

    インターネットビジネス

    ブログ記事のインデックス速度を調べる方法|インデックスを意識した記事を書こう
  5. Google

    Gmailアカウントを新規取得する方法|Googleをビジネスに存分に活用する
PAGE TOP