WordPress

【WordPress】プラグインなしで動的に目次を表示する方法

投稿日:2018年8月24日 更新日:

WordPress 目次

最近はWordPressのテーマに最初から目次機能が入っている場合が多いので、あまりニーズはないかもしれませんが、WordPressでプラグインを使わずに動的に目次を表示する方法をご紹介します。

例の如く、プラグインもJQueryも使いません。

CSS

以下のコードを「CSS」に追記してください。

functions.php

以下のコードを「functions.php」に追記してください。

最後にひとこと

最後にひとこと

以上でプラグインなしで動的に目次を表示する方法の開設は終わりです。

正直なところ、プラグインやJQueryを入れてしまった方が楽なのですが、

  • 表示速度が重くなる
  • プラグイン同士の干渉による不具合
  • アップデートによって起こる不具合

これらの問題があるので、やはりプラグインはなるべく使わないことをオススメしています。

ZAKKIPOSTは無料テーマのSTINGER8を使っているので、有料テーマに比べて追加すべき機能は多い方です。
同じように無料テーマを使っている方でも、ZAKKIPOSTを読めば、無駄なプラグインは入れずに今どきの機能はほとんど入れられうようになっていると思います。

是非ともサイトの隅々までお読みくださいw

-WordPress
-,

執筆者:

関連記事

WordPressのテーマ(テンプレート)

【2018年】SEOに強いWordPressテーマ(有料・無料)厳選

このページでは、ただオシャレなだけでないSEOに強いWordPressテーマを有料のものから無料のものまで厳選して紹介します。 これからブログやアフィリエイトサイトを運営してお金を稼ぎたいと思っている …

WordPressテーマインストール

【WordPress】テーマ(デザインテンプレート)のインストール方法

この記事では、WordPressの「テーマ」をインストールする方法を解説します。 事前準備さえしっかりしておけば、インストール自体はとっても簡単です。 事前準備の内容をふまえてテーマのインストール方法 …

【MixHost】WordPressのインストール方法

MixHostでWordPressをインストールする方法を解説します。 目次 1. はじめる前に準備すること1.1. 1. 独自ドメインを取得する1.2. 2. レンタルサーバーを契約する1.3. 3 …

AddQuickTag

AddQuickTag(WordPressプラグイン)の設定方法と便利な使い方

WordPressで記事を書く時に文字を太字にしたり、リンクを挿入するときに、あらかじめ設定されているタグを使うと便利ですよね。 もし、自分好みのタグを設定することができたら便利だと思いませんか? そ …

WordPress www

【WordPress】www有無を統一!リダイレクトの設定方法

ホームページやブログのURLは「www」を有りにしても無しにしてもどちらでも表示することができます。 サイトを公開して何も設定しないとどちらのサイトにもアクセスできる状態です。 www.zakkipo …

スポンサー

PROFILE

zakker

Zakker(ザッカー)

零細企業経営者。東京都在住。田舎暮らしに憧れを抱きながら東京で消耗中。いつかその日が来ることを信じて場所にとらわれない働き方の確立を目指して奮闘しています。