フラッシュ素材(Flash Works)

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

WordPressテーマの色変更


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

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

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

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

カスタマイズ

カスタマイズ

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

カスタマイズ画面

カスタマイザー

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

背景色の変更

背景色

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

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

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

各パーツの色変更

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

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

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

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

背景画像の適用

背景画像

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

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


関連記事

ミニバードとドメインを関連付ける作業はどちらの管理画面でも必要ですが、初めにドメイン会社で設定を済ませた方が簡単です。 ムームードメイ...


WordPressテーマ『FlashWork-s』は、初心者の方にも無理なくご利用いただけるように、あらかじめ装飾用のcssを設定してありま...


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


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


初めてホームページを作る方にも簡単にサイドバーの位置を変えられるように、カスタマイザーで設定できるようにしました。 『style.css』...



コメントする

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

最新記事

Flash Works

WordPressテーマ『FlashWork-s』で見出しタグが使われている箇...

Flash Works

WordPressテーマ『FlashWork-s』に用意されている装飾コードに...

Flash Works

ワードプレスのヘッダー画像の設定方法について説明いたします。また、簡単な変更で...

Flash Works

WordPressテーマ『FlashWork-s』に組み込まれているGoogl...

Flash Works

WordPressテーマ『FlashWork-s』に組み込まれているサイドバー...

素材ラインナップ

How to ホームページ

インフォメーション

検索