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

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

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

WordPressテーマCocoonをNeumorphismデザインにするスキン「凸凹」を作成しました!
「凸凹」Cocoonテーマ内に同梱していただきました!!Cocoonのバージョン2.2.9以降はダウンロードなどは不要でCocoon設定のスキンタブ内で選択していただけます!!WordPressの無料テーマの中でも断トツで高性能!カスタマイ

\エックスサーバー開発のWordPressテーマ/
エックスサーバー開発のWordPressテーマ

「凸凹」スキン

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

凸凹スキン

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

screenshot

https://ja.wordpress.org/themes/neumorphic/

レイアウト

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

見出し

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

凸凹スキンの見出し

シェア・フォローボタン

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

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

目次

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

凸凹スキンの目次

引用

凸凹スキンの引用

エントリーカード

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

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

サイドバーの新着記事

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

サイドバーのカテゴリー

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

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

設定方法

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

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

凸凹スキンの設定方法

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

凸凹スキンの色変更

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

WordPressテーマCocoonをNeumorphismデザインにするスキン「凸凹」を作成しました!
「凸凹」Cocoonテーマ内に同梱していただきました!!Cocoonのバージョン2.2.9以降はダウンロードなどは不要でCocoon設定のスキンタブ内で選択していただけます!!WordPressの無料テーマの中でも断トツで高性能!カスタマイ

デモサイトはこちら。

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