エコママン

主婦が気になるコト・モノを消費者目線で分析するブログ

バナーを貼り付けリンクさせる。WordPressで画像リンク・かんたん設置方法

バナーを貼り付けリンクさせる。WordPressで画像リンク・かんたん設置方法

近頃の私、@カオジロは、バナーやチラシ制作、アイキャッチ画像などのデザイン業務に昼夜どっぷりと浸かっております。おかげさまで色々な方から制作の依頼を受けるようになりました。本当に感謝です。

そんな中、バナーの貼り付け方が分からない。という質問を受けましたので、こちらでも簡単にシェアしたいと思います。

ワードプレスのサイドバーにバナーを設置する方法

バナー 画像 リンク 貼り付け

WordPressでブログやサイト構築を行っている方向けに解説していきます。
サイドバー、こちらにバナーを貼り付ける手順です。

貼り付けたい画像(バナー)をアップロードする

まずは、wordpress管理画面の左側ダッシュボードから「メディア→新規追加」をクリックします。

バナー 画像 リンク 貼り付け

つぎに、記事投稿画面から「メディアを追加→ファイルをアップロード」をクリックし、バナー画像をアップロードします。

バナー 画像 リンク 貼り付け

ドラッグ&ドロップで表示させたい画像をサーバーにアップロードします。
(またはファイルから指定してアップロードする。)

バナー画像のリンク先を設定する

バナー 画像 リンク 貼り付け

アップロードしたら、右下の「添付ファイルの表示設定」から「リンク先」→「カスタムURL」を選択、バナー画像をクリック時のリンク先URLを入力する。

そして、「投稿に挿入」ボタンをクリック。

コピーしたリンク画像ソースを、ウィジェットに貼り付ける

バナー 画像 リンク 貼り付け

出てきたリンク画像のソースを全選択&コピーし、このページ自体はもう必要ないので削除(ゴミ箱へ移動)。

バナー 画像 リンク 貼り付け

左側のダッシュボードから「外観」→「ウィジェット」を選択する。

ウィジェット内から「テキスト」を選び、サイドバーの指定箇所にドラッグ&ドロップで挿入。

バナー 画像 リンク 貼り付け

先ほどコピーしたリンク画像のソースをペーストし、「保存」をクリック。

バナー 画像 リンク 貼り付け

リンク出来ているか、思ったように貼れているかをサイトで最終確認。

完成です!

画像をリンクさせるためのソースだけ知りたい方はこちら

とても簡単ですよね。基本を押さえてどんどんサイトの集客導線を構築していきましょう!

わたくしカオジロは、バナーやアイキャッチ画像、ポストカードやチラシなどデザイン業務を承っております。

ちょっとこれ作ってもらいたいのだけれど・・・など、ご相談あればお気軽にこちらからお問い合わせください。

デザイン制作のお問合せ

それでは。カオジロでした。

Return Top