はてなブログ

『はてなブログ』にCSSで簡単❤️自動で写真を真ん中に表示させる方法

f:id:langnerdmom:20210322143842j:plain:w300

こんにちは!

ここ最近、息子の咳がすごいので旦那がお休みを取って病院へ行ってくれました。

喘息気味なので、一度咳が始まると薬を飲むまで止まらまないんですよね。

コロナで病院行くの怖いし、様子見とこっかな

とか思って待っていても絶対に治ることのない息子の咳😓

可哀相…

『はてなブログ』で写真を載せる時に自動で真ん中に表示させたい

さてさて、今日は『はてなブログ』で写真を貼る時に自動で真ん中に表示する方法はないかと調べてみました。

記事を書くとき、写真を大きく表示させたりしないので、いつも左よりになっちゃう

<center></center>で写真を真ん中に表示させてたけど

めんどくさい

参考記事はてなブログで写真が中央寄せにできない:問題解決! – Raspberry Pi & Python 開発ブログ ☆彡

こちらで紹介されているものがめちゃめちゃ簡単だったので、このブログに採用させていただきました

デザインCSSにコードを貼り付けるだけ

/*写真を中央寄せにする*/
.page-entry .entry-content .hatena-fotolife {
display: block;
margin: 0px auto;
}

まずは、上のコードをコピー。

それを、ダッシュボードの「デザイン」→「カスタマイズ」→「デザインCSS」に貼り付けるだけ。

【🎨デザイン】
f:id:langnerdmom:20210322141939j:plain:w200

【🔧カスタマイズ】
f:id:langnerdmom:20210322142308j:plain:w200

【{}デザインCSS】
f:id:langnerdmom:20210322142320j:plain:w200

これだけで、写真が自動的に真ん中に表示されるようになります

ぜひ試してくださいね

忙しいワーママに

忙しいワーママでも「はてなブログPro」でなら、簡単なのに本格的なブログが始められる


一緒に始めてみませんか?

カスタマイズは終わった。後は忘備録作り

2人目が生まれたら、

ブログのカスタマイズ
カスタマイズの忘備録書く
英検と日本語教育能力検定試験の勉強
家計の見直し

全部をすることは難しいと思っているので、パソコンが必要なカスタマイズだけでもサクサク終わらよう!

と、必死でカスタマイズをしていた2週間。

昨日の夜中に、やってみたかったすべてのカスタマイズを試すことが出来ました!

カスタマイズしたことを書いて、勉強して、あれして、これしてとか出来ないので、

出来る限り超特急で

試したカスタマイズをこのブログに忘備録として書いておきたい。

赤ちゃん産まれるまでに書き終えて、さっさと英検の勉強に取り掛かるぞ〜!