Cocoonの独自スキン「和の色」6色を作成しました。
2020年5月 薄いブルーを追加しました。
2020/05/25
・カテゴリー・タグウィジェットデザインを追加。
・Ver2.1.6~の新機能「フロントページ」のインデックスデザインも追加。
Cocoonスキン:和
このスキン用の部品
タブ切替メニュー
タブで切り替えて、カテゴリー別の最新記事などを表示できるデザイン部品も作成しています。
このスキン用の6色のデザインをコピペ出来ます。

Cocoonのスキン「和の色」用部品:タブ切替メニュー
Cocoonの独自スキン「和の色」6色バージョンに使えるタブ切替メニューのデザインです。 元のスキンは以下です。 カテゴリー・タグウィジェット部品もあります。 このスキン用の5色のデザインをコピペ出来...
基本カラー
紺

Cocoonオリジナルスキン:和の色(紺)
この記事は、Cocoonの独自スキン「和の色」6色の紺バージョンの詳細になります。 その他のカラーは以下をご覧ください。 2020/05/25 ・カテゴリー・タグウィジェットデザインを追加。 ・Ver...
橙

Cocoonオリジナルスキン:和の色(橙)
この記事は、Cocoonの独自スキン「和の色」6色の橙バージョンの詳細になります。 その他のカラーは以下をご覧ください。 2020/05/25 ・カテゴリー・タグウィジェットデザインを追加。 ・Ver...
紫

Cocoonオリジナルスキン:和の色(紫)
この記事は、Cocoonの独自スキン「和の色」6色の紫バージョンの詳細になります。 その他のカラーは以下をご覧ください。 2020/05/25 ・カテゴリー・タグウィジェットデザインを追加。 ・Ver...
ピンク

Cocoonオリジナルスキン:和の色(ピンク)
この記事は、Cocoonの独自スキン「和の色」6色のピンクバージョンの詳細になります。 その他のカラーは以下をご覧ください。 2020/05/25 ・カテゴリー・タグウィジェットデザインを追加。 ・V...
グリーン

Cocoonオリジナルスキン:和の色(抹茶)
この記事は、Cocoonの独自スキン「和の色」6色の抹茶バージョンの詳細になります。 その他のカラーは以下をご覧ください。 2020/05/25 ・カテゴリー・タグウィジェットデザインを追加。 ・Ve...
薄いブルー

Cocoonオリジナルスキン:和の色(薄いブルー)
この記事は、Cocoonの独自スキン「和の色」6色の薄いブルーバージョンの詳細になります。 その他のカラーは以下をご覧ください。 2020/05/25 ・カテゴリー・タグウィジェットデザインを追加。 ...
他の配色スキンは以下の画像で紺色の部分がそれぞれのキーカラーに変わります。
ヘッダーとグローバルナビ
フロントページインデックス
2020/05/25 Ver2.1.6~の機能です。
「もっと見る」ボタン ホバー時
エントリーカード
記事一覧でのカード表示
マウスが乗った時は背景色を変えてふわっと浮き上がります。
ブログカード
上記エントリーカードと動きと色は同じで枠線ありになります。
オンマウス時
ページネーション
ホバー時
サイドバー見出し(h3)
フッター見出し(h3)
記事内見出し(h2~h5)
目次
SNSボタン
テーブル
コメント送信ボタン
ダウンロード
すべて3kb程度のZIP形式圧縮ファイルです。それぞれを解答するとフォルダにCSS(style.css)が1つ入っています。
紺色
フォルダ:skin-wa-blue
橙
フォルダ:skin-wa-orange
薄ピンク
フォルダ:skin-wa-pink
抹茶
フォルダ:skin-wa-green
紫
フォルダ:skin-wa-purple
薄いブルー
フォルダ:skin-wa-lightblue
サーバーへのアップロードについて
ダウンロードしたファイルを解凍し、Cocoon子テーマのskinsフォルダにフォルダごとアップロードしてご利用下さい。
アップロード場所
/wp-content/themes/cocoon-child-master/skins
/wp-content/themes/cocoon-child-master/skins
サーバーへアップロードするには、FTPソフトやSFTPソフトを使います。
サーバーへのファイル転送は、セキュリティ的にFTPよりSFTPの方が安全です。
SFTPの使い方は以下をご覧ください。
FTPの使い方は以下を参考にして下さい。
スキン導入時の選択画面サンプル
子テーマのディレクトリに入れると、スキン名の前に[Child]と表示されます。
Cocoon標準搭載のスキンは以下をご覧ください。

Cocoon標準スキン全種・画面サンプル一覧とファイル構成
Cocoonのデザインスキンは、標準で数十種類用意されています。 更に「隠れスキン(7種)」や「自作用サンプル」もあります。 たくさんのスキンの見た目を一気に見れるようにまとめました。 各スキンで使わ...
その他のオリジナルスキン
その他にもオリジナルスキンを作っています。
一覧は以下をご覧ください。

Cocoon用オリジナルスキン24種:ビビッドカラー・和色・プロ野球など
Cocoon用のオリジナルスキンまとめです。 Cocoonに標準装備の同梱スキン一覧は以下をご覧ください。 2020/05/25 すべてのスキンを更新しました。 各スキンに、Ver2.1.6~の新機能...
黒×ビビッドカラー:5パターン

Cocoonのスキン「黒を基調にビビッドカラー5パターン」(Ver2.1.6~対応)
Cocoonの独自スキン「黒」を基調にしたバージョンを作成しました。 2020年3月29日 ブルーとグリーンの2色追加しました。 2020年5月11日 少しデザイン追加し、ダウンロードファイルは軽量化...
2020TOKYOオリンピック

Cocoonのスキン「2020 TOKYO」オリンピックエンブレムカラー
Cocoonの独自スキン「2020年東京オリンピック」バージョンを作成しました。 2020年東京オリンピックエンブレムの紺と赤を使ったスキンです。 参考:東京2020公認マークガイドライン(PDF) ...
プロ野球12球団

Cocoonのオリジナルスキン:日本プロ野球シリーズ(Ver2.1.6~対応)
Cocoonの独自スキン、プロ野球の球団テーマカラーを基調にしたシリーズです。 2020/05/25 すべてのスキンを更新しました。 各スキンに、Ver2.1.6~の新機能「フロントページ」のインデッ...
コメント
[…] →スキンの紹介ページはこちら […]