ロゴ
【note:検索上位を狙うブログ理論】一騎当千SEO

【マナブログコピー(ワードプレステーマ)】記事最下部に大きなバナーを設置する方法【人気記事よりも目立つ】

その他の追加設定

こんにちは、ごま吉(@Lv1gomakichi)です。

本記事では、マナブログコピーの記事最下部に大きなバナーを設置する方法をご紹介します。

記事最下部には人気記事を設置することで動線を強化することもできますが、ビジュアルのあるバナーを設置することでさらに強力に誘導することができます。

【Manablog Copy】記事最下部に大きなバナーを設置する方法【人気記事よりも目立つ】

「記事最下部の大きなバナー」とは当ブログで言うと、こちらになります。



全記事の最下部に出るように設定していますので、特に推したい記事があればオススメです。バナー上部のリード文も合わせて実装することで、自然とユーザーを誘導できます。

バナーを制作する


記事最下部に大きなバナーを設置する方法は以下です。
まずは、設置に必要なバナーを制作しましょう。

バナーの制作は、無料で使える画像加工サービスCanvaを使います。
Canvaの使い方については、下記の記事を参考ください。


バナーは、横680px✕縦300pxのサイズで作成します。

バナーをアップロードする

仕上がったバナーをブログにアップロードします。
管理画面メディア新規追加を選んでバナーをアップロードしましょう。



画像のURLをコピーしてメモ帳などに控えておきます。

テーマファイルへのコード追加

次にテーマファイルへコードを追加します。
管理画面外観テーマエディターsingle.phpを開きます。



①の<?php endwhile; ?>の直下に以下のコードをを追加します。
(②の部分に当たります)

<p>バナー説明リード文章</p>
<a href="リンク先のページURL">
<img src='コピーした画像URL' style="width:90%;margin-top:-30px;" />
</a>
	


ちなみに③の部分は、テキストのみの『人気記事』の実装コードです。
目安としては、ご参考ください。

※上記のコードは、画像の④のコードより上に記述しましょう。

補足:文字装飾

当ブログのように文字装飾する方は、こちらの記事をご参考ください。

上記のプラグイン実装後であれば、リード文に 注目などの小技も使えます。

当ブログで使っているコードは以下です。
コピーして該当部分だけ差し替えでも使えますので、どうぞ。

<p><span class="kousikien">注目</span><strong>こちらも合わせてどうぞ▼</strong><br>アフィリエイト初心者向けに【月3,000円を稼ぐ着実なSEO】をテーマにnote執筆しました。<u>マナブログコピーと合わせて運用すると効果大</u>です。</p>
	
<a href="https://note.com/babystar23/n/nf38c0880c7c1"><img src='https://sarugamamani.org/wp-content/uploads/2019/12/note-matome.png' style="width:90%;margin-top:-30px;" />
	</a>
	


画像提供:Dooder – jp.freepik.com によって作成された background ベクトル



\将来につながるプログラミング/

エンジニアとして活躍したい人
プログラミング未経験でも安心
WordPressにもっと詳しくなれる
無料体験レッスン受講後に受講料が1万円引に!




注目こちらも合わせてどうぞ▼
アフィリエイトを始めるための手順を紹介しています。マナブログコピーのカスタマイズが終わったら『ASP登録』をしましょう。

note


注目こちらも合わせてどうぞ▼
アフィリエイト初心者向けに【月3,000円を稼ぐ着実なSEO】をテーマにnote執筆しました。マナブログコピーと合わせて運用すると効果大です。

note

人気記事【マナブログコピー(WordPressテーマ)】文字装飾プラグインの設定