>> 未経験から「ブログを仕事にする」メール講座はこちら

【SWELL】目次上下両方に広告設定する方法!自動一括反映のやり方を解説

当ページのリンクには広告が含まれています。
SWELLで目次広告を設定する方法(アイキャッチ)

今回は、WordPressのテーマ『SWELL』を使って、目次上下両方に広告タグを設置する方法についてです。

一度設定したら、自動で全記事に一括反映されるやり方を解説していきます。

2022年5月現在、SWELLの標準機能ではこの”片方”への設定しかできない仕様となっているため、テーマエディターを直接編集していく方法になります。

\アドセンス以外の広告を解説/ 
目次

SWELLで目次広告を設定する方法

まずは、SWELLの標準機能を使って目次広告を貼る方法を確認していきましょう。

やり方は、2段階です。

  1. 広告タグを設置する
  2. 広告の表示箇所を指定する

広告タグを設置する

ダッシュボード「SWELL設定」→「広告コード」→「目次広告」に広告タグを貼り付けます。

SWELLで目次広告を設定する方法

一番下までスクロールし、「変更を保存」ボタンを忘れずに押しておきましょう。

広告の表示箇所を指定する

「外観」→「カスタマイズ」をクリックします。

SWELLで目次広告を設定する方法2

「投稿・固定ページ」をクリック。

SWELLで目次広告を設定する方法3

「目次」をクリック。

SWELLで目次広告を設定する方法4

「目次広告の表示設定」で、目次広告の設置箇所を指定できます。

SWELLで目次広告を設定する方法5

✔ 目次の前or後どちらに表示するか

✔ 投稿ページのみに表示するか、固定ページにも表示するか

SWELLの標準機能では目次の片方しか広告を貼れない!

上の設定方法を見るとおわかりの通り、

SWELLでは目次上下両方に広告を設定することができない

仕様になっているのです。(2022年5月現在)

ユミ

まぁ目次上下に広告があるのも鬱陶しいし、どちらか一つに入れるというのが一般的ですしね…。

そこで、どうにかして両方に広告を入れる方法を模索したところ、直接テーマエディターを触れば可能でした!

まず、SWELLの目次設定では「目次の前に設置する」を選択しておき↓

SWELLで目次広告を設定する方法6

この状態で、「目次下」に設置する広告のみをテーマエディターで指定していきましょう!

・目次上…SWELLの標準機能で設定

・目次下…テーマエディターで設定する

テーマエディターを直接編集するリスク

テーマエディターを編集するリスク

実際のやり方をご説明する前に、一つ注意点があります。

それは、テーマエディターの編集は、一つ間違えるとブログが真っ白になるリスクがあること。

特に、一日数千~数万PVを集めるような大きなブログの場合、そのような事態になれば、復旧までの機会損失が甚大なものになってしまいます。

また、復旧が遅れてしまうと、最悪の場合SEO(検索順位)への影響も懸念されます。

そのため、作業は慎重に行うようにしていきましょう。

初心者の方は、この記事に書いてある内容”以外”のことは、決して行わないようにしてください。

可能でしたら、事前にバックアップをとっておくか、もしくはテスト環境で予め動作チェックをしてから進めていくとより安心でしょう。

テーマエディターから目次下に広告を設置する方法

本記事での設定方法は、2022年5月現在のものです。

今後テーマが更新された場合、テーマファイルの場所や広告タグの挿入箇所が変更になる可能性があります。

ここからは、いよいよテーマエディターを使って目次下に広告する方法についてです。

「外観」→「テーマエディター」

SWELLで目次下に広告を設置する

SWELLがテーマ選択されていることを確認し、「lib」→「content_filter.php」をクリック。

テーマエディタ

下の方にスクロールしていき、「目次本体」と書かれている部分を探しましょう。(※バージョンによって行数が変わっている可能性あり)

SWELLで目次広告を設定する方法8

「// 目次本体」という箇所は2つありますが、下のほうです。「if ( SWELL::is_show_index」という箇所を探しましょう。

</div>と「’」の間に広告タグを入れていくので・・・

SWELLで目次広告を設定する方法9

作業をしやすくするために、一度ここで改行してください。

SWELLで目次広告を設定する方法10

そして、下の矢印の箇所に広告タグを貼り付けます。

SWELLで目次広告を設定する方法11

実際に貼り付けると、こんな形になります↓

SWELLで目次広告を設定する方法12

必要があれば、センタータグ<center></center>を入れて、広告が画面中央に表示されるように調整しておきましょう!

SWELLで目次広告を設定する方法13

最後に忘れずに「ファイルを更新」ボタンを押せば・・・

SWELLで目次広告を設定する方法14

このように、目次下に記事タイトル上に広告が設置されます!

SWELLで目次広告を設定する方法15

テーマエディターの編集箇所については、Visual Studio Codeで探すことができます。

SWELL目次下広告設定(ビジュアルスタジオコード)

(注)テーマの更新がかかったら設定がリセットされます

ここまで、SWELLでの広告タグの設定方法を解説してきましたが、最後に一つ注意点があります。

それは、

テーマの更新がかかると、上の設定がリセットされてしまう

ということ。

これを防ぐためには、子テーマで編集するといいのですが、子テーマで設定するとうまく反映されないことがあります。

子テーマでうまくいかない場合、面倒ですがテーマの更新がかかる度に設定し直すといいでしょう。

あとがき

今回は、目次上下両方に広告を入れる方法についてでした!

SWELLの標準機能ではどちらか片方にしか入れることができないので、致し方なく目次下をテーマエディターから設定していきました。

初心者の方にとっては少し難易度が高めな内容だったかもしれませんが、一度設定すれば全記事に自動反映してくれるのは嬉しいところ。

ぜひ、今回のやり方をマスターして、サイトの収益性アップに役立ててくださいね!

※GmailやYahooメールをおすすめいたします。Hotmail、iCloudメールでは受信できないことがあります。
よかったらシェアしてね!

この記事を書いた人

初心者向けのブログ術&アドセンスの収益化をメインに発信中/2019年に複数のクリック型広告を組み合わせる「他社広告戦略」を開発/これまでに約50種類の広告を試し、同じアクセス数でもブログの収益性を2倍以上に改善した事例多数/月収10~420万円の収入を得るコンサル生さんを輩出中/ブログで収入を得たい初心者の方へ、無料のメールマガジンを配信しています

コメント

コメントする

CAPTCHA


目次