現在「イノセンス」スキンを適用中です。

モノトーン調にデザインされた「モノクロ」スキンを同梱追加

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

CareerLOGを運営されているゆるけーさんが作成されたモノクロスキンを同梱させていただきました。

Cocoonのデザインをモノトーン調にカスタマイズ・スタイリングしました
WordPress無料テーマ「Cocoon」のデザインをモノトーン調にスタイリングしてみました。CSSだけを用いています。見出し2見出し3見出し4見出し5見出し6アイコンボックスアイコンボックスアイコンボックスアイコンボックス...
スポンサーリンク

「モノクロ」スキン

本業がウェブデザイナーのゆるけーさんが作成された、黒を基調としたスキンです。

monochrome_thumb

モノトーン色を効果的に使うことで、締まった感じの印象。ビジネス系ブログとかに合いそう。

スポンサーリンク

レイアウト

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

見出し

落ち着いた色合いで、章の違いが分かりやすく読みやすい。

モノクロームスキンの見出し

引用

引用部分はデザインもアイコンも結構変わっています。

モノクロスキンの引用

スポンサーリンク

アイコンボックス

一番よく使われているであろう、アイコンボックスはモノトーン調にデザインが変わっています。

モノクロスキンのアイコンボックス

テーブル

テーブルも落ち着いた感じに。

モノクロスキンのテーブル

カレンダー

カレンダーも少し引き締まった感じ。

モノクロスキンのカレンダー

ブログカード

ブログカードの枠も太めの黒な使われていて、マウスホバーするとアニメーションします。

モノクロスキンのブログカード

エントリーカード

エントリーカードもホバー時にサムネイルがキラリと光るエフェクト入り。

モノクロスキンのエントリーカード

アピールエリア

アピールエリアのマウスホバーエフェクトも気持ちいいですね。

モノクロスキンのアピールエリア

プロフィール

プロフィールのボタンは丸型。

モノクロスキンのプロフィール

ページネーション

ページネーションもかわいくなっています。

モノクロスキンのページネーション

サイドバー

サイドバーウィジェットのクリップが良いアクセントになっています。

モノクロスキンのサイドバー

設定方法

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

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

モノクロスキンの設定方法

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

Cocoonのデザインをモノトーン調にカスタマイズ・スタイリングしました
WordPress無料テーマ「Cocoon」のデザインをモノトーン調にスタイリングしてみました。CSSだけを用いています。見出し2見出し3見出し4見出し5見出し6アイコンボックスアイコンボックスアイコンボックスアイコンボックス...

スキンに不具合があればご報告ください

「デザインが崩れている」とか「ここにデザインが適用されていない」等の不具合がありましたら以下でご報告いただければ幸いです。

https://wp-cocoon.com/community/skin-bugs/

オリジナルスキンを紹介させてください

スキンを作成した場合は、是非お知らせください。

スキンを作成した際にはぜひ当サイトで紹介させてください
スキンを作成したならば、是非当サイトで紹介させていただければと思います。また、親テーマに同梱させていただければ幸いです。

当サイトの記事で紹介させていただきます。

スキン
スポンサーリンク
わいひら

無料WordPressテーマ、Simplicity、Cocoonを作成。当サイトと寝ログを運営しています。

わいひらをフォローする
わいひらをフォローする
おすすめサーバー(コスパ重視ランキング)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:2年10ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに50%割引キャンペーン中!
※BOX2 ~ BOX8プラン契約の場合

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:2年8ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:17年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:4年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:5年

Cocoon

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

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