このページでは、デザインテーマ「Brooklyn」をベースに、こんなことをしてみたい!というカスタマイズ方法を紹介します。随時更新する予定ですので、チェックお願いします。[準備中]記事の行間はてなブログを始めて一番気になった点は、「記事の行間」です。広く、見やすくはあるのですが、スマホで表示した際に記事を読み進める度にスクロールが少し面倒だなぁと感じました。そんな時に使えるCSSがこれです。margin:0}margin:の後の数字が行間設定です。この数字を上げていくと行間が広がっていきます。?読みやすい記事になったでしょうか。見出しのイメージ見出しの表示を自分好みに変える方法です。見出しは3種類あり、それぞれ、「H3(大見出し)」、「H4(中見出し)」、「H5(小見出し)」のHTMLタグになっています。記事を書く時の編集画面で見出しのプルタグがありますが、ここのデフォルトの表示を変える場合、下記のように記述します。h3でデフォルトのh3(大見出し)を指定します。backgroundは背景色で、border-bottom、leftはそれぞれ下枠、左枠のサイズ(px)と色(#)になります。h3:beforeはh3で始めに実施する内容になります。デフォルトでは吹き出しのイメージとなっており、これをリセットするための記述になります。書かないと吹き出しが残ってしまいます。大見出し以外も変えたい場合は、h4、h5とそれぞれ定義すればOKです。ように記述すればOKです。="daimidashi">のように記述する必要があります。枠で囲う記事の本文の一部を枠で囲う場合は、CSSでの定義でも可能ですが、HTMLを使ってやってみます。HTML編集画面で囲いたい文章の前後に、下記のようにタグを追加します。inline-block;"><p>枠で囲ってみました!</p></div>border:は枠の太さ、solidは単線、paddingは上枠からどれだけ離すかを示しています。マーカー(蛍光)付き文字よく記事を見ていると強調したい所に蛍光ペンみたいにマーキングした文章を見ることがあります。これもCSSで設定することが可能です。CSSに以下を記述します。40%);}HTML編集で協調したい部分にタグを追加します。class="marker">晴れ</strong>です。太字を常にデフォルトで蛍光するように固定する場合は、CSSに下記を記述すればOKです。この場合は、毎回、HTML編集する必要がありません。記事に表示される日付の表示の色を変更できます。CSSに下記の通り記述します。#daa520;}color:は文字の色、background-color:は背景色になります。本ブログでは、車中泊などで実際に使用しているアイテムを紹介...2022-01-09簡単!ヘッダー画像サイズをスマホ画面に合わせて自由にサイズ変更する方法【はてなブログ】はてなブログの一番上に表示されるヘッダー画像。ブログ現状から推定してみるグーグルアドセンスを始めてから1年と4か月。介護に携わる方々をサポートするお役立ち情報が満載のサイトです。20年4月号(学研プラス)に、愛車ウェイクで車中泊を楽しむ記事が紹介されました。はてなブログ引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。