WordPress

ワードプレスブログにバナーを貼る方法を解説!自分で作った画像でオリジナルバナー

2022年4月18日

色々な人のブログを見ていると、サイドにバナー広告を貼っている人が多いですよね。

私も、オリジナルのバナーを作って一丁前に貼っているわけですが、

悩む人

サイドにバナーを貼り方法がイマイチ分からん!

という方へ、貼り方を解説したいと思います。

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

では早速サイドにバナーを貼っていきましょう。

貼りたいバナーをワードプレスにアップロード

まずは、貼りたいバナー画像をワードプレスのメディアにアップロードしましょう。

ワードプレスの管理画面からメディア>新規追加をクリックします。

アップロードしたい画像バナーを選択してアップします。

アップしたらメディア>ライブラリに進んで、画像のURLをコピーしてメモ帳などに貼り付けておきます。

バナー画像をクリックして「ファイルのURL」の下の「URLをクリックボードにコピー」をクリックすると

URLがコピーされるのでメモ帳に貼り付けておきます。

ウィジェットからバナーを貼り付ける

次に、外観>ウィジェットをクリックして、バナーを貼り付けていきます。

サイドバーウィジェットの任意の位置に、カスタムHTMLをドラッグ&ドロップします。

タイトル部分は任意のもので設定します。空欄だと文字は出ません。

内容の部分に下記のHTMLコードを貼ります。

<a href="リンク先のURL" target="_blank">
<div style="width:100%;text-align:center">
<img src="バナー画像のURL">
</div>
</a>
<div style="text-align:center">バナー直下にコメント入力</div>

貼り付けたら「リンク先のURL」に飛ばしたいリンクURLを貼ります。

「バナー画像のURL」には、先ほどメモ帳に貼り付けたバナー画像URLを貼ります。

もし、バナー画像の下にコメントを入れたい場合は「バナー直下にコメント入力」部分に文字を入力します。ない場合は「バナー直下にコメント入力」の文字を削除します。

保存できたらサイトにきちんと貼れているか確認しましょう。

-WordPress