豊富なカラーバリエーションのシンプルなスキン「Veilnui Simplog」を10種類追加＋α

weblog of veilnuiを運営されているveilnuiさんが公開されているVeilnui Simplogを10種類同梱しました。

17種類の豊富なカラーバリエーションのシンプルなCocoonスキン「Veilnui Simplog」。

Veilnui Simploghttps://t.co/p1Aq2TgXqC pic.twitter.com/unMjcfGz0E

— わいひら@寝ログ (@MrYhira) December 28, 2019

Veilnui Simplogスキン

Veilnui Simplog（べるぬーいしんぷろぐ）は、カラーバリエーションが豊富な、シンプルなCocoonスキンです。

Veilnuiさんが作成された、「シンプル（simple）」と「ウェブログ（weblog）」からきている造語で「シンプルなブログ」という意味があるそうです。

Cocoon設定での掲載は、10種類となっていますが、全17種類カラーバリエーションがあります。

以下では、Cocoonデフォルトで掲載している10種類のみ紹介いたします。

Veilnui Simplog (amber)

Veilnui Simplog (blue)

Veilnui Simplog (brown)

Veilnui Simplog (deep purple)

Veilnui Simplog (green)

Veilnui Simplog (indigo)

Veilnui Simplog (orange)

Veilnui Simplog (pink)

Veilnui Simplog (red)

Veilnui Simplog (teal)

その他の色を表示する場合

Veilnui Simplogは全17種類ありますが、Cocoonでは掲載スペースの都合上、10種類しか表示させていません。

全てのスキンを表示させるには、以下のカスタマイズを行ってください。

Cocoon設定のスキン表示を制御するカスタマイズ方法

Cocoonに同梱されている隠れスキンを表示させる方法。任意のスキンを非表示にする方法。

レイアウト

個々のパーツはこんな感じ。

見出し

見出しも非常にシンプル。

グローバルナビ

メニューはマウスホバーすることで、アニメーションで下線がつきます。

リスト系ウィジェット

カテゴリーに・アーカイブなどのようなリスト系統のウィジェットのデザインはこちら。

入力フォーム

検索ボックスや、コメント入力欄のようなフォームにカーソルが入ると、以下のように色がつきます。

フッター

フッターは、全種類黒で統一されています。

全てのVeilnui Simplogスキンを利用する場合

現在Cocoonでは、Veilnui Simplog全17種類のうち、10種類が表示される仕様になっています。

ただ、表示されないだけで全17種類全て同梱してあります。

Cocoonの隠しスキンを含めてすべて表示させる場合は、子テーマのfunctions.phpに以下のように追記すると全スキンを利用できます。

//Cocoon設定「スキン」画面から除外するスキンを設定
add_filter('get_exclude_skins', function ($skins){
  $skins = array();
  return $skins;
});

「Cocoon設定」でのスキン表示の制御方法は、以下を参照してください。