クリップタイムsearch相手を操る心理術Psychology簡単WEB制作WordPress初級編(初期設定~テーマ選択)初めての方へAboutスタッフ紹介Staffお問い合わせContactmenuCLOSEよく寄せられるお悩みWordPressサイトを作りたい(初級編)管理人『うつけ』よりお問い合わせ初めての方へスタッフ紹介CLOSEキーワードで記事を検索CLOSEクリップタイムはすぐ仕事に活用できる実践型のビジネスノウハウ学習サイトです。当校の講師紹介はこちら。PlusでWordPressに目次を追加ツイートシェアはてブLINEPocket『ワードプレスサイトの記事内に目次を付けたい。やって?CSSだのHTMLだのまた出てくる感じ?』とお悩みの方も多いと思います。実際当サイトCLIPTIME(クリップタイム)にもそんな問い合わせがまだまだ多いのも、実はきちんと活用できてない方が多いのではないかと思います。Plus」を使って、簡単に目次設定をしてユーザーのページ滞在時間を増やす方法をクリップタイムしていきます。きちょうあー目次があるサイトってよくあるよねー!アレって見やすいときと見にくいときがあるけどさー、付けたほうがいいの??つねちゃんこの目次に関してはいろんな意見をよく聞くけど、実はコレSEOにも効果があるモノあるんだよ。目次があまり長くなり過ぎても変だけど、いまは知りたい情報だけを見に来るユーザーもとても多いから、付けといた方がいいね。Plus」を設定することで、単純に目次機能の他にも嬉しい機能が充実しています。表示も全て日本語に対応していますから、簡単に設定できてしまうのもポイント高いですね。つねちゃんたかが目次、されど目次。目次設定をバカにしていると後々のSEOにおーきく影響を受ける可能性もあるから、しっかり設定していくよ。赤枠のプラグインが出てきたら「今すぐインストール」、インストールが完了したら「有効化」をクリック。Plusの「設定」へ。Plus」の官営画面です。以下の4つから選択ができます。記事の作成の仕方によって人それぞれと言ってしまえばそこまでですが、基本的には、「最初の見出しの前(デフォルト)」のままで大丈夫です。長い文章の記事を書く場合、記事の途中にもう一度目次を設置してユーザーに親切なページにすることも可能ですので、後ほど解説します。表示条件ここでは、目次を表示させる条件を設定します。記事の中に何個以上見出しを設定したときに、目次を発動させるかを選択できます。当サイトCLIPTIMEでは、基本的に見出しを2つ以上設定したら目次は出現させるようにしています。見出しを設定して目次を表示するということは、その見出し文がユーザーの「知りたい」とその情報の「段階」に合わせて設定する必要があります。適切な見出し設定は、常にユーザー目線の文章構成にあるということは忘れずに設定しましょう。以下のコンテンツタイプを自動挿入これは、どの投稿タイプで目次を表示させたいかを選択できます。post:一般投稿について目次を表示します。page:固定ページについて目次を表示します。custom_css:カスタム投稿について目次を表示します。wpcf7_contact_form:お問い合わせフォームに目次を表示します。post_lp:ランディングページに目次を表示します。基本的には、「post」にチェックが入っていれば大丈夫です。WEBサイトの用途によって、「page」や「lp」などにチェックを入れると便利に利用できます。見出しテキストこれは目次のタイトルと、表示非表示のテキストを設定できます。単純に「目次」でも全く問題はありません。ここはサイトのイメージや用途によって適切な文言を設定しておきましょう。変わった表現を入れるだけで、ユーザーのページ滞在時間が増えるポイントにもなりますので、小さなことですが少しアイデアを練って考えるのも長い目で見ると良いと言えます。階層表示ここは、文中に「h2」「h3」と見出しを設定していったとき、目次の表示を階層的に表示するかしないかを決めます。ひとつの事柄についてその情報を書くような記事であればあまり必要ないものですが、この記事のように、「やり方」の説明を段階をもって解説するような記事では非常に便利な機能です。これにより、「基本設定」の中に「位置」という設定や「表示条件」という設定があるんだなと視覚的に伝えることができます。番号振りこれは目次のひとつひとつに番号を振って、より階層を視覚的に分かるように設定できます。階層表示と同じように、「h2」の見出しと「h3」の見出しが階層表示され番号が振られています。これによって、よりユーザーに今どこにいるのか、この見出しはどの見出しの中にあるモノなのかを視覚的に表現してくれます。三段目までいってしまうと、少し見にくくなることもありますが、なにかの「やり方解説」などでは分かりやすく便利です。目次の中から、項目をクリックしたときに、パッパッとその項目の場所にジャンプするか、当サイトのようにスル~ッとスクロールするかを選択します。スル~っとスクロールしたい場合はチェックを入れます。これはお好みで設定しましょう。目次ボックスの横幅を設定できます。横幅を固定にしたり、相対サイズで選択したり、ユーザー指定で設定することもできます。当サイトではデフォルトを選択しています。回り込み目次を本文の右や左に回り込んで表示することができます。これはおススメしません。非常に見にくくなります。設定する場合は確認しながら設定しましょう。文字サイズ目次の文字サイズを選択できます。WEBサイトにおいて、文字のサイズは非常に重要です。適切で見やすいサイズに設定しましょう。プレゼンテーション目次の見た目を決めます。ここはサイトのカラーに合わせてお好みで設定しましょう。カスタムを選択すると、自分でカラー設定もできます。お好みのカラーで個性を出すのもいいですね。上級者向け設定ここでは、特定の文言を見出しから除外したり、見出しとして認識するレベル(h2,h3,h4,h5)を変更したりできます。設定するとするならば、この3つだけです。cssファイルを除外:独自に目次cssを設定したときに、このプラグインのcssを読み込まないようにできます。干渉を防ぐ意味で使用します。見出しレベル:ここは用途によって設定しても良いと思います。見出しのレベルは、「h1」「h2」「h3」「h4」と続いていきますが、その中のどれを目次に表示させますか?という設定ができます。『h4まで使うこともあるけど、h4は目次に表示するほどではないなー。』なんてときにはh4をノーチェックにします。ちなみに当サイトは「h2」「h3」のみにチェックを入れています。除外する見出し:記事の途中などで「関連記事はこちら」などど、サイト内リンクの見出しを設定しているサイトをたまに見かけます。この設定は、毎回使う見出し文言があって、それを目次には表示させたくない場合に、その文言を指定して表示させないように設定できます。設定するときは、*関連記事*のように、指定の文言を「*」で囲んで設定します。Plus」は、独自のサイトマップをページ内に表示させることもできます。編集画面で、サイトマップを表示させたい部分に、と入力すると、このように記事内にサイトマップが生成されます。表示させたいカテゴリやページのラベルを選択できますが、正直あまり使用することはありません。表示させたい所に目次を表示させる上記の3.1で設定した目次の位置がありますが、その位置じゃない所に目次を表示させたい場合は、と入力すると、その場所に目次が表示されます。逆に、と入力すると、そのページには目次が表示されなくなります。その記事その記事によって、目次の数や階層の有無は様々です。そんな時に、この2つのショートコードを覚えておくと、なにかと便利ですし、よりワードプレスを使いこなしていくことができますので、覚えておくと使いう機会があるかもしれません。きちょうあたし目次をなめてたー、これって意外と大事なツールだったんだねー!つねちゃん分かってもらえたならなにより。目次を設定すると、訪問ユーザーの道しるべになり、ページの滞在時間にも貢献できることが多いです。順序よく使用することで、Googleさんのクローラーにも最適な記事環境を伝えることができるので、結果サイトの評価に繋がります。Plus」は、目次設定プラグインでもあり、ユーザーの道しるべを作り、結果SEO対策にもなる重要なプラグインだということが言えます。初級編(初期設定~テーマ選択)簡単WEB制作プラグインワードプレスこの記事が気に入ったらいいねしよう!最新記事をお届けします。「新しいスマホビュー時代をつくろう」というのをコンセプトに、スマホでの見やすさ、操作しやすさにとことんこだわりました。テーマ詳細をみる吹き出しや補足も簡単に!?AddQuicktagでWordPressを見やすくする若者の草食化は経済効果があった!?『逃げ恥』と草食社会の利害関係RECOMMENDこちらの記事も人気です。