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種類しか表示させていません。
全てのスキンを表示させるには、以下のカスタマイズを行ってください。
レイアウト
個々のパーツはこんな感じ。
見出し
見出しも非常にシンプル。
目次
グローバルナビ
メニューはマウスホバーすることで、アニメーションで下線がつきます。
リスト系ウィジェット
カテゴリーに・アーカイブなどのようなリスト系統のウィジェットのデザインはこちら。
入力フォーム
検索ボックスや、コメント入力欄のようなフォームにカーソルが入ると、以下のように色がつきます。
フッター
フッターは、全種類黒で統一されています。
全てのVeilnui Simplogスキンを利用する場合
現在Cocoonでは、Veilnui Simplog全17種類のうち、10種類が表示される仕様になっています。
ただ、表示されないだけで全17種類全て同梱してあります。
Cocoonの隠しスキンを含めてすべて表示させる場合は、子テーマのfunctions.phpに以下のように追記すると全スキンを利用できます。
//Cocoon設定「スキン」画面から除外するスキンを設定
add_filter('get_exclude_skins', function ($skins){
$skins = array();
return $skins;
});
「Cocoon設定」でのスキン表示の制御方法は、以下を参照してください。
スキン設定方法
スキンを利用するには、Cocoon設定の「スキン」タブから「Veilnui Simplog」スキンを適用して保存してみてください。
