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