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

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

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

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

\お得なキャンペーン実施中!/
エックスサーバーキャンペーン

「凸凹」スキン

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

凸凹スキン

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

screenshot

Neumorphic
Neumorphicは、ニューモーフィックデザインに基づいた先進的なWordPressテーマです。このテーマはWordPressブロックエディタをサポートしており、ほぼ全てのコアブロックがニューモーフィックデザインに対応しています。カラースキン機能を使ってテーマの色を変更することができ、また各色を個別に調整してオリジナ...

レイアウト

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

見出し

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

凸凹スキンの見出し

シェア・フォローボタン

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

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

目次

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

凸凹スキンの目次

引用

凸凹スキンの引用

エントリーカード

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

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

サイドバーの新着記事

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

サイドバーのカテゴリー

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

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

設定方法

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

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

凸凹スキンの設定方法

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

凸凹スキンの色変更

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

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

デモサイトはこちら。

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