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

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

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

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

画像の貼り方

まずは、画像を表示するための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

無料プレゼント

目標達成すごろくの作り方

目標達成の羅針盤

目標達成までの道のりを可視化して最短距離でゴールに辿り着くためのマニュアルです。

「目標達成すごろく」の作り方をメルマガ会員限定で無料でプレゼントしています。

あなたの夢の実現にお役立てください。

無料マニュアルプレゼント
SERVICE

提供中のサービス

オンラインビジネスを学びたい方に向けて、下記のサービスを提供しています。
サポート付で学べる

WordPressオンライン講座

WordPressでホームページを作るためのオンライン講座。

動画マニュアルとオンラインサポート付でWordPressが学べます。

>>WordPressオンライン講座の詳細はこちら<<

自己理解&オンラインビジネスが学べるコミュニティ

スタンドポイント

自己理解を深めるための「11日間集中無料メルマガ講座」。

オンラインビジネスが学べる「オンラインビジネスの学校」を運営しています。

>>スタンドポイントの公式ページはこちら<<

この記事を書いた人

たかゆき

広島県在住。
WEBメディア運営/オンラインスクール運営/WordPress講師/Udemy講師/アフィリエイトスクールのコーチ