プロのウェブデザイナーが作ったカスタマイズ可能なホームページ素材Flash(フラッシュ)とWordPressテーマを無料配布しています。
Flash Works
HOME » ワードプレス無料テーマ FlashWork-s » WordPressテーマの色変更

WordPressテーマの色変更


ワードプレスのテーマを制作するにあたり、ウェブサイトを作ったことがある方から初めて作る方まで、どなたにもご利用いただける仕様にすることを決めました。

当然、初心者の方はほとんど知識がありませんし、ファイルを直接触ることなく、WordPressの管理画面だけで思った通りのデザインにしたいと思うはずです。

そこで、WordPressテーマ『FlashWork-s』は、各パーツの色をカスタマイザーで簡単に変更できるように設計してあります。

この機能によって、ウェブ制作のスキルがなくても簡単にカラーを変えられるので、ぜひご活用ください。

カスタマイズ

カスタマイズ

ワードプレスの左サイドバーから『外観 » カスタマイズ』と進みます。

カスタマイズ画面

カスタマイザー

左側にあるメニューから設定したい項目を選び、右側でその状態を確認できます。

背景色の変更

背景色

左メニューの『色』をクリックし、カラーピッカーでご希望の色を選択します。

青い『保存して公開ボタン』をクリックしないと確定されませんので注意してください。

ちなみに、黒にした場合は上の画像のようになります。

各パーツの色変更

左メニューの『カスタムカラー』をクリックし、カラーピッカーでご希望の色を選択します。

カスタマイザーで色変更できるパーツは次のとおりです。

ベースカラー ・ページトップへ戻るボタン
・ページ送り(現在のページとマウスオーバー)
・タグクラウド
・検索ボタンと検索フォーム
テキストリンク:通常時※最新記事・関連記事・サイドバーなどのリンクには適用されません
テキストリンク:オーバー時※すべてのテキストリンクに適用されます
見出しH2のカラーコンテンツ部分の最上部
見出しH3のカラーコンテンツ部分で使用
見出しH4(サイドバー)のカラーサイドバー部分の見出し
見出しH5(フッター)のカラーフッター部分の見出し
モバイル用グローバルナビのカラー モバイル画面時のプルダウンメニュー
※オープン時のテキストとその下のラインの色
パソコン用グローバルナビの入れ子(背景色)パソコン画面時のプルダウンメニュー
コメントフォームの見出しカラー見出しとその下のラインの色
コメントフォームのボタンカラー『コメントを送信するボタン』の色

カラーを変えるだけで全く違うイメージのサイトになるので、いろんな色で試してみてください。

背景画像の適用

背景画像

背景部分は画像を使用することも可能です。

左メニューの『背景画像』をクリックし、画像を選択すると、『背景の繰り返し』、『背景の位置』、『背景スクロール』の設定ができるようになります。


関連記事

ワードプレスにはウィジェット(Widget)という便利な機能があり、『最近の投稿』や『カテゴリーのリンク』、『カレンダー』などをドラッグアン...


ワードプレスはサイト訪問者のリクエストがあった時に、ページを構成するそれぞれのパーツを組み合わせ、さらにデータベースから取り出したテキストを...


ワードプレスは『投稿』と『固定ページ』、2種類のページを生成できますが、その内『投稿』とは、アメーバブログやヤフーブログのようにブログのペー...


ワードプレスは自分の好みの『テーマ』をインストールして有効化するだけで思い通りのサイトを制作できますが、カスタマイズして自分だけのオリジナル...


多くのホームページは、ヘッダー画像やキービジュアルと呼ばれる大きな画像がページ上部に配置されたデザインになっています。 そして、ワードプレ...



コメントする

メールアドレスが公開されることはありません。

最新記事

ソフトバンク光

ソフトバンク光は、SoftBankが提供する光ファイバー回線を利用したインター...

フレッツ光

フレッツ光は、NTT東日本・NTT西日本が提供する光回線です。お得なサービスが...

マウス

一度気にしたら、その後ずっと気になるPCマウスのクリック音。「カチカチ」うるさ...

マウス

パソコンを使っていると、ある日突然、マウスの左クリックの反応が悪くなります。そ...

パソコントラブル

Windowsパソコンのスリープ機能が勝手に起動してしまう場合があります。その...

PCクーラー

ノートパソコンは、暑い中で長時間使用すると、熱がこもって故障することがあります...

マウス

キーボードやマウスは、便器の5倍汚くて細菌まみれであることが分かっています。そ...

テレワーク

WiMAX2+を短期間利用する方法を紹介します。できるだけ安く、そして、違約金...

WiMAX乗り換え

WiMAX2+は、乗り換えた方がお得な場合があります。乗り換えを検討している方...

おすすめのWiMAX会社TOP3

初めてWiMAX2+を利用する方におすすめの会社とその理由を教えます。ぜひ、W...

素材ラインナップ

How to ホームページ

その他

インフォメーション

検索