特典機能について

マテリアルデザインのスキン「SILK(シルク)」を追加。ブロックスタイルも豊富

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

ろこさんが作成されたCocoonスキンのSILK(シルク)を同梱させていただきました。

WordPressテーマ「Cocoon」のカスタマイズとスキンの作り方
WordPress無料テーマ「Cocoon」のカスタマイズ方法を初心者向けにまとめました。Cocoonスキンの作り方からトップページ・ブログカードなどのカスタマイズ例まで、SILK作成者が詳しく解説します。
スポンサーリンク

レイアウト

主なレイアウトを紹介します。

マテリアルデザイン

陰影と配色はマテリアルデザインのガイドラインに沿って作られているスキンです。

シルクスキンはMaterial Design

キーカラーやダークスキンにも対応しています。

詳しくはこちら。

WordPressテーマ「Cocoon」のカスタマイズとスキンの作り方
WordPress無料テーマ「Cocoon」のカスタマイズ方法を初心者向けにまとめました。Cocoonスキンの作り方からトップページ・ブログカードなどのカスタマイズ例まで、SILK作成者が詳しく解説します。

見出し

見出し部分はこんな感じ。

シルクスキンの見出し

シェアボタン

シェアボタンは丸型のデザインでシェアカウントがとても読みやすい。

シルクスキンのシェアボタン

本文下のシェアボタンはこんな感じ。

シルクスキンの本文下のシェアボタン

目次

大見出しの目次が見やすくなっています。

シルクスキンの目次

アイコンボックス

アイコンボックスのスタイルも刷新。

シルクスキンのアイコンボックス

タブボックス

タブボックスのタブが内側に入り込むスタイルに。

シルクスキンのタブボックス

付箋風ボックス

付箋風ボックスも陰影がつくだけで全然違った趣に。

シルクスキンの付箋風ボックス

ブログカード

ブログカードもよりスマホ向きのデザインに。

シルクスキンのブログカード

ボタン

シルクスキンのボタン

引用

シルクスキンの引用スタイル

プロフィール

プロフィールはこんな感じで縦長。

シルクスキンのプロフィール

アピールエリア

アピールエリアも黒系のシックなものに。

シルクスキンのアピールエリア

スポンサーリンク

各ブロックにスタイルが追加されている

シルクスキンの特徴として、各ブロックに便利なスタイルも追加されています。

アコーディオンボックスを並べて表示させたり、

シルクスキンのアコーディオン

グループボックスとアイコンリストブロックの組み合わせにより、比較表なども作れるようになっています。

シルクスキンの比較表

ブログカードを並べて表示できたりします。

シルクスキンの複数ブログカード

その他にもいろいろな機能があるのですが、ここでは紹介しきれないので、詳しくはスキンの紹介ページでご確認ください。

WordPressテーマ「Cocoon」のカスタマイズとスキンの作り方
WordPress無料テーマ「Cocoon」のカスタマイズ方法を初心者向けにまとめました。Cocoonスキンの作り方からトップページ・ブログカードなどのカスタマイズ例まで、SILK作成者が詳しく解説します。
スポンサーリンク

設定方法

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

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

Cocoon設定からシルクスキンを選択

とにかく細部まで凝ったスキンなので、是非試してみてください。

スキンの詳細はこちら。

WordPressテーマ「Cocoon」のカスタマイズとスキンの作り方
WordPress無料テーマ「Cocoon」のカスタマイズ方法を初心者向けにまとめました。Cocoonスキンの作り方からトップページ・ブログカードなどのカスタマイズ例まで、SILK作成者が詳しく解説します。

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

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

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

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

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

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

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

スキン
スポンサーリンク
SWELLと業務提携しています
WordPressテーマSWELL
わいひら

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

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

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

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

サービス運営期間:3年

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

クーポンコード:PK4JK4RJ

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

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

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

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

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

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

サービス運営期間:18年

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

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

サービス運営期間:5年

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

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

サービス運営期間:5年

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