現在デフォルトスキンとして「Season(Spring)」適用中。

四季をコンセプトにした優しいデザインの「Season」スキンを4種追加

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

ぽんひろ.comを運営されているぽんひろさんが公開されている「Season」スキン4種類をCocoonに同梱しました。

デモサイトはこちら。

Cocoonスキン「Season」 デモ
WordpressテーマCocoonのスキン「Season」のデモページです&#1...
スポンサーリンク

Season(シーズン)

Seasonは、春夏秋冬をコンセプトに、配色がされている柔らかなデザインのスキンです。

春らしい配色の「Season(Spring)」

skin-season-spring

活気のある夏配色の「Season(Summer)」

skin-season-summer

落ち着いた秋配色の「Season(Autom)」

skin-season-autumn

冬のようなクリア感のある「Season(Winter)」

skin-season-winter

の計4色をCocoon親テーマに同梱しました。

見出し

Springの見出しはこんな感じ(他3種も色違い)。

Springの見出し

インデックス

インデックスページのエントリーカードはこんな感じ。

Seasonのインデックスエントリーカード

SNSボタン

フォローボタンやシェアボタンは丸型。

シェアボタンやフォローボタンは

CTAボックス

Call to Actionボックスもスキンに合わせた明るい色に。

2019-05-10_18h16_53

各種パーツ

各種パーツもオリジナルデザインがされています。

文字装飾

文字装飾もSeasonスキンに最適化された色が施されています。

文字装飾もSeasonスキンに最適化

マーカーとかも。

Seasonスキンのマーカー色

文字装飾
文字装飾のデザインです。オススメの使い方は一つに絞ることです。いろいろ使うと逆に何が大事かわからなくなります。「強調はコレ!」と最初に決めるといいですね。どうしても複数使いたい場合は太字ともう1つで多くても二つまでがオススメです。文字のスタ

ブログカード

ブログカードもふわっとした感じ。

Seasonオリジナルデザインブログカード

ブログカード
ブログカードのデザインです。Cocoonに搭載されているブログカードのスタイルを変更しています。ブログカード一覧

ボタン

ボタンの色も、スキンに合わせて少し淡い色になっています。

Seasonスキンのボタン色

ボタン
ボタンのデザインです。Cocoonに搭載されているボタンの色を変更しています。元々の色は下記記事からご覧いただけます。ボタン一覧レッドボタンボタンボタンピンクボタンボタンボタンパープルボタンボタンボタン...

オリジナル装飾

他にはないSeasonスキンの特徴として、スキン独自の装飾が使えるようにオリジナルスタイルが割り当てられています。

リスト

リストスタイルは、こんな感じなのが全部で10種類。

Seasonリストスタイル1

Seasonリストスタイル2

全種類見る場合はこちらをチェック。

リスト(箇条書き)【オリジナル】
リスト(箇条書き)のデザインです。オリジナルになります。利用するにはプラグイン「AddQuicktag」を導入する必要があります。導入方法は下記記事をご覧ください。使い方ビジュアルエディタの場合テキストエディタの場合リスト一覧...

ボックス

オリジナルのボックススタイルも全部で10種類。

Seasonボックススタイル1

Seasonボックススタイル2

全種類確認するにはこちらをチェック。

ボックス【オリジナル】
ボックスのデザインです。オリジナルになります。利用するにはプラグイン「AddQuicktag」を導入する必要があります。AddQuicktagの導入方法は下記記事をご覧ください。使い方ビジュアルエディタテキストエディタタイトル入力欄なしここ

アコーディオン

なんと、ボタンで内容表示を切り替えられるアコーディオンボックスも利用できます。

オリジナルアコーディオンスタイル

利用方法はこちらをチェック。

アコーディオン【オリジナル】
アコーディオンです。オリジナルになります。利用するにはプラグイン「AddQuicktag」を導入する必要があります。AddQuicktagの導入方法は下記記事をご覧ください。重要同じページで複数使うときは少しコードを変更しなければいけません

オリジナルスタイルを簡単に利用する方法

これらのオリジナルスタイルは、AddQuicktagプラグインを利用することで、手軽に利用できるようにもなっています。

設定情報があらかじめ登録されたファイルが用意されているため、ダウンロードしてインポートするだけで利用できます。

addquicktag-season.json

設定方法はこちら。

AddQuicktagの導入方法
当スキンのオリジナルのスタイルを使うにはAddQuicktagをインストールする必要があります。AddQuicktagとはWordPressのプラグインで、エディターを拡張するためのものです。例えば、ボタンを1クリックで作ったり、文字の装飾

設定ファイルまで用意されているなんて、なんて至れり尽くせり。

設定方法

Seasonスキンは、Cocoon自体にも同梱されています。

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

Seasonスキンの設定方法

Seasonスキンの詳細については、以下のページをご確認ください。

Cocoonスキン「Season(シーズン)」を作りました!【WordPress】
WordPressテーマCocoonのスキン「Season(シーズン)」を作りました!春夏秋冬の4種類の配色に分けられたスキンになっています。オリジナルのスタイルも20種類以上!既存のスタイルも大幅チェンジ!優しい雰囲気のデザインにしてみました。

デモページはこちら。

Cocoonスキン「Season」 デモ
WordpressテーマCocoonのスキン「Season」のデモページです&#1...

サイドバーにある「スキン切り替え」ドロップダウンから、各種スキンの表示を確認できます。

Seasonスキン切り換えドロップダウン

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Cocoon

コメント

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