画像の説明

プラグイン

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. 記事内、ソースコード、Crayon Syntax Highlighter

    プラグイン

    記事内にソースコードを埋め込むプラグインCrayon Syntax Highlighterの設定方法…

    カスタマイズ関連のことで説明したり、あるいは解説したりする際によく使っ…

  2. JetPack、WordPress、インストール、方法、サイト統計情報

    プラグイン

    JetPackをWordPressにインストールする方法|サイト統計情報を一目で確認

    WordPressをダウンロードしたなら、最初に入れておくべき必須のプ…

  3. Auto Post Thumbnail、使い方、アイキャッチ画像

    プラグイン

    PING送信とは?WordPress Ping Optimizerで更新情報をPING送信しよう!

    サイトを開設したらすぐに導入しておきたいプラグインのひとつに、『Wor…

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

    プラグイン

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

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

  5. Favicon Rotator、ファビコン、設定

    プラグイン

    Favicon Rotatorでサイトにファビコンを簡単に設定する方法

    今回の記事では、Wordpressにファビコンを設定するのに最も簡単な…

  6. Google Analyticsの導入と設定方法

    ツール

    Google Analyticsを導入しトラッキングコードを取得する方法

    サイトを運営していく中で必ず設定しておくべきツールやプラグインがいくつ…

PRESENT

Hitomiefu,インターネットビジネス,無料プレゼント,Canvas

MAIL MAGAZINE

MAIL MAGAZINE

Twitter

LINE@

Hitomi、LINE@、登録
  1. Wordpress、カスタマイズ、真っ白、グチャグチャ、対処法、防止

    Wordpress

    WordPressのカスタマイズ中にサイトが真っ白、グチャグチャになった場合の対…
  2. 賢威7、新機能、カスタマイズ、レビュー

    賢威

    賢威7の新機能やカスタマイズをレビュー!バージョンアップを簡単に解説
  3. ツール

    Raptureのダウンロードと使い方の解説|Windowsでもスクリーンショット…
  4. お金を稼ぐ,マインドブロック,外す,お金を稼ぐ,価値提供

    マインドセット

    『お金を稼ぐ』というマインドブロックは外してしまおう|お金を稼ぐことは価値提供
  5. マインドセット

    ネットビジネスや人生において成功するために必要なことは『継続』すること
PAGE TOP