ココルーチェではサイト全体のカラー設定と記事内のデザイン設定の２つの項目があります。このページではサイト全体のサイトカラーの変更の方法をお伝えします。
１．サイト全体の色を設定する
サイトカラーの変更では、以下のカラー設定ができるようになっています。
- テーマカラー
- 背景色
- ブログタイトルの色
- グローバルメニューの色
- リンクにマウスを合わせたときの色
では実際に変更してみましょう。
サイトにログインをして管理画面のトップページに進みます。
管理画面の「デザイン設定」＞「カスタマイズ」をクリックします。
次に項目の中の、「カラー設定」を選択します。ここで各項目を好きな色に変更できます。
バランス良い配色にするポイントは
- 背景色は薄めにする
- できるだけ色を統一する
この２点を守ればキレイになります。
どんどん変更して好きな配色をさがしましょう。
２．記事内のカラーとデザインを設定をする
テーマカラーを設定したら次は記事内のデザインを決めていきましょう。記事内のカラー設定では以下の部分のデザイン設定ができます。
- 本文の文字サイズの変更
- 記事内のリンク文字の色
- 文字装飾【マーカー】の色
- 文字装飾【カスタムボタン】の色
- 文字装飾【色付き枠】の色
また、記事にインストール時には標準で表示される項目を好みに応じてOFFにできるようにしています。このあたりは好みに合わせて選択するといいですね。
- 記事の最初に表示されるアイキャッチ画像
- 記事の下に表示される関連記事
- 記事の下に表示されるFacebookコメント欄
それでは実際に変更してみましょう。
文字サイズを変更する
文字サイズはわかりやすいように５つのサイズがあり、標準ではMサイズになっています。
下の動画を見てもらうとわかりますが、記事内の全ての文字がバランスを保ってサイズ変更されます。
記事内のカラーデザインを変更する
次に記事内で使うボタンやマーカーなどの装飾部分のカラー変更をしてみます。ここでもあまりいろんな色を使わないほうがキレイにまとまります。テーマカラーと合わせて色を調整してみてください。
アフィリエイターで有名なひつじさん（@hituji_1234）とコラボし、史上最高とも呼べるWordPressテーマ【JIN】を開発しました！
開発期間は11ヶ月と非常に長くかかりました。
【使う人】【見る人】それぞれの立場にたって、何度も何度もブラッシュアップを重ねたためです。
その結果、デザイン性・使い勝手・SEOの３つがとてつもないレベルで融合したテーマになりました！
ひつじさんと２人で特設サイトを作りましたので詳しくはそちらでどうぞ！
