CSSの編集をせずにヘッダー画像・フォントカラー等を変更しオリジナルデザインを作成する方法
“Customize”というプラグインによって、スタイルシート(CSS)をいちいち編集しなくても、WordPressの管理画面から予めサーバー上に用意されたヘッダー画像を選んで変更したり、変更対象となっているフォントカラーなどを、とても簡単に変更することができ、その設定内容を記憶したり後で一部編集することもできます。
DigiPressテーマは、この”Customize”プラグインに準拠するように設計されており、非常に動的でバリエーション豊かなサイトデザインの切り替えを実現しています。
管理画面から変更できる項目は以下の通りです。
選択中テーマのデザインのカスタム方法
現在選択中のテーマをカスタマイズするには、以下の手順にて行います。
- ログイン後、サイドバーの「外観」⇒「Customize Theme」を選択。
- “Customize from this style“ボタンをクリック。
- サイトデザインに関するカスタマイズ可能な設定項目が表示されます。
- ヘッダー画像や各種カラー、サイズについて自由に変更後、「Customize Theme」ボタンを実行してオリジナルのデザイン設定を反映させます。
自前のヘッダー画像を用意して、上記の管理画面からいつでも自由に切り替えを行うには、FTPにて以下の場所に自前で用意したヘッダー用の画像をアップロードしてください。
オリジナルヘッダー画像素材アップロード場所
- 2カラムの場合：/wp-content/themes/digipress-img/header/2column
- 3カラムの場合：/wp-content/themes/digipress-img/header/3column
対応するヘッダー画像サイズ
- 2カラムの場合：800px × 150px のヘッダー画像用意してください。
- 3カラムの場合：1000px × 150px のヘッダー画像を用意してください。
このエントリーに対するコメントはありません。