2020年9月11日金曜日

Blogger 記事の見出しをオシャレにカスタマイズする方法

記事の見出しをオシャレに


 皆さん、ブログ記事書いてますか? 私はブログを始めて思った「ああしたい、こうしたい」を解決するBlogger情報をマイペースに発信しています。その他、資産形成に関する内容や自作小説なども。

 さて、早速ですが今回のテーマ:ブログ見出しをオシャレにカスタマイズする方法について書いていきたいと思います。


作業工程① インターフェースの確認


Bloggerには現在(2020年9月)二つのインターフェースが存在しています。
見出しをカスタマイズするには旧インターフェースに戻してから対応します。

素人の私では新インターフェースでのやり方が分かりません(汗)

今後新インターフェースのみとなったらどうするのか、やり方を調べる必要がありますけどそれはまたいずれ。てか機能で付けて欲しいものですが、どこのブログでもそうなのでしょうか。ブログってハードル高すぎやしません?まあ何事も勤勉者でないと厳しい世界なのでしょう。

前書きが長くなりましたが、インターフェースを確認したら、まずは旧インターフェースに戻します。

◆旧インターフェースへの戻し方





画像の通りこれだけです。これで準備が整いました。


作業工程② htmlの編集


Bloggerの場合は見出しとなる"hタグ"なるものをイジる必要があります。h2が見出しと日付表示を兼ねてしまってる? ようですのでそれを修正しないと上手いきません。

因みに、hタグとはソースコード上で見出しを表すもののようです(詳しくは……ググってみて)。

h1はブログタイトル
h2は記事タイトル  etc……。


hタグ編集は、ここで綴るよりも他のサイトを参照して頂いた方がいいと思います。私も参考にさせて頂きました。

◎なお、作業はパソコンじゃないと難しいです。
◎あと、バックアップは確実に!!

以下、参照サイト〜〜
☝☝☝


作業工程③ カスタムCSSの追加


作業工程③が実際の見出しデザインを修整する作業になります。

工程を画像で貼り付けていきます。

1.テーマを選択



2.カスタマイズを選択



3.上級者向けを選択



4.CSSを追加を選択



5.枠内にウェブに落ちてる見出しデザインをコピペし、右上のブログへ適用



h◯は適宜変更する必要がありますが、簡単です。
h2〜改行
h3〜改行
h4〜

とコピペを繰り返していけば完了です。

以下、参考サイト 〜〜
☝☝☝



以上で見出しのオシャレなカスタマイズは終了です。

センスと根気のない私は微修正に留まりましたが、皆さんも素敵な見出しのオリジナルオサレブログとなるようやってみてください!!

それから新インターフェースでの見出し変更方法(カンタンな……ね)が分かったら教えてください(笑)


【見出し変更後の注意点】
見出しを変更してから過去に書いた記事を必ず見返してください。過去に書いた記事が意図していない見出し(見出し、小見出し、準見出しなど)になっていた場合、見た目がおかしくなっているかもしれません。
私も見出しの使い分けを理解していなかった時の記事はぐちゃぐちゃもいいとこでしたので。

面倒ですが、必ずやってくださいね。

では、また何か良い情報があれば発信いたします★




★資産運用始めるならコチラ★


0 件のコメント:

コメントを投稿