簡単にデザインをスキン「grayish」風にカスタマイズする方法

はじめに

最近、「メイド・イン・ヘブン」（以下、本スキン）や「grayish」を利用しているブログをよく目にします。
しかし、スキン独自のメニュー設定がされておらず、十分に活用されていない印象があります。

「grayish」に関しては、初期カラーのまま使用されていることが多く、これは本スキンにも同様のことが言えます。

この記事では、カスタマイザーの使い方に慣れていただくために、本スキンをノーコードで「grayish」風にカスタマイズする方法について説明します。

「grayish」を使用してみて以下の印象があります。

一方で、本スキンはもとから動画やスライダーの機能を有し、カラー設定も少なく簡潔です。
そのため、初心者でも簡単におしゃれなデザインが作れると思います。

外観→カスタマイズ→メイド・イン・ヘブン設定から設定します。

#	項目	本スキン
1	H2	塗りつぶし（アクセント）
2	H3	下線（サイトカラー・グレー）
3	H4	チェック
4	ウィジェット	下線（ストライプ）

ラベル

全体

以下の項目を設定します。

カードタイプが「縦型カード3列」の場合、フロントページと一覧ページは1カラム表示となり、サイドバーは表示されません。
通常の投稿ページは、サイドバーを右側に配置した2カラム表示となります。

#	項目	値	備考
1	フロントページヘッダー表示	オン

#	項目	値	備考
1	フィルター	ドット白
2	カラーレイヤー	`#999999`	メインビジュアル画像の明るさに応じて、暗い色を重ねてその濃さを調整します。
3	不透明度	40

本スキンを「grayish」風にカスタマイズする手順を通じて、カスタマイザーの使い方に慣れていただけたでしょうか。
スキンが持つ機能を活用することで、初心者でも簡単におしゃれなデザインを作成できます。

今回の手順でご紹介した機能は、本スキンに搭載された多くの機能のほんの一部です。
わざわざフロントページを固定ページで作らなくても、十分に洗練されたデザインが実現できるかと思います。

この手軽さと豊富な機能を活かして、ぜひオリジナルのブログ作成に挑戦してみていただければ幸いです。