管理栄養士パプリカン

管理栄養士パプリカン 「栄養」食や健康・栄養学「グルメ」美味しいもの巡り「TV」ドラマや映画「Art」アートやデザイン

はてなブログの目次の付け方☆サイトデザインを自分の思いと通りに仕上げよう!!

はてなブログの見やすいサイトデザインの作成

f:id:kanrieiyousi:20191021190913j:plain

はてなブログを始めてみると、色々な機能があることに気づきます。どうやって使ったらよいのだろう?という疑問を抱く方も多い中、私も最初は使い方が分からず、ひたすら文章を書いていました。次第に色々な機能が使えるようになり、トップページに選択バーを付け加えたり、サイトデザインや文字の色や大きさなどに違いを付けて、できるだけ見やすく読みやすいデザインをこころがけました。今では、これがしっくり来ています。

これからブログを進めていく方への参考資料になるように

私も最初は全然分からず、様々なサイトを検索して使い方を覚えました。今回はツイッターにて「はてなブログの目次の設定」に苦戦している同じ管理栄養士の方がいましたので、その方に向けて書いていきます☆同じようにサイトデザインを工夫したい!という方にも参考になると幸いです(^-^)

まずは・・・Googleアドセンスに申請しますか?

Googleアドセンスで広告収入を得たい!という方は、はじめたばかりの時は初期のサイトデザインの方がアドセンスにも合格しやすくなります。Googleアドセンスというのは自分のブログに広告を掲載して、それの閲覧数やクリック数がお金に換算されるもので、ブログの収入を得られるものですが、ブログで収入を得たい!という方は、まずはサイトデザインはいじらないことをお勧めします。画像やイラストなどが入ると審査に通りず楽なり、当分申請ができなくなるので、アドセンスに合格したい!という方はサイトデザインはいじらないことです。

詳細は下記の記事をご覧ください☆

www.kanrieiyousioutput.com

本当にそれでよろしいでしょうか?迷っていたら立ち止まる

Googleアドセンスは利用しない。ただただホームページのような形で掲載していきたい!という方は、サイトデザインをどんどん変更しても大丈夫です。ここでもう一度確認ですが、本当にアドセンスには登録しませんね?後で「やっぱりアドセンスに申し込もう!」と思っても大変に苦労してしまうので、悩んでいる方は上記の記事にようにブログ運営を続けてください☆

Googleアドセンスには登録しない!という方

上記の説明を受けたうえで、私はGoogleアドセンスには登録しない!という方は、下記に沿ってサイトデザインをかえていきましょう!はてなブログには様々なサイトデザインを使用することができますが、PC上とスマホとでは表示の仕方が違っていたり、文字の大きさが小さくて読みずらい!という事態も起きますので、スマホとPC上のデザインを比較しながらデザインを選んでいくことをオススメします。

はてなブログ「目次のつけ方」

それではまず初めに、記事の「目次」のつけ方です。目次のつけ方は簡単です。

①「記事を書く」をクリック

②「目次をつけたいところにカーソルを合わせておく」

③「題名の下にある機能ボタンの中の「"」の右側にある🔲で囲まれた機能をクリック

④「[:contents]と表示されます。これが目次になります。

見出しの中の「大見出し」として囲った見出しが大きく表示され順に「中見出し」「小見出し」の順に文字の大きさが異なります。見出しとして文字を囲むだけで、サイト上では見出しとして扱われるので、①目次ボタンで目次機能を貼り付ける②見出しの文章を見出し機能で囲っておくだけで目次の完成です。文字だけだと分かりづらくてすみませn(><) 

目次をつける場所は?

目次を置く位置は、やはり文章の一番上がお勧めです。最初に要約を書いて、次に目次を置く方法も良いかもしれません。目次があるとサイトが見やすくなりますし、要点をまとめて話すことで読んでいる方にも伝わりやすい文章が出来上がります。色々と試行錯誤しながら、昨日を活用してみてください(^-^)

サイトデザインの設定

サイトのデザインを設定することができます。通常は白地に黒字の殺風景な状態ですが、はてなブログでは無料で簡単にサイトデザインを手にいれることができます。やり方はパソコンから設定していきます。

①「デザイン」を選択

②「デザインテーマ」から好きなデザインを選ぶ

③選択したら上の「変更を保存する」ボタンを押す

④完成です(笑)

とっても簡単ですね(^-^)自分が使用したいデザインで好きなサイトを作りあげましょう!!

はてなProの方は、さらに豊富なサイトデザインを使用できるので、下記の記事を参考にしてください☆ 

www.kanrieiyousioutput.com

さいごに・・・

今回は「目次」の設定方法と、サイトデザインの選択方法について記載してみました。ブログの活用方法は多岐に渡りますので、それぞれの目的に合ったサイトデザインが出来上がると良いと思います。色々と書いてきましたが、私もWebに関しては初心者ですので、もっとわかりやすいサイトがありました載せていきますね(^-^)

 

それでは☆お互いに協力して楽しいブログ生活を築いていきましょう(^-^)

私のもお勧めの機能がありましたら是非とも教えてください☆