大人かわいいCocoonスキン「イノセンス」を追加

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

ぽてちるを運営されているおはようポテトさんが作成されたイノセンスを同梱させていただきました。

【Cocoon】居心地の良いスキン「イノセンス」を作成しました

\エックスサーバー開発のWordPressテーマ/
エックスサーバー開発のWordPressテーマ

「イノセンス」スキン

イノセンススキンは、「大人かわいい」をコンセプトに作成された白系のスキンです。

イノセンススキン

知的さ・大人っぽさ、もありつつ居心地の良いデザインとなるように作成されたそうです。

レイアウト

主なレイアウトはこちら。

見出し

見出しはこんな感じ。

イノセンススキンの見出し

多用されるh2、h3、h4がしっかりとポイントとなるようにデザインされています。

シェア・フォローボタン

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

イノセンススキンのシェア・フォローボタン

目次

目次は丸みを帯びた可愛いデザイン。

イノセンススキンの目次

アイキャッチ周り

投稿日や更新時は、アイキャッチの上に配置されています。

イノセンススキンのアイキャッチ周り

※デフォルトはアイキャッチ下です。

コメント

コメント入力欄はこんな感じ。

イノセンススキンのコメント周り

サイドバー

サイドバーの個別のウィジェットは、以下のように独立してみるようなデザインになっています。

イノセンススキンのサイドバーデザイン

カテゴリー

カテゴリーも見やすい。

イノセンススキンのカテゴリーウィジェット

プロフィール

プロフィールをサイドバーに配置した際の表示はこんな感じ。

2021-03-04_14h20_12

プロフィールの背景に円があしらわれているのも細かい。

インデックス

インデックスカードは「縦型2列」固定です。

イノセンススキンのインデックスカードデザイン

スキン制御機能により「縦型2列」オンリーの仕様になりますが、このスキンにはこのデザインが一番合っているのは間違いない。

設定方法

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

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

イノセンススキンの設定方法

さりげないチェック画像の背景などは、主張しすぎず、それでありながら本文が強調され、読みやすいスキンになっています。

スキンの詳細はこちら。

【Cocoon】居心地の良いスキン「イノセンス」を作成しました
タイトルとURLをコピーしました