XWRITEにスキンを設定してデザインを変えてみる

2025年5月30日2025年6月9日

WordPressのテーマXWRITEには、Cocoonと同じようにスキンというものが用意されています。

スキンは「ブログの見た目」のことであり、スキンを変えることで「見た目」（デザイン）を簡単に変えることができるんです。

ちなみに、XWRITEをインストールした直後（初期状態）は、以下の画像のようにポップな感じの「マイルド」というテーマが設定済みとなっています。

記事の概要

XWRITEには、他に2つのスキンが用意されているので、他のスキンへの切り替え方法（設定方法）をこの記事では紹介したいと思います。

目次 [ close ]

XWRITEでスキンを設定する（切り替える）

さっそく、XWRITEのスキンを設定していきます。

WordPressにログインして、左のメニューから「XWRITE設定」→「スキン設定」とクリック。

「シンプル」スキンに切り替えてみます。

デフォルトの初期状態では「マイルド」になっているので、「シンプル」の「有効化」をクリック。

今のスキンと切り替えるスキンが表示されるので、間違ってなければ「スキンを有効化する」をクリック。

ブログのトップページを確認すると、「シンプル」のスキンが適用された画面に切り替わります。

「ソリッド」スキンに切り替えてみます。

今度は、「ソリッド」の「有効化」をクリックしてみます。

今のスキンと切り替えるスキンが表示されるので、間違ってなければ「スキンを有効化する」をクリック。

ブログのトップページを確認すると、「ソリッド」のスキンが適用された画面に切り替わります。

スキンを切り替えると、記事本文内の見出し（H2 ～ H6）や、基本カラーも変更されます。

以下は、各スキンの見出しですが、基本的には見出しのデザイン（形）は同じで色が違うだけです。

（「マイルド」だけは、ポップな感じで角が丸くなっていますが）

以下は、各スキンの基本カラーです。

基本カラーは、ブログの要となる箇所（見出し、ボタン、カテゴリーラベル、タグ、リンク）の色となります。

この基本カラーが変わるだけで、結構ブログの印象も変わって見えますね。

基本カラーは以下の手順で確認と変更ができます。

さきほど書いたように、スキンを切り替えると基本カラーも変更されます。

ただ、「ソリッド」や「シンプル」はリンクの色が若干明るすぎて見づらいような気がするので、リンクの色を好きな色に変更することができます。

もちろん、リンクだけではなく、アクセスなども好みの色に替えることもOK。

また、見出しもデザイン（形）を変更したいのであれば、ちょっと技術的な変更になりますがCSSを変更することも可能です。

まずは、好みのデザインのスキンに切り替えて、自分なりのカラーや見出しに変更するのもいいんじゃないでしょうか。