クールな黒系Cocoonスキン「モダンブラック」を追加同梱

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

ミズタマブログ を運営されているアオイ(ΦωΦ)さんが公開されている「モダンブラック」スキンをCocoonに同梱しました。

デモサイトはこちら。

DEMO SITE | Cocoonスキン表示デモサイト

アオイさんは、Simplicityで人気の同梱スキン「SIMPLE BLACK」の作者さんです。

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

モダンブラック

モダンブラックの外観はこんな感じ。

Screenshot-2018-5-22 デモサイト

見出し

見出しもモノクロでシンプル。

モダンブラックの見出し

目次

目次も格好いい。H2見出しが目立つように太字になっています。

モダンブラックの目次

引用

引用(Blockquote) のデザインもデフォルトから変更されています。

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。

装飾ボックス

拡張ボックスもスキンコンセプトに合わせた落ち着いた色に統一されています。

インフォアイコンボックス
クエスチョンアイコンボックス
エクスクラメーションアイコンボックス
メモアイコンボックス
コメントアイコンボックス
プライマリーボックス
サクセスボックス
インフォボックス
ワーニングボックス
デンジャーボックス

モバイル表示も凝ってます。親テーマもこんな感じにしたいぐらい。

モバイルの拡張ボックス

キャプションつき画像

キャプションつき画像も、ポラロイド風。

キャプションつき画像

本文下

本文下もクール。

モダンブラック本文下

ページ送り

ページ送り部分。こういうデザイン発想が出来るようになりたい。

モダンブラックページ送り

モバイルボタン

黒のモバイルボタン。

黒のモバイルボタン

モバイル画面の足もとにこれがあることで引き締まります。

まとめ

このような感じで、基本真っ白いCocoonテーマを一気にシックな感じにしてくれます。

スキンを利用するには、テーマ設定の「スキン」タブから「モダンブラック」を選択してください。

スキン一覧からモダンブラックを選択

詳しい説明やスキンのダウンロードページはこちら。

WordPressテーマCocoonの黒系スキン「モダンブラック」を作りました
気軽にブログの着せ替えができるCocoonのスキン機能。シンプルなデザインを活かしつつ落ち着いた感じのスキンを作ってみました。

画像引用 ミズタマブログ

コメント テーマの質問はフォーラムへ

  1. しなの より:

    はじめまして。
    行間を多めにあけようと、3〜5行改行しても、プレビューで見ると1行間に戻ってしまいます。

    で、プラグイン(行間自動修正機能を止めるもの)を入れたけれども、変わりなく。

    これぐらい↑これ以上の行間をあけたい時は、どうすればよろしいのでしょうか?

    マニュアル探したけれども、見つけられませんでしたので宜しくお願いします。

タイトルとURLをコピーしました