ブログに見出しをつけて読みやすく!

2020年1月27日月曜日

ブログ作成

t f B! P L

こんにちは、がるつです٩(。θ◡θ。)۶


中国の武漢で発生しています、新型コロナウィルスが
猛威を振るっていますね。

来日された方が発症し、日本でも感染が確認されましたので
怖いです。マスクは常に風邪予防で着用していますが、

それでも不安ですね(*´Д`)





ブログ自動見出しについて

いろんな方のブログを見ていると勉強になります。
整然とされていて、見やすいブログは気持ちいいですね。


ごちゃごちゃしているブログは、欲しい情報が分かり辛く、
探すのに時間がかかったりと良いことがありません。。。


まさに自分のサイトが当てはまります。


(ʻʻั๑);



というわけで、見出しをつけてスッキリ構成にしようと思い、
いろいろ調べましたので、メモメモしておきます。

















ブログ自動見出し設定手順

サイトのバックアップ

見出しを自動で作成するには、スクリプトをコード内に埋め込みます。

ですので、現在稼働中のHTMLは、バックアップを取っておきます。
うまく動かなかったときは、このバックアップから戻します。


HTMLの編集

さて、HTMLファイルを編集します。
Blogger管理画面の左側メニューの、「テーマ」をクリックします。

次に、右側の「・・・」をクリックし、「HTMLの編集」を選択します。



スクリプト等の貼り付け

「人気のあるBloggerブログの作り方」さんのサイトを参考に設定しました。
すごく分かりやすく書かれていますので、すぐに設定できました!


Chromeで開いて作業しましたが、
HTMLソースの編集で、Ctrl+Fで「</head>」を検索しましたが、
ヒットしませんでした٩(`ȏ´)۶


な、なんで??


なぜか、見えている範囲でしか検索してくれないです。
※わたしのChromeだけ??


とまぁ、うまくヒットしないので、<head>タグが終わりそうなところまで
スクロールして(もうこの時点で見つけていますが)、一応検索掛けたら
引っ掛かりました。


</head>タグの直前に、コピーしたスクリプトを貼り付けて、
保存します。




動作確認

Bloggerの記事を編集して、見出し、小見出し、準見出しを設定します。


次に、「自動で作成される見出し」が表示されるように、
<!――more――>を入れます。


この区切りがないと、自動で作成される見出しが入ってきません!

これを入れるのを忘れていたので、
うまくいかずにもがきました。。。( ✧Д✧)








記事の内容も磨いていきたいですが、
まずはブログを整えていきたいです♪

@がるつ٩(。θ◡θ。)۶

QooQ