こんにちは、ユウトです。
今回は、賢威のサイドバーにバナーを貼る方法について、備忘録として残しておきます。
まずは、ワードプレス管理画面から、外観、ウィジェットと進みます。
そして、以下の画像のように、左の利用できるウィジェットから「テキスト」を選択して、サイドバーにドラッグ・アンド・ドロップします。
今回は、お問い合わせへのリンク用バナーを作成するので、テキストのタイトルを「お問い合わせ」としています。
次に、上の画像のように、テキストのタイトル欄の下に必要なコードを記入していきます。
<a href=”http://yuuto-ads.com/otoiawase/” target=”_blank” title=””><img src=”http://yuuto-ads.com/wp-content/uploads/2015/12/メールフォーム21.png” width=”292″ height=”182″ border=”0″ /></a>
まず、最初の赤文字部にはバナーのリンク先となるURLを記述します。今回は、お問い合わせのバナーを作成するので、赤文字部はお問い合わせフォームのURLです。
青文字は、使用するバナー画像のURLです。
最後に、画像の大きさは、widthとheightで調整できます。
設定が完了したら、右下の保存ボタンをクリックして、サイドバーを確認してみましょう。
コードが正しく記述されていれば、以下の画像のように、サイドバーにバナーが設置されているはずです。実際にバナーをクリックして、設定したURLにジャンプするか確認してください。