2021年9月28日dokugakucreatorFacebookTwitterはてブPocketFeedlyWordPressテーマの「Diver」で投稿記事内に目次を表示させる方法を説明します。投稿記事内の目次とは、記事内の各見出しを集めたものです。投稿記事内の目次は、記事に書かれている内容を端的に表すとともに、それぞれの見出しの部分に飛ぶことができるリンクにもなります。Plus」を使用すると簡単に作成することができます。プラグインとは、WordPressの機能を拡張するソフトウェアのことです。Plus」は、目次を自動で作成する機能を持つ、とても便利なプラグインです。Plus」をインストールしましょう。Plus」のインストールワードプレスの管理画面から、プラグイン>新規追加を選択しましょう。Plus」と入力し検索しましょう。Plus」のところにある【今すぐインストール】のボタンを押します。Plus」のインストールが完了したら、【有効化】のボタンを押してプラグイン機能をオンの状態にしましょう。Plus」は、目次を自動で作成する機能を持つプラグインです。目次は自動で表示されますが、表示される目次に関して条件を設定することができます。Plus」の条件の設定は、ワードプレスの管理画面から、設定>TOC+を選択して行います。Plus」の基本設定画面に移ります。Plus」で設定できる主な内容は次の通りです。目次をページ内のどの位置に表示させるかを選択します。例:ページ内の最初の見出しの前に目次を表示させる。目次を表示させる条件として、最小見出しの数を選択します。例:見出しの数が3個以上の場合、目次を表示させる。目次を表示させるコンテンツを選択します。例:投稿記事ページには目次を表示させるが、固定ページには目次を表示させないようにする。目次の枠線や背景色などのデザインを変更することができます。h1からh6の見出しのどの見出しを目次内に表示させるかを選択します。Plus」の基本設定画面です。先ほど説明した1~7の設定をこちらの基本設定画面から行うことができます。目次に表示させる見出し種類の選択は、上級者向け設定のところにあります。設定が完了したら、【設定を更新する】ボタンを押しましょう。最後に設定が完了したら、投稿記事内に目次が生成されているか確認しましょう。Plus」をボタン操作で簡単にカスタマイズできます。ワードプレスの管理画面から、Diverオプション>投稿設定を選択します。〔投稿設定〕の画面に移動したら、『TOC+プラグインにDiverスタイルを適用する』のところにチェックを入れましょう。この操作のみで目次のデザインが綺麗になります。枠線の色と文字の色は好きな色にカスタマイズすることもできます。WordPressテーマの「Diver」でカスタマイズした目次はこちらです。ちなみに、カスタマイズ前の目次はこちらです。カスタマイズによってデザインがとても洗練されたものになりました。見出し画像用2021年9月28日Webサイト(ブログ)制作の流れと費用(コスト)について【WordPress】ドメインを取得する流れを説明します【お名前ドットコム/お名前.com】おすすめの記事Webサイト制作WordPressにテーマを適用する【Diver】【AFFINGER】【Divi】Webサイト(ブログ)作成において、7番目にやることはWordPressへのテーマ適用です。Webサイト制作は、Webサイトを家と例えて考...Webサイト制作さくらサーバで2個目(複数)のWebサイト(ブログ)を追加する方法【WordPress】さくらサーバで2個目のWebサイト(ブログ)を追加する方法を解説します。手順1:追加するWebサイトに使用するドメイ...Webサイト制作レンタルサーバー内でデータベースを作成する流れを説明します【さくらのレンタルサーバ】Webサイト(ブログ)作成において、5番目にやることはレンタルサーバー内でのデータベース作成です。Webサイト制作は、Webサイトを家と例...Webサイト制作ドメインを取得する流れを説明します【お名前ドットコム/お名前.com】Webサイト(ブログ)作成において、1番最初にやることはドメインの取得です。今回の投稿では、WordPressに最初の記事を投稿する方法を説明します。今回の投稿では、WordPressのプロフィール写真を簡単に変更する方法を説明します。通常のプロ...Webサイト制作レンタルサーバーを契約する流れを説明します【さくらのレンタルサーバ】Webサイト(ブログ)作成において、2番目にやることはレンタルサーバーの契約です。