こんにちは、がるつです٩(。θ◡θ。)۶
中国の武漢で発生しています、新型コロナウィルスが
猛威を振るっていますね。
来日された方が発症し、日本でも感染が確認されましたので
怖いです。マスクは常に風邪予防で着用していますが、
それでも不安ですね(*´Д`)
ブログ自動見出しについて
いろんな方のブログを見ていると勉強になります。
整然とされていて、見やすいブログは気持ちいいですね。
ごちゃごちゃしているブログは、欲しい情報が分かり辛く、
探すのに時間がかかったりと良いことがありません。。。
まさに自分のサイトが当てはまります。
(๑ʻัદʻั๑);
というわけで、見出しをつけてスッキリ構成にしようと思い、
いろいろ調べましたので、メモメモしておきます。
ブログ自動見出し設定手順
サイトのバックアップ
見出しを自動で作成するには、スクリプトをコード内に埋め込みます。
ですので、現在稼働中のHTMLは、バックアップを取っておきます。
うまく動かなかったときは、このバックアップから戻します。
HTMLの編集
さて、HTMLファイルを編集します。
Blogger管理画面の左側メニューの、「テーマ」をクリックします。
次に、右側の「・・・」をクリックし、「HTMLの編集」を選択します。
スクリプト等の貼り付け
「人気のあるBloggerブログの作り方」さんのサイトを参考に設定しました。
すごく分かりやすく書かれていますので、すぐに設定できました!
Chromeで開いて作業しましたが、
HTMLソースの編集で、Ctrl+Fで「</head>」を検索しましたが、
ヒットしませんでした٩(๑`ȏ´๑)۶
な、なんで??
なぜか、見えている範囲でしか検索してくれないです。
※わたしのChromeだけ??
とまぁ、うまくヒットしないので、<head>タグが終わりそうなところまで
スクロールして(もうこの時点で見つけていますが)、一応検索掛けたら
引っ掛かりました。
</head>タグの直前に、コピーしたスクリプトを貼り付けて、
保存します。
動作確認
Bloggerの記事を編集して、見出し、小見出し、準見出しを設定します。
次に、「自動で作成される見出し」が表示されるように、
<!――more――>を入れます。
この区切りがないと、自動で作成される見出しが入ってきません!
これを入れるのを忘れていたので、
うまくいかずにもがきました。。。(
✧Д✧)
記事の内容も磨いていきたいですが、
まずはブログを整えていきたいです♪
@がるつ٩(。θ◡θ。)۶

0 件のコメント:
コメントを投稿