現在デフォルトスキンとして「 Like Simplicity」を適用中。

和色ベースのシンプルな「Fuwari和色」スキン4種を同梱追加

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

ミズタマブログ を運営されているアオイ(ΦωΦ)さんが公開されている「Fuwari和色」スキン4種類をCocoonに同梱しました。

デモサイトはこちら。

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

アオイさんは、Cocoonに既に同梱されている人気スキン「モダンブラック」も作成されています。

クールな黒系Cocoonスキン「モダンブラック」を追加同梱
落ち着いた黒系スキンの「モダンブラック」の紹介です。
スポンサーリンク

Fuwari和色

「Fuwari和色」スキンは、日本の伝統色(和色)をベースとしたスキンです。

スキンページによると以下の4色をベースとして、それぞれ4つのスキンが公開されています。

「Fuwari和色」のベース色四色

引用 WordPressテーマCocoonのデザインスキン「Fuwari和色」を作りました

  1. Fuwari -海老茶(えびちゃ)-
  2. Fuwari -海松茶(みるちゃ)-
  3. Fuwari -褐色(かちいろ)-
  4. Fuwari -御召茶(おめしちゃ)-

以下では、「Fuwari -海老茶(えびちゃ)-」スキンを例に紹介します。

見出し

「Fuwari -海老茶(えびちゃ)-」の見出しはこんな感じ。

ふわりスキンの見出し

統一感のある主張しすぎないデザインがすてき。

インデックス

インデックスリストはこんな感じ。

ふわりスキンのインデックスリスト

SNSボタン

SNS設定で「モノクロ」のスタイルに設定すると、全体と統一感のあるボタン色を表示できます。

シェアボタン

ふわりスキンのSNSボタン

フォローボタン

ふわりスキンフォローボタン

アイコンボックス

文章内でよく利用されるアイコンボックスがまたスキンとよく合う。

ふわりスキンのアイコンボックス

この色の統一感。

タブボックス

タブボックスも同様に統一感のある色味。

ふわりスキンタブボックス

付箋風ボックス

ふわりスキン付箋風ボックス

モバイル

モバイルボタンや、メニュー、サイドバーも同系色でまとめられています。

ふわりスキンモバイル

まとめ

僕はシンプルなデザインが好きなので、こういうデザイン能力に憧れます。

どんなサイトで利用しても、デザインが主張することなく文章が引き立つと思います。

あと、和物のサイトとの相性はすごく良さそう。着物サイトとか。

設定方法

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

ふわりスキンを選択

その他のスキンや詳細は、以下のスキンページを参照してください。

WordPressテーマCocoonのデザインスキン「Fuwari和色」を作りました
和色をベースにした主張しすぎないシンプルなWordPressテーマCocoonのスキンを作りました。

デモサイトもあるので、デザインの詳細も確認できます。

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

サイドバーのセレクトボックスからスキンを選択するとデザインを見れます。

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

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

Cocoon フォーラム
Cocoon ディスカッション掲示板

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

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

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

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

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

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

わいひらをフォローする
わいひらをフォローする
おすすめレンタルサーバー

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)
サービス運営期間:1年2ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2019/12/31まで)。

クーポンコード:PK4JK4RJ

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

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
○サーバ引っ越しオプションあり(有料)
○サーバー料金をチャージ払いが可能
サービス運営期間:3年

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

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

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DB復旧は無料(ファイルは有料)
○サーバ引っ越しツールあり
○サーバー料金をチャージ払いが可能
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:1年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

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

Cocoon

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

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