はてなブログで使用する画像の角を取っ払って丸く優しいイメージにしたい！との思いから、先人達の知恵をグーグル様で検索にかけて発見したので備忘録として残しておきます。
サムネイル画像を丸角にするＣＳＳコード
はてなブログのサムネイル画像を丸角にするコードです。参考にした記事はこちらの記事です。
↑の記事内にある「サムネイル画像を丸くする方法」という見出しにあるＣＳＳをコピーして管理画面の[デザインカスタム]＞[モバイル]＞[タイトル下]にコピペ、保存で完了です。
因みに、コード下の方の「画像に枠線をつける」の部分の[solid 3px]とされている数字を変えることで枠線の太さを変更可能です。
記事内画像を丸角にするＣＳＳコード
次に記事内の画像を丸角にする方法です。参考に下記事はこちら、
ＣＳＳとされた見出しにあるコードを[デザインカスタマイズ]＞下部の[デザインＣＳＳ]に入れて保存して完了です。
モバイルビューでも対応させたい場合は、[スマホ]＞[ヘッダー]＞[タイトル下]にコピペで保存して完了です。
これは記事にもありますが、セレクタをまとめて行う方が効率が良いと思います。
以上が画像の角を丸くするコードです。
どうです？出来ましたか？
先人たちのお蔭で快適ブログ生活です。感謝感謝であります。
