目次に表示される見出しは、記事を作成する中で設定します。WordPressの記事の作成画面で「段落」をクリックすると、見出し1~見出し6が表示されます。(「見出し1」は使いません)見出しとしたい箇所にカーソルを持って行き、この「段落」から見出し2(更に細かい小見出しを設定したい場合には見出し3など)を選べば、その場所が見出しとなり、目次にも反映されます。どれを目次として表示するかの設定がありますが、それがこの段落の設定に対応しています。HTMLのタグです)(大規模な記事を書かないかぎり、利用するのは見出し2,見出し3、使っても見出し4ぐらいまでです)デザインカスタマイズでは他のブログと差別化をはかる、読者にも優しいデザインカスタマイズをしてみましょう!まず設定をしただけの表示を見てみると、以下のようになっています。あなたならどんなデザインのカスタマイズを入れてみたいですか?私的には、もう少し分かりやすく優しい感じにした方が読者にも見やすくなるのでは、ということで、ここでは以下の変更を入れてみます。見出し全体の横幅を広げる(余裕を持った表示する)以降の変更はコピーしてブログのCSSに追加するだけで実現できますので、是非試してみてくださいね!ブログのCSSへの反映は、以下の記事を参照してみてください。角が丸くなって優しい感じになりました。角の丸みの調整は、数字の5を大きくしたり小さくしたりしてみてください。}内側の余白を大きくすることで、目次の表示も余裕がましたね。*/}リンク色を少し変えてみました。見出し(見出し2)と小見出し(見出し3)の色を若干変えることでメリハリを付けてます。好みの色に変える場合、以下のサイトを参考にしてみてくださいね。マウスオーバー時の色や効果について利用するテーマによってマウスオーバー時(マウスカーソルを上に持ってきた時)の色や効果は変わります。色を変えたい場合には「見出しのマウスオーバー時の色」(redの部分)を変更してみてください。」の行は消してください。見出しと小見出しの文字の大きさを変える(見やすくする)文字の大きさも変えて、もっとメリハリのある目次にしてみます。*/}キュッと締まった雰囲気がしてメリハリのある良い感じです。見出し全体の横幅を広げる(余裕を持った表示する)上の例では見出しが結構長いため、記事の横幅に対してバランスのとれた幅で表示されているように見えます。ここで見出しの文字が少ない場合を見てみると...ちょっとやせ細ったノッポさんみたいになってしまいました。言えば良いんですが、このような見出しの文字が少ない場合も考えておきます。対応は簡単で、例えば横幅は「最低200px」とか「最低記事の横幅の30%」等、横幅の最低の長さを決めておけば良いんですね。以下のコードを追加します。*/}おぉ、細すぎない目次になりました。(・∀・)イイ!!ねここでは「まぁ、記事の横幅に対して最低3分の1ぐらいの幅があればいいか」、ということで30%という数値を指定しています。40%でも50%でも良いですし、200px、300pxといった絶対値でもOKです。test04便利な隠しワザ便利な技があるので2つほど紹介です。その1)個別に表示項目のコントロールこの記事の目次をちょっと見てみてください。小見出しも沢山あり、結構コマゴマとしてますね。(それでもデザインカスタマイズしているおかげで、見やすくはなってます)こういったコマゴマと沢山の見出しが並んだ目次の場合、「小見出し(見出し3)は表示せずに、見出し(見出し2)だけ表示してスッキリしたい!」とジタバタする時があります。大元の設定を変えると全ての記事で表示が変わってしまいますが、実は記事個別に対応できるんですね。heading_levels="2"]この魔法の文字列を目次の表示位置に入力すると、見出し(見出し2)までの表示となります。最初の見出し「こんちには」の直前に魔法の呪文をベタッと貼り付けます。結果の表示は以下のとおり小見出しが非表示になってスッキリです。”小見出し”が入り組んで非常に分かりずづらい(というか返って記事を読む邪魔になってる)ものを見かけますが、そんな時はぜひ使ってみたい技ですね。その2)個別に目次を非表示もう1つの技は、記事のボリュームが少なかったり、そもそも見出しが少なく目次を表示したくない!という場合に使う魔法の呪文です。[no_toc]1[no_toc]上の例と同じように、この魔法の文字列を目次の表示位置に入力すると(実は入力する位置はどこでも良さそう)、目次そのものが表示されません。今回利用したCSS一覧です。*/}ブログのCSSに貼り付ければそのまま使えるはず。試してみてくださいね。Plus」というプラグインを使えば楽々実現できる。目次に反映する見出しは、WordPressの記事作成で「段落」から「見出し2」「見出し3」などを見出しとしたい行に指定する。デザインカスタマイズも難しくなく、角の丸みや余白の調整などすると、スッキリ見やすい目次のできあがり。小見出しが沢山ある場合などは、魔法の呪文を使って整理する一昔前のトレンドアフィリエイトの記事のボリューム(500文字とか)では不要かもしれませんが、1500文字、2000文字と内容が増えるにつれ目次も必要となるでしょう。(というか、逆に言えば記事本文に見出し小見出しを付けて、分かりやすい構成にすることが必要であり、それが自動的に目次となって現れる、という形ですね)ここで見たプラグインを使えば目次も自分で作る必要なく自動で生成されて手間いらず。デザインのカスタマイズも簡単にできることから積極的に取り入れて、少しでも訪れる人にとって分かりやすい記事にしていくことを考えましょう。いった1つ1つの工夫が読者の滞在時間の伸びにつながり、ブログ全体の底上げにもつながります。あなたの成功は、正にそういった延長線上にあるのです。PMはじめて拝見、そして生まれて初めてコメントを書かせて頂きました。コメントをキャンセルメールアドレスが公開されることはありません。!!初心者だった頃「こういったものが欲しい!」と心に描いていた想いを形に制作した、ネットビジネス学習の決定版!初心者の方、どの年代の方にも楽しみながら学べるコンテンツ。月収10万、20万、それ以上を目指せる知識を学べます。Cruise』を完全無料で手に入れる!!メルマガのご案内に説明動画があります。JIN】コンサルタント・コピーライター・ウェブデザイナーとして活動中。し、ネットビジネスの道へ入る。得るか、自分らしく生きるとは何かを追求するとともに、会社に依存しないで自由に稼ぐ人を増やすことに全力を注いでいます。源泉徴収票の見方と所得税。公務員の年齢による給料差はどれぐらい?中卒、高卒、大卒などの学歴差は気にしない、気にしない。会社に行けない、退職したいは甘えなのか。会社に行くのがつらいのはあなたのせいじゃない。無料メールマガジンのご案内。