ワードプレス(賢威)のトップページ上に広告や画像を貼る方法!!

sentaku

ワードプレスのトップページの上、最新記事の上部は最も目につきやすい場所です。

 

なので、この部分にメルマガ登録の誘導画像やアドセンス広告を貼っている人が多いですよね。

 

このブログでもメルマガ登録の画像を表示しているのですが、今回はトップページの上に広告やメルマガ登録に誘導する画像を貼り付ける方法をご説明します。

 

画像の貼り方

まずは、画像を表示するためのhtmlですが、これは下記のコードに必要事項を入力すればOKです。

 

<img src=”画像URL” width=”画像の幅” height=”画像の高さ” alt=”画像の名前“>

 

さらに画像をクリックした時に飛ばしたいリンク先があれば下記のようにします。

 

<a href=”リンク先URL“><img src=”画像URL” width=”画像の幅” height=”画像の高さ” alt=”画像の名前“></a>

 

画像サイズは幅だけでも入力しておけば高さは自動調整されます。

 

賢威であれば、2カラム、3カラムの使用によって変わりますが、幅はだいたい500くらいが丁度いいと思います。

トップページの上に画像を貼る

今回はトップページの上にメルマガ登録の画像を貼っていきます。

 

ワードプレスのダッシュボードの【外観】⇒【テーマ編集】へ進んでください。

 

右のCSSから【メインインデックスのテンプレート(index.php)】を選択します。

 

その中から下記の表記の部分まで進んでください。

 

kijiue

 

赤枠の部分に画像URL、またはアドセンスコードを貼り付けるのですが、この時に中央寄せもおこなうため<center>の記載も加えます。

 

<!–▽メインコンテンツ–>
<div id=”main-contents”>
<center>
【画像URL or アドセンスコード】
</center>
<?php if (the_keni(‘new_info’) > 0): ?>

 

実際に入力が終わると下記のようになります。

 

kijiue1

 

これで変更を保存して、トップページに移動してみましょう。

 

トップページのメニューバーの下、最新記事の上にメルマガ登録画像が完成しています。

 

kijiue2