「メイド・イン・ヘブン」スキン適用中

立体感をコンセプトにしたニューモフィズムデザインの「凸凹」スキンを同梱追加

スキン
この記事は約2分で読めます。

キタタリアンを運営されているさんが作成された凸凹スキンを同梱させていただきました。

https://kitatarian.com/cocoonskin/

「凸凹」スキン

凸凹スキンはデコボコとした立体感をテーマとしたスキンです。

凸凹スキン

このデザインは、Neumorphism(ニューモフィズム)というもので、NeumorphicというWordPressテーマを参考に作成されたそうです。

screenshot

Neumorphic
Neumorphicは、ニューモーフィックデザインに基づいた先進的なWordPressテーマです。このテーマはWordPressブロックエディタをサポートしており、ほぼ全てのコアブロックがニューモーフィックデザインに対応しています。カラース...

レイアウト

主なレイアウトはこちら。

見出し

溝が刻まれたようなシンプルな見出しです。

凸凹スキンの見出し

シェア・フォローボタン

シェアボタン系は角丸の四角型。

凸凹スキンのシェア・フォローボタン

目次

目次でも凹凸があります。

凸凹スキンの目次

引用

凸凹スキンの引用

エントリーカード

エントリーカードは丸みを帯びて膨らんだ感じ。

凸凹スキンのエントリーカード

サイドバーの新着記事

凸凹スキンのサイドバーの新着記事

サイドバーのカテゴリー

カテゴリーは階層によって色分けされています。

凸凹スキンのサイドバーのカテゴリー

設定方法

今回紹介したスキンは、Cocoon親テーマに同梱されています。

利用するには、Cocoon設定の「スキン」タブからスキンを適用して保存してみてください。

凸凹スキンの設定方法

設定後、「ダッシュボード→外観→カスタマイズ」のテーマカスタマイザーから好みの色に変更して利用します。

凸凹スキンの色変更

詳細はこちらをご参照ください。

https://kitatarian.com/cocoonskin/

デモサイトはこちら。

Cocoonスキン「凸凹」デモサイト
Cocoonスキン「凸凹」(でこぼこ)のデモサイトです。サイトフォントは小杉丸ゴシックを選択しています。
タイトルとURLをコピーしました