はてなブログの目次の付け方

目安時間6分

\お家で稼ぐ取組みを/

\無料メルマガで配信中!/

無料登録はこちらから!

 

 


私は「はてなブログ」もしているのですが、

はてなブログを使って記事を書いていく中で、

ちょっと気になると言うか「やりたいこと」がありました。

 

 

それは、「記事に目次を付けたい」ということ。

 

 

私はずっとワードプレスでブログをしていたのですが、

現在、ブログのテンプレートは無料の「simplicity2」を使っています。

 

 

このテンプレートには標準で目次を付けるものがツールバーにないんですが、

(調べたらプラグインなどがあるんでしょうけど、まだしてません(^^;))

他の人のブログを見ると記事の頭に「目次」という項目があるものが多いんですよね。

 

 

この「目次」の存在を別に気にしてない人もいるかもしれませんが、

でも、これって記事を読む側に立ってみるとわかるのですけど、

記事の内容がパッと見えてとてもわかりやすいんですよね。

 

 

でも、simplicityには標準装備されていない(-"-)

 

 

そこで、有料テーマに変えることも考えていたんですが、

こちらはまだ検討段階でして…。

 

 

そんな時に他の人の書いているブログを見ることがあり、

その人は、はてなブログで目次の表示をさせていることに気が付いて

「はてなブログは目次が付けれるんだ(゚Д゚)」と驚いたんですよ。

 

 

そこで、ちょっと調べてみたのですが、

どうやら、はてなブログには標準で目次を付ける操作が備わっている様子(゚∀゚)

 

 

と言うわけで、今回は「はてなブログに目次を付ける方法」

について書いていこうと思います。

 

 

 

 

はてなブログの無料版でも目次表示できる?

私がブログを書いている「はてなブログ」は無料版なのですが、

目次表示ができることを知って、記事作成の画面をマジマジと見てみました。

 

 

すると、画面の上の方に確かに「目次」というツールキーがありました。

(場所は「タイトル」枠の下にあるツールキーの「引用マーク」の右となりです)

 

 

そこで、試しに目次にしたい言葉を打ち込んで、その文字を全部選択し、

ツールキーの「目次」を押してみたのですが、プレビューしてみると

そこに大きな余白ができるだけで目次表示されませんでした(゜_゜)

 

 

何度かやってみたのですが、全く目次表示されなかったので、

「これって有料版じゃないとできないのかな?」と思い調べてみると、

ちゃんと無料版でも目次の表示はできるとのことでした。

 

 

 

 

はてなブログの無料版で目次表示をする

では、はてなブログで記事の中に目次表示をするにはどうしたらいいのか?

 

 

そのやり方を説明していきますね。

 

 

1.目次表示させたい見出しの文を選択します

2.画面の左上にある「見出し」というところを押します

3.「大見出し」「中見出し」「小見出し」のいずれかを選んで、見出し化します

4.記事の中で「目次」を入れたいところにカーソルを置きます(だいたいの場合は冒頭分と一つ目の見出しの間です)

5.ツールキーの「目次」を押します

(すると「[:contents]」という表記が出ます)

6.プレビューで確認すると見出しにした文が目次表示されます

 

 

という手順です。

わからないと悩んでしまいますが、やってみると簡単なことでした。

 

 

 

 

ということで…

今回は「はてなブログの無料版で記事に目次を表示する方法」について書いてきました。

 

 

ただ、上記した方法のままだと希望の場所に見出し文が四角で囲まれたものが表示されるだけなので、

一見、目次なのか何なのかわかりにくいです。

 

 

なので、「[:contents]」と言う文字の上に「‹もくじ›」などの文字を入れると

「この記事の目次はこれんだな」と、とてもわかりやすくなりますよ(^^)

 

 

もし、「はてなブログの記事に目次を付けてわかりやすくしたいな」と思ったら、

是非、この手順でしてみてくださいね!

 


 

 

 

\お家で稼ぐ取組みを/

\無料メルマガで配信中!/

無料登録はこちらから!

 

 

「在宅で稼ぐ」を学ぶは楽しい!|ネットビジネスの教科書一覧

 

 

この記事に関連する記事一覧

コメントフォーム

名前  (必須)

メールアドレス (公開されません) (必須)

URL (空白でもOKです)

コメント

トラックバックURL: 

ページの先頭へ