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. Table of Contents、目次、設定

    プラグイン

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

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

  2. All in One SEO Pack、設定方法、使い方

    SEO

    All in One SEO Packの導入&設定方法と記事投稿時の使い方を解説

    Wordpressでサイトを運営していく際導入すべきプラグインとして、…

  3. ネットビジネス、Pretty Link Lite、使い方

    プラグイン

    短縮URLが自由に作成できるプラグインPretty Link Liteの使い方

    情報発信などを行うようになると、メールマガジンや外部サイトなどから自分…

  4. 迷惑メール、コンタクトフォーム7

    インターネットビジネス

    Contact Form7でチェックボックス付きお問い合わせフォームを作る方法

    独自ドメインでサイトを運営するようになったら、 最初にやっておきた…

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

    プラグイン

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

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

  6. 記事内、アドセンス広告、Adsense Manager

    プラグイン

    記事内にアドセンス広告を設置するAdsense Managerの設定方法を解説

    アドセンス広告を使用したアフィリエイトであるトレンドアフィリエイトを行…

Twitter

  1. 就職

    会社の先輩、上司、社長が嫌い?苦手な人との付き合い方、良好な関係の築き方
  2. 人生、変えたい、理想の生活、必要な期間、労力

    起業して人生豊かに

    【人生を変えたい】理想の生活を手に入れるために必要な期間や労力って?
  3. トレンドアフィリエイト、惜しい、タイトル、例、修正

    トレンドアフィリエイト

    トレンドアフィリエイト実践者によくある『惜しいタイトル』例と修正方法
  4. 自分に合った稼ぎ方,存在しない、足元を固める

    マインドセット

    『自分に合った稼ぎ方』なんて存在しない|まずは足元を固めよう
  5. Twitter,アイコン,丸,iPhone,デザイン,意味,評価

    SNS

    Twitterのアイコンが丸になった!【iPhone版】デザインの意味と評価はい…
PAGE TOP