WordPress

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

更新日:2018-08-28

WordPress 目次

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

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

CSS

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

functions.php

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

最後にひとこと

最後にひとこと

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

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

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

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

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

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

-WordPress
-,

執筆者:

関連記事

WordPressカテゴリー

【WordPress】カテゴリーの一覧リストを動的に作成する方法

WordPressの固定ページ等でカテゴリーの一覧を表示させたいときのテンプレートタグとその設置方法をご紹介します。 ZAKKIPOSTでは、ヘッダーとフッターのメニューに表示している「記事カテゴリー …

ソースコード

【WordPress】記事にソースコードを表示する方法を比較解説

ブログでHTMLやCSS、PHPなどのソースコードを紹介したいときは、エディタのように行番号や色を付けて紹介することができる「Syntax Highlight(シンタックス・ハイライト)」を使うと便利 …

CyberduckとFilezilla

Macで使える無料のFTPクライアント2選

Macで使える無料のFTPクライアントを紹介します。 これからブログをはじめる方 いままでライブドアブログなどの無料ブログを使ってきた方 上記の方々は「FTPクライアント」って言われても「???」だと …

MixHostキャンペーン

MixHost・1ヶ月間限定10%OFF!【期間限定キャンペーン】

レンタルサーバーの比較記事で取り上げ、当サイトでも利用させてもらっているMixHostが1ヶ月限定の10%OFFキャンペーンを開始しました! 2018年にブログをはじめる方に向けた「レンタルサーバーの …

WordPressコメント機能

【WordPress】コメント機能を無効化(非表示・削除)する方法

WordPressにはコメント機能が標準で設置されています。 コメント機能は読者の方とコミュニケーションを図るうえでとても便利な機能なのですが、ブログを運営していると、スパムコメントが入ってきたり、嫌 …

スポンサー

PROFILE

zakker

Zakker(ザッカー)

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