WordPressサイドバーに画像表示させリンクを追加するカスタマイズ

※動画はパスワードで保護されています。



WordPressサイトのサイドバーに
人気記事ランキングカテゴリー
を表示させる方法は別の記事で紹介しました。

 

今回は
サイドバーに画像(サムネイル)を表示して
リンクを追加するカスタマイズ方法

紹介します。
サイドバーに画像表示とリンクを追加
 

このカスタマイズにより
あなたが見て欲しい記事をサイト訪問者に
直接アピールすることができます。
 

トレンドサイトの場合であれば
今話題になっている人物やジャンルを
表示しておけば記事を見てもらう可能性が
高まります。
 

訪問者に他の記事も見えもらえれば
直帰率を下げることができ、

検索エンジンからの
サイト全体の評価も高まります。

関連記事→ 直帰率とは?

 

需要が多いと思われる記事を表示させ
多くの有益な情報を提供しましょう。

サイドバーカスタマイズ:画像表示&リンク追加

ダッシュボードの「外観」
→「ウィジェット」をクリック。
ダッシュボードの外観-ウィジェットをクリック
 

「利用できるウィジェット」内にある
「テキスト」をドラッグアンドドロップで
サイドバーに追加します。
テキストウィジェットをサイドバーにドラッグアンドドロップ
 

タイトルを入力します。
ex「今話題の○○○の□□□!!」
サイドバーに追加したテキストウィジェットのタイトルを入力
 

次にタイトルの下のスペースに
以下のようなタグを使って入力します。

■■■:リンク先のURL
★★★:画像のURL
▲▲▲:文字(アンカーテキスト)

 

例えば、以下のように入力します。
■■■:http://affikatsu.com/
★★★:http://affikatsu.com/wp-content/uploads/2015/08/man-and-sun-on-the-sea.png
▲▲▲:トップページへ
サイドバーのテキストウィジェットの入力例
 
アンカーテキストは
以下のタグを使って装飾することも可能です。

太字:<strong>~~~</strong>
フォントサイズ:<font size=”2″>~~~</font>
下線:<u>~~~</u>

 

【保存】をクリックして完了です。
 

以上の方法で、
サイドバーに画像を表示させて
リンクを設置することができます。
サイドバーに画像表示とリンクを追加
 

画像のURLは以下の方法で取得できます。

ダッシュボードの「メディア」
→「ライブラリ」をクリック。

サイドバーに表示させたい画像をクリック。
ダッシュボードのメディアライブラリの画像をクリック
 

「添付ファイルの詳細」画面の右側にある「URL」が
画像のURLですので、これをコピーして使用します。
メディアライブラリから画像URLを取得
 

WordPressでは
画像をアップロードすると
小、中、フルサイズの画像が自動生成されます。

 
画像はフルサイズを使用するよりも
小さいサイズを使ったほうが読込速度が
速くなります。

小、中サイズの画像を使用する際は
一度記事作成画面で画像を挿入して
画像のURLを確認すると良いです。

以上、今回は
サイドバーに画像を表示する方法と
リンクを貼り付ける方法を紹介しました。

サイトの訪問者に
有益な情報を多く届けられるように
分かりやすい位置で紹介しましょう。

最後まで読んで頂いてありがとうございました。

記事が価値あるものだと思われたら、
下のボタンからシェアをして頂けると嬉しいです。

ブログの始め方・稼ぎ方をまとめたガイドブックをプレゼント中!
(PDFとサイト版の両方をプレゼント)
AFFIKATSUGuideBook

>> メルマガ登録はこちら <<

無料メールマガジン登録フォーム

メルマガ登録フォーム

苗字 (漢字で)
メールアドレス

※私からお送りする全てのメールに解除リンクを付けていますので、いつでもメルマガ解除をすることが可能です。




コメントを残す



コメントはサイト管理者が確認するまで表示されません。
他の読者さんにも有益だと判断した場合のみコメント対応を致します。

個別の問い合わせは【こちら】からお願いします。

CAPTCHA