現在「みるらいと」スキンを適用中です。

ふわっと柔らかなシンプルスキン「みるらいと」を追加。細部まで作り込まれています。

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

みるめもを運営されているみるみさんが作成されたスキンをCocoonに同梱させていただきました。

【Cocoonのスキンを作りました】"みるめも" を "らいと"に表現する「みるらいと」
Cocoonで使える専用スキン「みるらいと」を作りました。このブログ(みるめも)をライトに表現するスキンで、Cocoonの便利さや汎用的なデザインは残しつつ、ふわっと居心地いいテイストにしてみました。ぜひご利用ください。
スポンサーリンク

みるらいと

みるらいとは、全体的に柔らかな印象のスキンです。

みるらいと

サイトに統一感が出るように、細部まで徹底的にスタイリングされています。

スポンサーリンク

レイアウト

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

見出し

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

みるらいとの見出し

温かみのある背景色にシンプルな見出しとなっています。

シェアボタン

シェアボタンも全てのボタンに対して細かく色調整されて丸みを帯びたデザインになっています。

みるらいとのシェアボタン

カテゴリー・タグリンク

カテゴリーやタグリンクも細かく調整されています。

2020-08-09_14h08_11

ブログカード

ブログカードは、フッター情報を非表示にして、あえて情報量を少なくし、カード内容を目立たせているような感じ。

みるらいとのブログカード

引用

引用はこんな感じ。

みるらいとの引用部分

文字装飾

こういった文字装飾部分まで、スキンに合わせて細かく調整が入っています。

みるらいとの文字装飾

ボックス装飾

こういったボックス型の装飾に対しても、細かくスタイリングし直されています。

2020-08-09_12h52_33

こういった白抜きボックスも。

みるらいとのブランクボックス

こういったタブボックスも、

みるらいとのタブボックス

付箋ボックスほとんど全てに対して再設定されています。

みるらいとの付箋ボックス

ボタン

ボタンも細かく色調整やシルエット調整されています。

みるらいとのボタン

吹き出し

吹き出しのより丸みを帯びたデザインになっています。

みるらいとの吹き出し

そして、検索ボックスまで細かく調整されています。

みるらいとの検索ボックス

商品リンク

そして、Amazon・楽天商品リンクまで、スキンの雰囲気に合ったものになっています。

みるらいとの商品リンク

ボタン色もかなり柔らかいものに。

プロフィールボックス

プロフィールボックスはこんな感じ。

みるらいとのプロフィールボックス

フォローボタンが丸くなって、可愛いです。

グローバルメニュー

グローバルメニューは、こんな感じ。サブメニューのラッパーは少し影を付けたものに。

みるらいとのグローバルメニュー

エントリーカード

エントリーカードはこんな感じでシンプル。

みるらいとのエントリーカード

CTAボックス

CTAボックスも落ち着いた色みに。

みるらいとのCTAボックス

コメント部分

コメントの入力フォーム・返信ボタンに至るまで、細かく調整が入っています。

みるらいとスキンのコメント部分

今回紹介したもの以外にも、とにかく細部までみるみさんのこだわりが詰まっている感じがしました。

細部まで手を入れるということは、それだけコードを書いたり動作確認をする必要があるわけで、作成はかなり大変だったのではないかと推測できます。

これら細部へのこだわりには感服いたしました。

スポンサーリンク

設定方法

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

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

みるらいとの設定方法

スキンの詳細については、以下のページをご確認ください。

【Cocoonのスキンを作りました】"みるめも" を "らいと"に表現する「みるらいと」
Cocoonで使える専用スキン「みるらいと」を作りました。このブログ(みるめも)をライトに表現するスキンで、Cocoonの便利さや汎用的なデザインは残しつつ、ふわっと居心地いいテイストにしてみました。ぜひご利用ください。

デモサイトはこちら。

Cocoonスキン「みるらいと」デモサイト
ふわっとシンプルなデザイン。「みるめも」を「らいと」に表現します。

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

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

スキンの不具合
スキンに不具合があればご報告ください。デザイン性を保ったままなるべく修正できればと思います。

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

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

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

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

スキン
スポンサーリンク
わいひら

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

わいひらをフォローする
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

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

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

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

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/12/31まで)。

クーポンコード:PK4JK4RJ

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

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

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

サービス運営期間:2年

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

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

サービス運営期間:17年

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

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

サービス運営期間:4年

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

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

サービス運営期間:4年

Cocoon

コメント テーマの質問はフォーラムへ

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