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

WordPressテーマの色変更


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

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

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

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

カスタマイズ

カスタマイズ

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

カスタマイズ画面

カスタマイザー

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

背景色の変更

背景色

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

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

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

各パーツの色変更

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

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

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

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

背景画像の適用

背景画像

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

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


関連記事

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


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


ムームードメインを利用するときのサーバー設定方法について説明いたします。 難しいことはないので、以下を参考に手順通りに進めてください。...


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


ワードプレス(WordPress)は、オープンソースのブログソフトウェアのため無料で利用することができます。 しかも、無料・有料のテーマが...



コメントする

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

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

最新記事

WiFiルーター

WiMAXとWiFiは、どちらも無線通信ですが、全くの別物です。WiMAXとW...

SoftBankAir

テレビでも大々的にCMが放送されているので、SoftBankAirをご存知の方...

ZEUS WiFi

ZEUS WiFiは、通信量無制限に加え、クラウドSIMで最適な回線を利用する...

WiMAX2+

WiMAX2+の契約をする際は、必ず契約期間を確認してください。多くのWiMA...

プリンターインク

キャノンとエプソンのプリンターインクを安く買う方法をいくつか紹介します。メリッ...

パソコン・スマホ

WiMAX2+が固定回線の代わりとして使えるか否か、実際にWiMAX2+オンリ...

パソコン

WiMAX2+を販売している会社は複数あり、「ある会社のWiMAXは遅い!」と...

WiMAXルーター

WiMAX2+のモバイルルーター『Speed Wi-Fi NEXT W06』と...

ギガWi-Fi

ギガWi-Fiは、「1日で3G制限」も「3日で10G制限」もない通信量無制限プ...

WiMAX端末故障

WiMAXの端末が故障した場合の修理や、端末を安く購入する方法をご紹介します。...

素材ラインナップ

How to ホームページ

その他

インフォメーション

検索