WordPressテーマの色変更
ワードプレスのテーマを制作するにあたり、ウェブサイトを作ったことがある方から初めて作る方まで、どなたにもご利用いただける仕様にすることを決めました。
当然、初心者の方はほとんど知識がありませんし、ファイルを直接触ることなく、WordPressの管理画面だけで思った通りのデザインにしたいと思うはずです。
そこで、WordPressテーマ『FlashWork-s』は、各パーツの色をカスタマイザーで簡単に変更できるように設計してあります。
この機能によって、ウェブ制作のスキルがなくても簡単にカラーを変えられるので、ぜひご活用ください。
カスタマイズ
ワードプレスの左サイドバーから『外観 » カスタマイズ』と進みます。
カスタマイズ画面
左側にあるメニューから設定したい項目を選び、右側でその状態を確認できます。
背景色の変更
左メニューの『色』をクリックし、カラーピッカーでご希望の色を選択します。
青い『保存して公開ボタン』をクリックしないと確定されませんので注意してください。
ちなみに、黒にした場合は上の画像のようになります。
各パーツの色変更
左メニューの『カスタムカラー』をクリックし、カラーピッカーでご希望の色を選択します。
カスタマイザーで色変更できるパーツは次のとおりです。
ベースカラー | ・ページトップへ戻るボタン ・ページ送り(現在のページとマウスオーバー) ・タグクラウド ・検索ボタンと検索フォーム |
---|---|
テキストリンク:通常時 | ※最新記事・関連記事・サイドバーなどのリンクには適用されません |
テキストリンク:オーバー時 | ※すべてのテキストリンクに適用されます |
見出しH2のカラー | コンテンツ部分の最上部 |
見出しH3のカラー | コンテンツ部分で使用 |
見出しH4(サイドバー)のカラー | サイドバー部分の見出し |
見出しH5(フッター)のカラー | フッター部分の見出し |
モバイル用グローバルナビのカラー | モバイル画面時のプルダウンメニュー ※オープン時のテキストとその下のラインの色 |
パソコン用グローバルナビの入れ子(背景色) | パソコン画面時のプルダウンメニュー |
コメントフォームの見出しカラー | 見出しとその下のラインの色 |
コメントフォームのボタンカラー | 『コメントを送信するボタン』の色 |
カラーを変えるだけで全く違うイメージのサイトになるので、いろんな色で試してみてください。
背景画像の適用
背景部分は画像を使用することも可能です。
左メニューの『背景画像』をクリックし、画像を選択すると、『背景の繰り返し』、『背景の位置』、『背景スクロール』の設定ができるようになります。
関連記事
多くのホームページは、ヘッダー画像やキービジュアルと呼ばれる大きな画像がページ上部に配置されたデザインになっています。 そして、ワードプレ...
WordPressテーマ『FlashWork-s』は、商用サイト、アフィリエイトサイト、趣味サイト、日記サイトなど、さまざまな分野のサイトを...
ワードプレスは『文字コード:UTF-8N』、『改行コード:LF』が基本です。 ウェブサイト制作に特化した『ドリームウィーバー(Dreamwe...
htmlサイトでメニューを作ろうとした場合、テキストを入れて、それにリンクを張ってと、面倒な作業が必要となります。 もしも修正が必要となっ...
ワードプレスは『投稿』と『固定ページ』、2種類のページを生成できますが、その内『投稿』とは、アメーバブログやヤフーブログのようにブログのペー...