2019.06.08こんにちは!だちたまです。Plus」があります。自動で目次を表示してくれるので超便利。当ブログでも使用しています。だちたまでも、ちょっとデザインが味気ない。可愛くしたーい!ということで、今回は目次のデザインをカスタマイズしてみましたので参考までに紹介したいと思います。seventeen」でカスタマイズを行いました。本記事を参考にカスタマイズをする場合は、自己責任でお願いします。カスタマイズをするときは、データのバックアップと、子テーマを設定することをおすすめします。Plusとはそもそも何?このプラグインは、記事の見出し(H1~H6)を使って、目次を自動生成してくれるプラグインです。見出しの設定さえきちんと行っていれば、適切な目次を簡単に表示させることができます。このプラグインについては、私が一から説明するより、以下のブログでわかりやすく説明されていますので、ご覧ください。Plus」のデザインをカスタマイズさて、プラグインのインストールと設定が完了すると、初期状態では以下のように目次が表示されます。こちらのデザインをCSSを修正して変更していきましょう。修正するファイルはstyle.css。このファイルは以下のフォルダに格納されています。style.cssの格納フォルダpublic_html/wp-content/themes/子テーマデザイン案は、以下の「サルワカさん」のサイトを参考にさせていただきました。可愛いデザインが豊富にあって、とても参考になります。以下のコードをstyle.cssの最後に追加し、カスタマイズを行いました。silver;padding:3px;}このコードを追加すると、以下のように目次が表示されます。だちたまやわらかいデザインの目次ができました。Plus」のデザインを自分の好みに編集してみました。今回載せたコードをちょっと修正するだけで別のデザインにも変更することができますので、良かったら参考にしてみてください。育児・マイホームアイテムレビューブロガーだちたまこんにちは!「だちたま」です。2人(4才・0才)の4人家族。元エンジニアの夫に教えてもらいながら、WordPressのカスタマイズ・プログラミングについてお勉強中。