WEB制作のヒントと日常の便利を紹介。WEB制作はWordPressをメインにCSSやコーディングのHOWTOをまとめています。最終更新日:2020.08.26目次ってあると便利ですよね!今回はWordPress(ワードプレス)でプラグインを使わず目次を追加・表示する方法を紹介します。まとめ完成図2ステップで完了しますfunction.phpとstyle.cssに以下のコードを追加するだけです!なこ1分で完成するよ!function.php投稿画面にチェックボックスを追加する投稿画面の右カラムにチェックがある場合は目次を表示させないカスタムフィールドを追加します。※次のループで<li>の直下に<ol>タグを出力する場合ががあるので、ここでは<li>タグを閉じていません。最初のhタグの前に目次を追加します。);やってることこのコードは記事内のタイトルタグを探してリストアップし、タイトル要素が3つ以上あった場合目次を自動挿入します。タイトル要素にアンカー用のIDを追加してページ内リンクを作成しています。最後に作成した目次タグを一番最初のタイトル要素の上に追加しています。投稿画面で表示しないを選んだ場合は非表示になります!CSS最後にCSSでデザインを整えましょう!style.cssの一番最後に以下のコードをコピペしてください。767px){}まとめデザインは自由に変更して使ってくださいね!タイトルがh2以外から始まっている場合は使えないのでいつか改造したいなぁ。SNSのようなチャット画面でAIが質問に答えながら誘導してくれます。2019.07.26ブログを書いていると必ず必要になる関連記事の記事内追加。2018.09.14今は沢山のサービスがあって、ブログを始めるのは簡単です。WordPressでブログを始める。2019.01.23ブログにページャーは必須です。2018.12.20こんにちわ。めんどくさい全1のナコ(@nako_x)です。投稿一覧WEB制作会社で16年、WEBデザイナーとして勤務中!娘が2人居るママワーカー。2019年10月から全社員在宅勤務となり、絶賛リモートワーク中。デザイン・コーディング・WordPress組み込みまでトータルで受け持っております。WEBの事以外にも子供が小さい時の働き方やランチ、在宅ワーカーに向けたハック等を書けたらいいなぁと思っております。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。投稿一覧WEB制作会社で16年、WEBデザイナーとして勤務中!娘が2人居るママワーカー。2019年10月から全社員在宅勤務となり、絶賛リモートワーク中。デザイン・コーディング・WordPress組み込みまでトータルで受け持っております。WEBの事以外にも子供が小さい時の働き方やランチ、在宅ワーカーに向けたハック等を書けたらいいなぁと思っております。WordPress.。