アイキャッチを映えさせる大人可愛い(かっこいい)テーマです。
ある程度カスタマイズしているので、カスタマイズが苦手な方でもすぐに使えます。
着せ替えが簡単でカラーコードも用意しています。
レスポンシブデザインです。
※記事一覧表示にするには、はてなブログPROへの加入が必要です。
PROに加入してなくても使用することは出来ます。
※スマホから見ると1カラムで横長のカード型になります。
こちらの記事で詳しく説明しています。
https://www.fuji-blo.com/entry/cappuccino
デモサイト
デモサイトはこちらです。
Cappuccinoデモサイト
特徴
少し動きのあるレイアウトなので視覚的に楽しめる。
カードの画像やタイトル以外の空白部分も、クリック出来るようにしています。
- グローバルナビゲーションが設置できます。
- デモサイト内の記事に設置方法が書いてあります。
- https://cappuccino.fuji-blo.com/entry/2020/11/17/210344
- おすすめ記事が設置できます
- ▽おすすめ記事の設置方法▽
- https://www.fuji-blo.com/entry/cappuccino-recommend
- シェアボタンが設置出来ます
- ▽シェアボタンの設置方法▽
- https://www.fuji-blo.com/entry/share-button
- 短いコードでカラーの変更が出来ます
- ▽着せ替えコード一覧▽
- https://www.fuji-blo.com/entry/cappuccino-color
- どの画面サイズでもアイキャッチが同じ比率で表示されます
- 目次がカフェボード風になっています
記事一覧表示
スマホでもデモサイトのようなデザインで表示するには
ダッシュボード > デザイン > スマートフォン > 詳細設定のレスポンシブデザインモードにチェックを入れてください。
※記事一覧表示にするには、はてなブログPROへの加入が必要です。
更新情報
2020/12/26 おすすめ記事を設置できるようにしました。
2020/12/18 シェアボタンを設置できるようにしました。
2020/12/09 カラーの着せ替えコードを公開しました。
2020/12/06 CSSを微調整しました。