pandamanサイトの目次をつける&その目次下にAdsense広告を表示させる方法ツイートシェアはてブGoogle+Pocketいろいろなサイトを参考にさせて頂いてこのサイトを運営しております。あるサイトをみた時に目次下の広告がありました。効果がありあそうな気がしたので、試してみました。【サイトの目次をつける&その目次下にAdSense広告を表示させる方法】です。自分の備忘録も兼ねて、目次を表示させる方法とAdSense広告をその目次の下に表示させる方法を紹介していきます。Plus」で目次を表示させるサイトにおいて目次は必須といってもいいほど大切なものです。訪問者にとっての需要はかなり高いと考えられます。「最初の見出しの前(デフォルト)」、「最初の見出しの後」、「トップ」、「ボトム」の4種類から選べますが、基本的には、「最初の見出しの前(デフォルト)」で問題ありません。表示させる為の条件を設定できます。「〇つ以上見出しがあるとき」のみの設定です。2個から10個の中で選択できるようになっています。常に見出しを表示したいのであれば2つを選択しておくといいと思います。【次の投稿タイプの時に表示】post、page、ml-slider、ml-slide、cta、lpの中から選択することができます。通常はpostが一般的なので、「post」を選択しましょう。見だしテキスト目次部分の固定テキストを設定します。「目次」ではなく、「概要」や「INDEX」等としているサイトもありますね。表示、非表示を切り替えるボタンの有無、その固定テキストも設定できます。するかしないかの設定です。階層表示するとインデントがかかるので、読み手にはわかりやすいですね。《設定なし》デフォルトでONになっていますので、そのまま設定しておきましょう。見出しの文字の横に番号が振られています。これを自動で振ってくれます。目次だけに表示される番号です。先ほどの上記画像のように記事内の見出しに番号をつけている場合は、番号が重複してつけられることになるので、ご注意ください。ここはご自分のサイトに合わせて設定してください。目次の見出しをクリックしたときにその見出し部分までスクロールして飛ぶか一気に切り替えて飛ぶかの設定です。これはデフォルトの自動にしておきましょう。目次欄の配置に関係する項目です。基本的にデフォルトで問題ありません。文字のサイズを設定できます。目次欄のデザインを6パターンから選択することができます。これもサイトに合わせて選ぶといいでしょう。細かい設定をしたいときに使用するメニューですが、基本的な設定だけであればそのまま触らなくていいです。Plusを利用して目次の下に広告を表示することができます。若干応用編ですが、手順通り行えば簡単です。ご自分のサーバー管理コンソールからサイトを構成しているファイルを閲覧することができます。大体のものはFTPツールが入っていると思いますので、そこから「wp-content/plugins/table-of-contents-plus」配下に「toc.php」というファイルがあります。このファイルに少し修正をくわえていきます。この修正間違って保存やアップロードすると予期しないエラー等が発生する可能性がありますので、バックアップは必ず取りましょう。エディターで「toc.php」を編集していきます。container」という文字列で検索します。この部分が、目次を挿入している箇所です。“\n”;太字で書いた部分を修正していきます。/>’;上記のように修正すれば完了です!!ちょうどこのサイトを記事を見て頂いているのであれば、目次の下に広告がきているはずです。うまく設定できればこのようになります。(おまけ)目次に表示する見出しレベルを設定するWordPressの見出しには、h1~h6まであります。これをどこまで目次に表示させるかを設定することもできます。上級設定となるので、標準設定にはない項目です。前述しましたが、【上級向け】という設定項目があります。そのメニューを表示するとこの設定が表示されます。どこまでの見出しを目次に表示させるかをチェックしてください。それがそのまま目次に反映されます。今回のこの記事では、見出し5を使用していますが、h4までしか設定していないため、目次には表示されていません。このようにどこまでを目次に表示させるかも設定可能です。Plusをそのまま設定してしまうと不要な見出しまで目次に追加されることがあります。例を挙げると別プラグインで表示可能になる関連記事や著者プロフィール等です。下記画像を見ると確かに見出しに含まれてしまっています。(3.1著者プロフィールと4.関連記事の紹介が表示されている。)毎回これが目次に表示されるのは、読み手からしてもうっとしいですし、目次としてもすっきりしません。これを表示させないようにする設定をしていきましょう。標準の設定にはありません。【上級向け】という非表示されているメニューの中に設定があります。「除外する見出し」という設定があるので、ここに除外する文字列を入力していきます。先ほどの上記画像で「3.1著者プロフィール」と「4.関連記事の紹介」が表示されているので、これを非表示にしたいので、下記の図のように入力欄にその見出し名を入力します。ちなみに複数指定するときは、「|」を間に入力して複数入力してください。設定更新し、目次を確認するとちゃんと消えています。このような設定まで可能になっています。上級向けの設定ではまだ細かくいろいろ設定可能です。当記事ではここまでとしておきます。役に立つがあれば紹介したいと思います。著者プロフィールpandaman30歳の二人の子持ちで、職業はSEです。1年間スマホ記事のゲームライターをしていました。企業内システムエンジニアで、主にモデル設計を担当。(TMモデル・ERモデル)当サイトについては、ネタ記事、本格ゲーム攻略、子供向けアニメ・・様々なジャンルの記事を書いています。コメントをキャンセルメールアドレスが公開されることはありません。新しい投稿をメールで受け取る【クロノスエイジ】リセマラは不要!引き直しガチャで引くべきものは?!サービス終了ですべてが無に・・それを見極める方法は?!RECOMMENDこちらの記事も人気です。-U-Mobileユーザーなら超必須アプリ-なんでも雑記2017.11.13名作アークザラッドがスマホアプリで復活!!ABOUTこの記事をかいた人pandaman30歳の二人の子持ちで、職業はSEです。1年間スマホ記事のゲームライターをしていました。企業内システムエンジニアで、主にモデル設計を担当。(TMモデル・ERモデル)当サイトについては、ネタ記事、本格ゲーム攻略、子供向けアニメ・・様々なジャンルの記事を書いています。