自動でh2タグの上に広告を追加させる方法

スポンサーリンク

目次

ゴール


記事内の広告について毎回手動で入力するのは大変だったので、自動でh2タグの上に記事を追加する機能を追加しました。
本記事では下のような画像の様にh2タグ上に広告が自動追加されることを目指します。

必要なもの

必要なもの 価格(円)
1 PC ピンキリ
備考 インターネット接続可能なこと
2 WordPressのアカウント 無料
備考 持っていない場合は、こちらを参照→WordPressのインストール方法

方法

自動でh2タグの上に広告を追加させる方法


自動でh2タグの上に広告を追加させる機能のような追加機能については直接WordPressのコードを変更するというより、テーマのfunctions.phpに機能を追加することが主流のようです。
テーマごとにfunctions.phpは定められていると思いますが、今回の記事ではSimplicity2を例としてまとめたいと思います。

functions.phpの編集方法はWordPressの左側のメニューにある外観->テーマの編集を選択し、テーマのための関数(functions.php)を選択します。
また、このとき編集するテーマが”Simplicity child”であることにも注意してください。

本ブログでは
/* 以下にSimplicity子テーマ用の関数を書く */
の下にコードを追加していくことにします。

functions.phpの追加コード

上のソース内の
・★【スマホ・タブレット向けの広告のURL】★
・★【PC(モバイル端末以外)向けの広告のURL】★
に該当する広告のURLを記入して、functions.phpに追加します。

コード反映確認


ソースコードが反映されていることを確認するために、下のtestAdd_Ad_Before_H2.htmlをブログ投稿画面で確認してみてください。

すると、下の様に表示されるはずです。

以上!

スポンサーリンク

フォローする

スポンサーリンク