岐阜県でホームページ制作・WordPressテーマ制作をしているブリリアントワークスです。個人事業(SOHO)としての特長を活かし、格安価格・高品質にてご提供いたします。
岐阜県のホームページ制作 | ブリリアントワークス
HOME » WordPressテーマ『Flash Works』 » WordPressテーマ『Flash Works』のカラー変更方法

WordPressテーマ『Flash Works』のカラー変更方法

見出しやリンクなど、ホームページの各部分に使用されているカラーは、CSS(Cascading Style Sheets、カスケーディング・スタイル・シート)で設定されています。

CSSでのカラー変更はそれほど難しいことではないので、方法を学べば簡単に変更できるのですが、1回で理想的なカラーに設定することは難しく、CSSのカラーコードを変更してブラウザで確認することを何度も繰り返すことは熟練者でも煩わしさを感じることでしょう。

そこで、有料WordPressテーマ『Flash Works』に誰でも簡単にリアルタイムで確認しながら主要部分のカラーを変更できる機能を搭載しました。

色々試して、お好みのカラーにしてください。

カラーの変更方法

WordPressの左メニューから「外観」「カスタマイズ」と進み、『カスタム画面』の左ナビゲーションで「カスタムカラー」を選びます。

WordPressテーマのカラー変更

変更したい部分の「色を選択」をクリックし、カラーピッカーを使ってRGBカラーで色を指定してください。

「デフォルト」を選ぶと、初期値のカラーに戻ります。

なお、変更後は左上にある青い「公開」ボタンをクリックして変更を確定しなければなりません。

カラー変更できる部分

WordPressテーマ『Flash Works』のカスタマイザーでカラー変更できる部分は、次のとおりです。

ベースカラー
トップへ戻るボタン、ペジネーション(現在のページ)、タグクラウド、検索窓のカラー。
テキストリンク:通常時
マウスオーバーしていない時のリンク文字のカラー。
テキストリンク:オーバー時
マウスオーバーした時のリンク文字のカラー。
ペジネーションカラー:オーバー時
マウスオーバーした時のペジネーションのカラー。
見出しH1のカラー
コンテンツ部分上部にあるH1のカラー。
見出しH2のカラー
コンテンツ部分に使用されたH2のカラー。
見出しH3のカラー
コンテンツ部分に使用されたH3のカラー。
見出しH4(サイドバー)のカラー
サイドバーに使用されたH4のカラー。
見出しH5(フッター)のカラー
フッターに使用されたH5のカラー。
strongタグのカラー
強調のstrongタグのカラー。
PC用グローバルナビのカラー(1階層目・通常時)
パソコンで表示された場合にキービジュアル直下に表示されるグローバルナビゲーションの1階層目のカラー。
PC用グローバルナビのカラー(1階層目・マウスオーバー時)
グローバルナビゲーションの1階層目にマウスオーバーした時のカラー。
PC用グローバルナビのカラー(2階層目・マウスオーバー時)
グローバルナビゲーションの2階層目にマウスオーバーした時のカラー。
PC用グローバルナビのカラー(3階層目・マウスオーバー時)
グローバルナビゲーションの3階層目にマウスオーバーした時のカラー。
PC用グローバルナビのカラー(4階層目・マウスオーバー時)
グローバルナビゲーションの4階層目にマウスオーバーした時のカラー。
コメントフォームの見出しカラー
投稿ページのコンテンツ部分下部に表示されるコメントフォームの見出しのカラー。
コメントフォームのボタンカラー
コメントフォームの「コメントを送信する」ボタンのカラー。

言葉では分かりづらいと思うので、実際に色々試してみてください。

Point

色を使い過ぎると「見づらいサイト」「信用できないサイト」になるため、メインとなるカラーを1色選び、そのカラーに合う色を2色ほど選んで使用すると、統一感あるデザインになって良いでしょう。

関連記事

ウィジェットとはブログパーツのことで、WordPressにはアーカイブやカスタムHTML、カテゴリー、カレンダー、タグクラウド、テキスト、...


有料WordPressテーマ『Flash Works』を利用するにあたり、まずはWordPressの設定方法について説明いたします。 ...


ホームページには複数の色が使われていますが、画像を除く部分の色は大抵CSS(Cascading Style Sheets、カスケーディング...


有料WordPressテーマ『Flash Works』の上部には、キービジュアルとして大きなヘッダー画像を使用しています。 パソコン...


有料WordPressテーマ『Flash Works』をお買い求めいただきありがとうございます。 ワードプレスを使ったことがない人や...



最新記事

子テーマ『Move Black(ムーブ・ブラック)』

WordPressテーマ『Flash Works』の子テーマである「Move ...

子テーマ『Pop(ポップ)』

WordPressテーマ『Flash Works』の子テーマである「Pop(ポ...

子テーマ『Zoom up(ズームアップ)』

WordPressテーマ『Flash Works』の子テーマである「Zoom ...

子テーマ『Alpha(アルファ)』

WordPressテーマ『Flash Works』の子テーマである「Alpha...

子テーマ『Move(ムーブ)』

WordPressテーマ『Flash Works』の子テーマ「Move(ムーブ...

検索フォーム

WordPressテーマ『Flash Works』

コンテンツ

カテゴリ