ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

ヘッダーに背景画像を設定する

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.ヘッダー画像を設定したい

ヘッダー部分に、BlogPress従来のヘッダーサイズである横幅980px縦幅140pxと同じサイズのヘッダー画像を設置したいと考えているのですが、テーマオプションのロゴ設定、ステップ3の位置の調整の段階で「登録された画像が大き過ぎます。リサイズして小さくしてください。」 というメッセージが表示されてしまいます。

A.下記のcssファイルの該当箇所を編集します

「ロゴの設定」は仕様上、ヘッダー部を覆うほど大きな画像の設定はできませんが、以下の編集箇所の「url」以下に格納されている画像ファイルを同名の画像ファイルと差し替えることで任意のサイズのヘッダー画像を適用可能です。
編集するファイル:style_pc.css
編集する箇所:
グローバルメニュー有のときの背景

#header_wrap { background:#fff url(img/header/header_bg.gif)

グローバルメニュー無のときの背景

body.no_global_menu #header_wrap { height:170px; background:#000
url(img/header/header_bg.gif)

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事