ブログ準備

WordPressサイドバーに画像表示させリンクを追加設定する方法!

ここでは、サイドバーに画像(サムネイル)を表示して
リンクを追加するカスタマイズ方法を紹介します。

こんな風にサイドバーへ画像を入れたテキストを作成できます。
トップページへ
 

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

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

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

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

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

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

ダッシュボードの「外観」
→「ウィジェット」をクリックします。
WordPress カテゴリー 追加 指定方法 サイドバー カスタマイズ 表示 外観 ウィジェット
 

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

タイトルを入力します。
例:「今話題の○○○の□□□!!」
gaozu3
 

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

 

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

例えば、以下のように入力します。
■■■:https://catherineroyal.com/
★★★:https://catherineroyal.com/sidebar-picture-links-1251/man-and-sun-on-the-sea.png
▲▲▲:トップページへ

テキスト
 

アンカーテキストは
以下のタグを使って装飾することも可能です。

太字:~~~
フォントサイズ:~~~
下線:~~~

「保存」をクリックして完了です。(ここでは「Save」)
※ 「Save」は「保存」のことです。

そうすることでサイドバーに画像を表示させて
リンクを設置することができます。

トップページへ
 

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

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

サイドバーに表示させたい画像をクリックします。
ライブラリ
 

「添付ファイルの詳細」画面の右側にある「URL」が
画像のURLですので、これをコピーして使用します。
画像コピー
 

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

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

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

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

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