当記事は旧サイトで2019/09/28に執筆したものを転載したものです。Contentsは適用されていません。Contentsだと聞いたのでインストールしたらテーマと干渉起こしてこんなことに。言うわけで自分のサイトの調整がてら軽く作りました〜。以下にコードを書いていきますが、一応追加する場所を。追加CSSにコードをコピペするだけです。目次で、見出しラベルを表示にチェックし、見出しラベルには「目次」と入力しておいてください。contentsデザイン2そのまま使うとほぼまんまなので、サイトカラーに合わせて色くらいは変えてください。Awesome使っていない方は擬似要素(19〜24行目まで)のブロック消さないとおかしなことになります。Contentsデザイン4背景のグラデーションは変更可能なので、もしこちらを使いたいと言うファンシーなかたがいらっしゃったら13行目を変更してください。ちなみにグラデーションはこちらのサイトが良いの揃ってます。CSSをクリックして、13行目を書き換えるだけです〜。Contentsをウィジェットに表示するとユーザーが見ている箇所が強調表示され、記事の中での現在地が分かりやすくなります。サイドバーの追従ウィジェットは今時のテーマは大体ありますし、そこに設置すればユーザビリティ向上しますね。この黒色強調部分を少し変更してみました。red;}コードを見やすくするために敢えて赤色にするしか書いておりません。blue;}こうするだけです。Awesome使うこともできます。.5em;/*右側に余白*/}何かミス等ありましたらコメントください。無料のWordPressテーマです。✒️たかさきしがないたかさきです。HTML/CSS/JS/PHP/Ruby/SQLちょっと書けます、Photoshopちょっと使えます。Vue勉強中、埼玉とか都内の勉強会良いのあれば教えてください〜。メディア売買経験あります、ミドルレベルでの検索結果1位何回か取ったことあります。キャンセル入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。内容をご確認の上、送信してください。お名前メールアドレス次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。👘CreatedBy。