コピペで簡単!画像を中央寄せにする方法!【はてなブログ】
ブログをやっていると写真や画像を使うことって多くないですか?
アイキャッチとか記事中に入れる方は多いと思います。
ぼくも写真や画像を多用しています!
レビュー記事とかは写真を多く使ったりしますので、ぼくは結構使ってますねぇ。
写真や画像ってサイズが小さいと、極端に左に寄って困った経験はありませんか?
アレって気になりません?
これってぼくだけかなぁ?
別にぼくは潔癖症ってわけではないですが、なぜか気になってしまうんですよねー。
スマホだと画面が小さいから気にならないけど、パソコンやタブレットで見るときってどうしても気になってしまうw
調べてみたので、メモがてら書いておきます(^^)
画像を中央よせにする方法
スペースキーを連打する
これって意外と微調整が難しいですよね。
ブログ始めた頃は、この方法で調整していたけどめんどくさい…
写真や画像を並べると微妙にずれるし、見た目が更に悪くなる。
この方法は却下!!
CSSをイジって中央寄せ
.hatena-fotolife, .http-image {
display: block;
margin: 0px auto;
}
【はてなブログ】画像を中央揃えにする方法【CSS】 - うりだよ。
うりさんありがとうございます。
このコードを使うと自動で画像を中央寄せしてくれます。
コードを入れる手順は
ダッシュボード→デザイン→デザインCSSと進みコピペして設定の保存をするだけです。
これで、どんなサイズの写真や画像を入れても自動で中央に寄せてくれます!
便利ー!
これでスペース連打からおさらばー!
さいごに
こんなことをしなくても、はてなブログがデフォルトで実装してくれたらなって思います。
はてなブログは、もっと実装できそうですけどね。
それかPro契約している方には、特典として何かの機能を実装してくれるとかそういうサービスでもいいのに。
さておきもう少し使いやすくなったらいいなぁとは感じます。
因みにWordPressは、デフォルトで実装されています。
はてなブログ頑張ってー!
▼WordPressブログ▼
【感想】カオスなはてなブログの現状を描いた漫画が面白い!「はてな村奇譚上・下」を読んでみた
【感想】人気のあるブログやサイトの秘密はなんなのか「情報サイトでオーソリティーを目指そう!: 10年先も生き残る安定志向のサイト構築論」を読んでみた