しげさんぽスマートフォン用の表示で見るしげさんぽはてなブログ日常デグーグルメDIYITHOME人気記事カテゴリポリシーお問合せ2020-02-14カード型デザインをカスタマイズしてみたよはてなブログ個人的にカスタマイズブームが来て楽しくなってきています。カード型デザインについてのカスタマイズをここにまとめて掲載していけたらと思ってます。記事を見ようと思うか決まると言っても過言ではないですからね。あこがれのブログに近づけるように色々と試行錯誤してみたいと思います。カスタマイズ」からデザインcssに以下のコードを書き込みます。カスタマイズ」からデザインcssに以下のコードを書き込みます。gist308a8da31531993d5079e95751d5e546分かりづらいですが、カードの枠を丸くし、アイキャッチの上部のみを丸くしています。5pxを大きくすれば大きな丸になるので、好みの大きさにしてください。カスタマイズ」からデザインcssに以下のコードを書き込みます。gist90524088c16e6993340e4881b7ee37aaスッキリして見やすくなりましたね。カスタマイズ」からデザインcssに以下のコードを書き込みます。gistc40c1b123f4a3b98995a6597b64fb22c分かりづらいですが、アイキャッチが背景と同じ色だと境界線がわからないので線を引いてみます。カスタマイズ」からデザインcssに以下のコードを書き込みます。gist67a04712dc6f406ea02c1011f6ecfcb7枠線を引くことで見やすくなりますね。カスタマイズ」からデザインcssに以下のコードを書き込みます。gist72df959a8dbdeb7b0fe6ed87d5d28c88これは好みによると思いますが、個人的には右側の方が好きです。アイキャッチ画像が見切れないようにするはてなブログの仕様で自動的にトリミングされるようです。私は、そのように感じたアイキャッチをまだ見ていませんが、とりあえずやれることはやっておきましょう。カスタマイズ」からフッタに以下のコードを書き込みます。gist521422a4adca4e4a6cc2970e1727e9c2まとめデフォルトと比較するとかなり変わりましたね。TOPデザインもこれからカスタマイズしていきたいと思います。いい方法あるよって方いましたら、コメントいただけると嬉しいです。(id:shigesanpo)デグー、IT関連、マンガ、ドラマ大好きな30代です。自分の好きなことや備忘録としてブログに残していけたらと思ってます。最近はSLHというアーティストにはまりつつあります。自分の視野を広げていけるよう日々精進。reserved.スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。