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

WordPressテーマの色変更


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

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

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

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

カスタマイズ

カスタマイズ

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

カスタマイズ画面

カスタマイザー

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

背景色の変更

背景色

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

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

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

各パーツの色変更

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

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

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

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

背景画像の適用

背景画像

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

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


関連記事

ワードプレスのコンテンツ部分は、基本的に『見出しと本文』で組み立てます。 そして、htmlで用意されているhタグ(見出し)は6種類、本文(...


『ワードプレス』はウェブサイトを動かすシステムであり、実際に表示されるデザインは『テーマ』と呼ばれるテンプレートで成り立っています。 つま...


カスタムカラーはcssファイルに手を加えることなく各部の色を変更できるので、ウェブサイト制作初心者の方にはとても便利な機能ですが、次のような...


ワードプレスは『文字コード:UTF-8N』、『改行コード:LF』が基本です。 ウェブサイト制作に特化した『ドリームウィーバー(Dreamwe...


エックスサーバーとドメインを用意しただけでは利用できず、これらを結び付ける作業が必要となります。 この作業はエックスサーバー側とドメイ...



コメントする

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

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

最新記事

WiMAX W06

WiMAX W06は、有線接続の他、同時に16台まで無線接続が可能です。WiM...

USBケーブル

WiMAX W06は、有線接続することにより、高速通信・安定通信を実現できます...

デスクトップパソコン

Windows10は、消費電力を抑えるために、電源オフ時・スリープ時にUSBの...

充電

WiMAX W06には、充電に必要な付属品が付いていません。届いても、どうやっ...

配達業者

WiMAXは、クーリングオフに似た「初期契約解除制度」により、8日以内なら契約...

素材ラインナップ

How to ホームページ

インフォメーション

検索