当ブログは人気有料ワードプレステンプレート「jin」を採用しています。(この記事を書いている時点)
暇な時間を見つけてはカスタマイズしているのですが、個人的にグーグルアドセンス広告以外に記事下でコンテンツマッチする広告を展開してアフィリエイトや印税収入を得ているので、今回は購買意欲の高い
「記事下に広告枠(ウィジェット追加)する方法」
を備忘録を兼ねて記録しておきます。なお、なぜこのエリアがお金に直結しやすいのか、その他ブログ運営ノウハウはブログアクセスアップ・SEO対策・アフィリエイトで稼ぐ方法まとめにまとめているのでこちらも参考にしてください。
[box02 title=”こんな人におすすめ”]
・WPテーマjinを使ってるけど、プロフィールの上、記事が終わったところに広告を設置したい方
・jinを使っている人で記事下にウィジェットを追加してフリースペースを作成したい方
・Jin以外のワードプレステンプレートを使ってるけど、記事下にウィジェットを追加したい方(動作保証はできないので、必ずバックアップしてから行なってください。)
[/box02]
目次
ワードプレスの記事直下に広告orフリースペース(ウィジェット)を追加する手順
下記に手順を書いておくので、この記事を参考にカスタマイズしてみてください。
1.まずjinの子テーマをダウンロードする
子テーマがなくともたぶんカスタマイズからCSSの追加からできるかと思いますが、個人的にゴリゴリいじりたいと思っていたので、ここでは子テーマを使ったやり方で解説していきます。
*ダウンロードページはこちら
2.下記のソースコードをjin子テーマのfunctions.phpに貼り付けるだけ
下記のソースコードをコピペしてfunctions.phpにコピペして貼り付けてください。(ソースコード表示の右上の「copy」をクリックするとコピーができます。)
/* ウィジェットエリア追加 */
if (function_exists('register_sidebar')){ register_sidebar(array( 'name' => '投稿本文下', 'id' => 'content-under-widget-area', 'description' => '投稿本文下に表示されるウイジェット。', 'before_widget' => '<div id="%1$s" class="content-under-widget-area %2$s">', 'after_widget' => '</div>', 'before_title' => '<h2 class="mainSection-title">', 'after_title' => '</h2>' ));
}
add_filter('the_content','my_content', 0);
function my_content($content){ if(!is_single()){ return $content; } $new_content = ''; $new_content .= $content; $new_content .= get_dynamic_sidebar('投稿本文下'); return $new_content;
}
//dyndamic_sidebar の文字列化
function get_dynamic_sidebar($index = 1){ $sidebar_contents = ""; ob_start(); dynamic_sidebar($index); $sidebar_contents = ob_get_clean(); return $sidebar_contents;
}
こんな感じ(画像)
ソースコードをコピペするだけでこんな感じで記事直下にフリースペースが完成します。
jinはデフォルトの状態だと記事下部のウィジェットは存在するのですが、実際は記事直下ではなくプロフィール画面の下になってしまいます。
*デフォルトだとこんな感じ。
ですが、上記のソースコードをコピペするとこうなります。
投稿本文記事下というウィジェットが完成しています。
ここにアドセンス広告なり、noteの有料記事などを貼ってマネタイズしたり、特集記事に誘導して滞在時間を長くしてSEO効果を間接的に高めることもできます。まとめ記事に誘導すればブックマークする人も増える可能性も高まるでしょう。
完成形はこんな感じです。(画像)
プロフィール(about me)の上にフリースペースが生まれます。
あと、テストはしていませんが、たぶんjin以外のワードプレステンプレートでも記事直下にフリースペースを作ることができるかと思いますが、自己責任でお願いしますね。
記事上、中、下を使って広告収益をさらに上げたい人はこちら
最後におまけですが、記事中の広告スペースを使って私がどのように収益を上げているのかを下記に解説しているので、気になる人はこちらも参考にしてください。
https://code369.net/wordpressblog-google-adsense/