奇妙な食べ物をコンセプトとした「Bizarre-food」スキンを5種類同梱

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

サイナビを運営されているクロサイさんが公開されている「Bizarre-food(変な食べ物)」スキン5種類をCocoonに同梱しました。

【Cocoonスキン】変な食べ物 | サイナビ

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

Bizarre-food(変な食べ物)スキン

Bizarre-foodは、その名の通り、奇妙な食べ物をコンセプトとした、Cocoonスキンです。

全部で以下の5種類あります。

  1. ブラックバーガー(黒いハンバーガ)
  2. ブルーカレー(青いカレー)
  3. グリーンソバ(緑色の蕎麦)
  4. ピンクワイン(ピンク色のワイン)
  5. ホワイトラーメン(白い画面)

それぞれの見た目は、上から順にこんな感じです。

bizarre-foods-blackburger

bizarre-foods-bluecurry

bizarre-foods-greensobabizarre-foods-pinkwine

bizarre-foods-whiteramen

このスキン自体の特徴は以下の配布サイトに記述してあるので割愛。

【Cocoonスキン】変な食べ物 | サイナビ

以下では、外観の特徴となるような部分を紹介します。

以下では全てブルーカレースキンの見た目を紹介します。

キャッチフレーズ

ロゴ部分のキャッチフレーズは、吹き出しになっています。

変な食べ物スキンのロゴ部分

通知エリア

通知エリアはグラデーション仕様になっています。

変な食べ物スキンの通知エリアはグラデーション

見出し

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

変な食べ物スキンの見出し

アイキャッチ

アイキャッチ画像には、ボカシが入って記事タイトルの背面に表示される仕様になっています。

変な食べ物スキンのアイキャッチ

目次

目次はこちら。大見出しにポイントが入って、太字となり分かりやすくスタイリングされています。

変な食べ物スキンの目次

ブログカード

ブログカードは目立つように、ワンポイントがついています。

変な食べ物スキンのブログカード部分

ランキング

ランキングのボタンなどは、公式ページの方が目立つように、スタイリングされています。

変な食べ物スキンのランキングボタン部分

こちらのデザインだと、公式ページ側のクリック率が上がりそうな仕様かと思います。

SNSボタン

SNSシェアボタンは、白色を基調にしたものになっています。

変な食べ物スキンのシェアボタン

SNSフォローボタンも同様です。

変な食べ物スキンのフォローボタン

プロフィール

プロフィールウィジェットのカードはこんな感じ。

変な食べ物スキンのプロフィールカード

サイドバーに入れるとこのように変化します。

変な食べ物スキンのサイドバーのプロフィールカード

コメント

コメント入力欄は、以下のように吹き出し形式で表示されます。

変な食べ物スキンのコメント欄

コメントウィジェットも吹き出し形式。

変な食べ物スキンのコメントウィジェット

エントリーカード

エントリーカードもしっかりと区切りが分割されたデザインになっています。

変な食べ物スキンのエントリーカード

ページネーション

ページ名所も、丸くて可愛いデザインにスタイリングされています。

2019-06-10_18h24_50

Cocoonデフォルトはフラットデザインになっていますが、「Bizarre-food」スキンを利用するとセミフラットデザインになる感じです。

設定方法

を利用するには、Cocoon設定の「スキン」タブから「Bizarre-food」とタイトルがついているものを選択してください。

「Bizarre-food」スキンの選択方法

「Bizarre-food」スキンの詳細については、以下を参照してください。

【Cocoonスキン】変な食べ物 | サイナビ

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

変な食べ物スキンの動作デモ

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