プロのウェブデザイナーが作ったWordPressテーマを無料配布しています。なお、本ページはプロモーションが含まれています。
Flash Works
HOME » ワードプレス無料テーマ FlashWork-s » WordPressテーマの色変更

WordPressテーマの色変更


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

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

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

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

カスタマイズ

カスタマイズ

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

カスタマイズ画面

カスタマイザー

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

背景色の変更

背景色

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

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

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

各パーツの色変更

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

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

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

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

背景画像の適用

背景画像

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

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


関連記事

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


htmlサイトでメニューを作ろうとした場合、テキストを入れて、それにリンクを張ってと、面倒な作業が必要となります。 もしも修正が必要となっ...


ワードプレスの『投稿』がブログのページを作れる一方、『固定ページ』はウェブサイトのページを作れます。 最初はこの2つのページの使い分けがよ...


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


ワードプレスにはSEO対策のために、『All in One SEO Pack』というプラグインが用意されています。 基本的に英語のプラグイ...



コメントする

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

最新記事

千葉県東庄町のパソコン処分・廃棄

千葉県東庄町にお住まいの方で、いらなくなった使用済みパソコンや故障パソコンを無...

千葉県多古町のパソコン処分・廃棄

千葉県多古町にお住まいの方で、いらなくなった使用済みパソコンや故障パソコンを無...

千葉県神崎町のパソコン処分・廃棄

千葉県神崎町にお住まいの方で、いらなくなった使用済みパソコンや故障パソコンを無...

千葉県栄町のパソコン処分・廃棄

千葉県栄町にお住まいの方で、いらなくなった使用済みパソコンや故障パソコンを無料...

千葉県酒々井町のパソコン処分・廃棄

千葉県酒々井町にお住まいの方で、いらなくなった使用済みパソコンや故障パソコンを...

素材ラインナップ

How to ホームページ

その他

インフォメーション

検索