この記事はプロモーションを含みます。

ワードプレス/サイドバーにリンク付き画像を貼る方法!めちゃ簡単!

ブログについて

ワードプレスのサイドバーにリンク付きの画像を貼り付けている方がいますよね。

実は私もサイドバーにリンク付き画像を貼り付けたくて、やり方をめちゃくちゃ探しました。

そしてとっても簡単な方法を見つけることができたので、皆さんにご紹介します。

ちこ
ちこ

サイドバーをカスタマイズしたい!という方はチェックしてくださいね!

ワードプレス・サイドバーにリンク付きの画像を貼る方法

ワードプレスで作ったブログには、左右にサイドバーを作ることができます。

そのサイドバーにリンク付きの画像をどうやって貼り付けることができるのか。

私の見つけた方法はめちゃくちゃ簡単なのでぜひ御覧くださいね♪

ちなみに、サイドバーにあるリンク付きの画像とはこちらのこと。

ちこ
ちこ

画像をクリックすることで、違うページ読者さんを誘導するものです。

では、ここからサイドバーにリンク付き画像を貼る方法をご紹介していきます。

ステップ①画像を作成

まずは、画像を作りましょう!

私はいつもCanvaで画像を作成しています。

画像サイズは、500×500ピクセルでOK。

ちこ
ちこ

Canvaはテンプレートが豊富なので、デザイン初心者さんでも即プロっぽい画像が作れますよ♪

完成した画像は、右上の「共有」をクリックし、ダウンロードしておきましょう。

ステップ②編集画面に画像を貼り付ける

次に、ワードプレスの新規投稿をクリック。

編集画面から、先ほどダウンロードした画像をアップロードして下さい。

ステップ③画像にリンクを挿入する

アップロードした画像をクリックすると、画像上部にメニューバーが現れます。

ここから「リンクを挿入」をクリックし、リンク先のURLを入力して下さい。

ステップ④スタイルをコピー

リンクが挿入し終わったら、もう一度画像をクリックしてメニューバーを表示させます。

一番右の「…」をクリックし、「スタイルをコピー」をクリックします。

ステップ⑤ウィジェットにペースト

「外観」→「ウィジェット」に行き、サイドバーに「(C)テキスト」を追加します。

「(C)テキスト」はPC用とモバイル用があるので、どちらも追加しておくとそれぞれの端末から見ることができます。

そして「(C)テキスト」に先ほどコピーしたスタイルをペーストして下さい。

ちこ
ちこ

これで完成です!

あとはご自身のサイトをチェックして、きちんとリンク先に飛ぶかどうかを確認して下さい。

ワードプレスのサイドバーにリンク付き画像を貼る方法・まとめ

  1. 画像を作成
  2. 編集画面に画像をアップロード
  3. 画像にリンクを挿入
  4. スタイルをコピー
  5. ウィジェットの「(C)テキスト」にペースト

この5ステップで、サイドバーにリンク付きの画像を貼り付けることができます。

とても簡単ですので、ぜひ試してみてくださいね!

以下にメールアドレスを入力しお申し込みください

お名前(必須) 
メールアドレス(必須)

※プロバイダーアドレスではメールが受け取れない場合がございますので、Hotmail以外のYahoo、Gmailなどのフリーメールアドレスでの登録をお薦めいたします。

ブログについて
ちこをフォローする

コメント

タイトルとURLをコピーしました