ワードプレスのサイドバーにリンク付きの画像を貼り付けている方がいますよね。
実は私もサイドバーにリンク付き画像を貼り付けたくて、やり方をめちゃくちゃ探しました。
そしてとっても簡単な方法を見つけることができたので、皆さんにご紹介します。
サイドバーをカスタマイズしたい!という方はチェックしてくださいね!
ワードプレス・サイドバーにリンク付きの画像を貼る方法
ワードプレスで作ったブログには、左右にサイドバーを作ることができます。
そのサイドバーにリンク付きの画像をどうやって貼り付けることができるのか。
私の見つけた方法はめちゃくちゃ簡単なのでぜひ御覧くださいね♪
ちなみに、サイドバーにあるリンク付きの画像とはこちらのこと。
画像をクリックすることで、違うページ読者さんを誘導するものです。
では、ここからサイドバーにリンク付き画像を貼る方法をご紹介していきます。
ステップ①画像を作成
まずは、画像を作りましょう!
私はいつもCanvaで画像を作成しています。
画像サイズは、500×500ピクセルでOK。
Canvaはテンプレートが豊富なので、デザイン初心者さんでも即プロっぽい画像が作れますよ♪
完成した画像は、右上の「共有」をクリックし、ダウンロードしておきましょう。
ステップ②編集画面に画像を貼り付ける
次に、ワードプレスの新規投稿をクリック。
編集画面から、先ほどダウンロードした画像をアップロードして下さい。
ステップ③画像にリンクを挿入する
アップロードした画像をクリックすると、画像上部にメニューバーが現れます。
ここから「リンクを挿入」をクリックし、リンク先のURLを入力して下さい。
ステップ④スタイルをコピー
リンクが挿入し終わったら、もう一度画像をクリックしてメニューバーを表示させます。
一番右の「…」をクリックし、「スタイルをコピー」をクリックします。
ステップ⑤ウィジェットにペースト
「外観」→「ウィジェット」に行き、サイドバーに「(C)テキスト」を追加します。
「(C)テキスト」はPC用とモバイル用があるので、どちらも追加しておくとそれぞれの端末から見ることができます。
そして「(C)テキスト」に先ほどコピーしたスタイルをペーストして下さい。
これで完成です!
あとはご自身のサイトをチェックして、きちんとリンク先に飛ぶかどうかを確認して下さい。
ワードプレスのサイドバーにリンク付き画像を貼る方法・まとめ
この5ステップで、サイドバーにリンク付きの画像を貼り付けることができます。
とても簡単ですので、ぜひ試してみてくださいね!
コメント