サイトのカラー設定をしよう

TGAではご自身のサイトイメージに合わせてお好きな色を設定することが可能です。この記事ではTGAのサイトカラーの設定方法について解説します。

カスタマイザー に移動する

TGAのカスタマイズはテーマカスタマイザー から行います。

ダッシュボード→外観→カスタマイズからカスタマイザー を開くことができます。

テーマカラーの選択をクリック

カラーの設定

TGAでは以下の8つのカラー設定が可能です。

メインカラー

メインカラーテーマのメインカラーです。ヘッダーとフッターに適応されます。

ヘッダーのみ色を付けたくない場合はカスタマイザー →サイトの基本設定→ヘッダーに移動し、ヘッダー背景の透過にチェックを入れてください。

ヘッダーテキストカラー

ヘッダーの文字色です。メインカラーに対して映える色を設定しましょう。

フッターテキストカラー

フッターの文字色です。メインカラーに対して映える色を設定しましょう。

テキストカラー

記事全体の文字色です。ヘッダーやフッター以外のほとんどの文字に適応されます。

コンテンツ背景色

記事の背景色です。テキストカラーが映える色を設定しましょう。

アクセントカラー

サイトのアクセントになるカラーです。カテゴリーラベルやページネーションに利用されます。

リンクカラー

リンクカラーです。テキストカラーとは別の色を設定しましょう。

リンクカラー(ホバー)

リンクにカーソルが乗った際に表示される色です。