Cocoonの独自スキン「黒」を基調にしたバージョンを作成しました。
2020年3月29日 ブルーとグリーンの２色追加しました。
2020年5月11日 少しデザイン追加し、ダウンロードファイルは軽量化しました。
2020/05/25
・カテゴリー・タグウィジェットデザインを追加。
・Ver2.1.6～の新機能「フロントページ」のインデックスデザインも追加。
・カテゴリー・タグウィジェットデザインを追加。
・Ver2.1.6～の新機能「フロントページ」のインデックスデザインも追加。
画面サンプル
このスキン用の部品
タブ切替メニュー
タブで切り替えて、カテゴリー別の最新記事などを表示できるデザイン部品も作成しています。
このスキン用の５色のデザインをコピペ出来ます。
Cocoonのスキン「黒×ビビッドカラー」用部品：タブ切替メニュー
Cocoonの独自スキン「黒」を基調にしたバージョンに使えるタブ切替メニューのデザインです。 元のスキンは以下です。 カテゴリー・タグウィジェット用の部品もあります。 タブ切替メニュー サンプル 初期表示の１つ目のタブには、サイト内検索フォ...
基本カラー
Cocoonスキン：黒×朱色
| #000000 | #5d5855 | #f8565a |
Cocoonオリジナルスキン：ビビッドカラー（黒×朱）
Cocoonの独自スキン「黒」を基調にしたシリーズ（５色）の「朱色」バージョン詳細です。 その他の色は以下でご覧ください。 2020/05/22 カテゴリー・タグウィジェットデザインを追加。 2020/05/25 Ver2.1.6～の新機能...
Cocoonスキン：黒×オレンジ
| #000000 | #5d5855 | #ff4600 |
Cocoonオリジナルスキン：ビビッドカラー（黒×オレンジ）
Cocoonの独自スキン「黒」を基調にしたシリーズ（５色）の「オレンジ」バージョン詳細です。 その他の色は以下でご覧ください。 2020/05/22 カテゴリー・タグウィジェットデザインを追加。 2020/05/25 Ver2.1.6～の新...
Cocoonスキン：黒×ピンク
| #000000 | #5d5855 | #dc1b76 |
Cocoonオリジナルスキン：ビビッドカラー（黒×ピンク）
Cocoonの独自スキン「黒」を基調にしたシリーズ（５色）の「朱色」バージョン詳細です。 その他の色は以下でご覧ください。 2020/05/22 カテゴリー・タグウィジェットデザインを追加。 2020/05/25 Ver2.1.6～の新機能...
Cocoonスキン：黒×ブルー
| #000000 | #5d5855 | #47a3ff |
Cocoonオリジナルスキン：ビビッドカラー（黒×ブルー）
Cocoonの独自スキン「黒」を基調にしたシリーズ（５色）の「ブルー」バージョン詳細です。 その他の色は以下でご覧ください。 2020/05/22 カテゴリー・タグウィジェットデザインを追加。 2020/05/25 Ver2.1.6～の新機...
Cocoonスキン：黒×グリーン
| #000000 | #5d5855 | #00b400 |
Cocoonオリジナルスキン：ビビッドカラー（黒×グリーン）
Cocoonの独自スキン「黒」を基調にしたシリーズ（５色）の「グリーン」バージョン詳細です。 その他の色は以下でご覧ください。 2020/05/22 カテゴリー・タグウィジェットデザインを追加。 2020/05/25 Ver2.1.6～の新...
その他のパーツ
フロントページインデックス
2020/05/25 Ver2.1.6～の機能です。
「もっと見る」ボタン ホバー時
エントリーカード
記事一覧でのカード表示
通常の背景色がグレー、マウスが乗った時の背景色は白です。
ブログカード
上記エントリーカードと動きと色は同じで枠線ありになります。
ページネーション
「次のページ」ホバー時
「ページナンバー」ホバー時
カテゴリーウィジェット
タグクラウドウィジェット
ホバー時
フッター見出し（h3）
記事内見出し（h2～h5）
SNSボタン
テーブル
テーブルの見出し（上図サンプル画像の１行目）には<TH>タグを使って下さい。
コメント送信ボタン
検索フォーム
リンク
文字装飾
引用文
マーカー
ボックス（白抜き）
ボックス（タブ）
ボックス（付箋風）
ダウンロード
ZIP形式圧縮ファイルです。
スタイルシートのみなので軽量です。（3kb）
黒×朱色
フォルダ：skin-black_scarlet
黒×オレンジ
フォルダ：skin-black_orange
黒×ピンク
フォルダ：skin-black_pink
黒×ブルー
フォルダ：skin-black_blue
黒×グリーン
フォルダ：skin-black_green
ダウンロードしたファイルを解凍し、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のデザインスキンは、標準で100種類以上用意されています。 たくさんのスキンの見た目を一気に見れるようにまとめました。 設定は「Cocoon設定」の「スキン」タブから選択。 各スキンで使われているカラーコードは以下...
その他のオリジナルスキンは以下をご覧ください。
Cocoon用オリジナルスキン24種：ビビッドカラー・和色・プロ野球など
Cocoon用のオリジナルスキンまとめです。 Cocoonに標準装備の同梱スキン一覧は以下をご覧ください。 2020/05/25 すべてのスキンを更新しました。 各スキンに、Ver2.1.6～の新機能「フロントページ」のインデックスデザイン...