格安ホームページ制作のブリリアントワークスです。個人事業(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階層目にマウスオーバーした時のカラー。
コメントフォームの見出しカラー
投稿ページのコンテンツ部分下部に表示されるコメントフォームの見出しのカラー。
コメントフォームのボタンカラー
コメントフォームの「コメントを送信する」ボタンのカラー。

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

Point

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

関連記事

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


ホームページを運営している人の多くが、高機能アクセス解析サービス『Google Analytics(グーグル・アナリティクス)』を使用して...


有料WordPressテーマ『Flash Works』の見出しタグ(Hタグ)について説明いたします。 見出しタグは、H1~H6まで6...


有料WordPressテーマ『Flash Works』のトップページは、新しい投稿ほど上に表示される降順仕様に設定してありますが、トップペ...


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



コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

最新記事

WordPressテーマ『Flash Works』の見出しタグ

有料WordPressテーマ『Flash Works』の見出しタグ(Hタグ)に...

WordPressテーマ『Flash Works』のメニュー設置方法

有料WordPressテーマ『Flash Works』のメニュー設定方法につい...

WordPressテーマ『Flash Works』のグローバルナビゲーション

有料WordPressテーマ『Flash Works』のグローバルナビゲーショ...

WordPressテーマ『Flash Works』のウィジェットエリア

有料WordPressテーマ『Flash Works』には、パソコン・タブレッ...

WordPressテーマ『Flash Works』のアップデート

有料WordPressテーマ『Flash Works』のアップデート方法につい...

検索フォーム

WordPressテーマ『Flash Works』

コンテンツ

カテゴリ