ニューモーフィズムデザインのテーマです。
レスポンシブデザインです。
※記事一覧表示にするには、はてなブログPROへの加入が必要です。
PROに加入してなくても使用することは出来ます。
デモサイト
デモサイトはこちらです。
Neumorphismデモサイト
特徴
ニューモーフィズムデザインで先進的な雰囲気になります。
- テーマ【Cappuccino】とのコードの共有が出来ます。
- ▽メインサイトで解説しています▽
- https://www.fuji-blo.com/entry/neumorphism
- グローバルナビゲーションが設置できます。
- ▽デモサイト内の記事に設置方法が書いてあります▽
- https://neumorphism.fuji-blo.com/entry/g-nav
- おすすめ記事が設置できます
- ▽おすすめ記事の設置方法▽※テーマ【Cappuccino】と同じコードで設置できます。
- https://www.fuji-blo.com/entry/cappuccino-recommend
- シェアボタンが設置出来ます
- ▽シェアボタンの設置方法▽※テーマ【Cappuccino】と同じコードで設置できます。
- https://www.fuji-blo.com/entry/share-button
記事一覧表示
スマホでもデモサイトのようなデザインで表示するには
ダッシュボード > デザイン > スマートフォン > 詳細設定のレスポンシブデザインモードにチェックを入れてください。
※記事一覧表示にするには、はてなブログPROへの加入が必要です。
記事一覧をiphone風にカスタマイズする
更新情報
2021/07/01 グローバルナビゲーションのコードをデモサイト内で作成できるようにしました。
2021/06/11 編集ボタンのデザインをテーマに合ったデザインに変更しました。
2021/03/25 アイキャッチがどの画面サイズでも16:9になるように修正しました。
2021/01/07 文字色をワントーン濃くしました。及びCSSを微調整しました。