navira's diary

navira’s diary

ロシアンブルーと子供と時々旦那の徒然日記

超簡単♪無料はてなブログで「目次」を作る方法

f:id:navira:20190903105956j:plain

無料はてなブログは超簡単にブログが書ける♪

とはいえ、ただ書いていくだけじゃなくて、目次付けたいな~と思ったりしたら、知識もちょい必要。。。

 

わかってしまえば超簡単なんですけど、私は超ド素人なので、目次を付けるのに苦労しちゃいました(^^;

 

 

 

なにもいじらずに、無料はてなブログで、もともとできる機能なのでした。。。

 

目次を作る方法

目次を入れたい位置を決める

f:id:navira:20190903111502p:plain

 

目次を入れたい位置にカーソルを持っていき、目次アイコンをクリックすると

こんなのが表示されます↓

 

f:id:navira:20190903112420p:plain

 

文章に見出しを付ける

先に「見出し」を付けてから文章を書いても、文章を書いてから「見出し」を付けてもいいですが

f:id:navira:20190903113106p:plain

 

①「見出し」にしたい部分をドラッグし

②「見出し」をクリックし

③「見出し」のサイズを選びます

 

太字にしたり、色を付けたりすると、より目立ちます

 

間違ったり戻したい時は、その部分をドラッグし、「標準」をクリックすると、「見出し」を解除できます

 

以上っ!!

 

↓プレビューで確認すると

 

f:id:navira:20190903113654p:plain

 

↑このように表示されます

 

「大見出し」 で書いたピンクの文字と、「中見出し」で書いたグリーンの文字が、段差がついて表示されます

 

 

 

無料はてなブログでも、目次に枠線も付けられました

どこをどうしたらどう反映されるのか?・・・色んな方法があるようで。。。悪戦苦闘しました。。。

 

目次の部分を、「もくじ」ってタイトル付の枠で囲みたいんですけど、うまくいきません。。。模索中です。。。(^^;

 

やっとのことで、目次部分に背景色を付け、枠がぼんやりふわっとした感じのBOX風にすることはできました

 

 

無料はてなブログの使い方にお困りの方の、ご参考にして頂けたら嬉しいです♪

 

 

ブログがちょっと収入になったら嬉しいな~っ

自分が欲しいモノ買って、お金が帰って来たら嬉しいな~っ

て方は、先ずはアフィリエイトっ!

無料ですぐ登録できるASPA8.net 」に登録してね~☆

 

navira.hatenablog.com

ブログランキング・にほんブログ村へにほんブログ村