【はてブロ】“マテリアルぽっぷ”で憧れのカード型デザインにしました!
こんにちは!
何でも行き当たりばったり、石橋は叩いて笑え!
座右の銘は【何とかなるさ】のガッツです!
オーキードーキーのブログテーマはずっと、
『Brooklyn』を使用していました。
Brooklynもとても見やすく使いやすかったのですが、
今回はてなブログの有料版に移行したこともあり、
カード型レイアウトにどうしてもしたくて・・
ついにしてしまいましたー!!!
そのブログテーマは、豆ゴロさん(id:mamegoro)の作成した
『マテリアルぽっぷ』です!
▽マテリアルぽっぷにしたらアクセス数が3倍に上がった件
《マテリアルぽっぷ》
引用:https://demo-mamegoro.hatenablog.com/archive
トップブロガーさん(あんちゃ・オークニ...etc)たちも利用されていて、
ワードプレスでも推奨されている『カード型レイアウト』を使用出来るデザインとなっています。
カード型デザインとは??
↓カードデザイン非対応レイアウト『Brooklyn』
↓カードデザイン対応レイアウト『マテリアルぽっぷ』
上記の画像を見て分かるように、
カードデザイン対応のレイアウトはカードみたいに並んでいて、
アイキャッチ画像がメインとなったデザインとなります。
カード型デザインのメリットは?
カード型デザインのメリットは何といっても見やすさです。
アイキャッチ画像がメインとなるので、
・記事の内容が分かりやすい』
・『アイキャッチ画像とタイトルの情報だけが入ってきて見やすい』
これが大きなメリットです。
ガッツ的には、頑張って書いた記事が埋もれずに見やすくなる利点を感じています!
カード型デザインのデメリットは?
デメリットはほとんど感じないのですが強いていうのであれば、
・はてなブログPRO(有料版)でないと使用できない。
・アイキャッチ画像を設定することが前提
というくらいでしょうか?
どちらにせよ、ブログで稼ごうと思っている方であれば設定できるデザインですので、デメリットはないということです。
どのような人に向いているのか??
作者の豆ゴロさん(id:mamegoro)もおっしゃっているように、
テーマ「マテリアルぽっぷ」については、
基本的にははてなブログpro用に作っています。
はてなブログPRO版を運営されているブログ向けです。
なぜなら、マテリアルぽっぷはPRO版で利用が出来るようになる
『レスポンシブデザイン』に対応しているからです!
設定方法は??
↓設定はこちらから出来ます。
デザインの変更をされる場合は、
しっかりとバックアップを取ってから変更しましょう!
バックアップを取らないと、今まで設定してきた細かなCSSが全差し替えされてしまいます。
因みにガッツは、Googleクロームのスプレッドシートに保存してます!
ご参考までに・・
▽アイキャッチ画像が見切れる!!対処法