TOP賢威5.0カスタマイズヘッダーカスタム[対応:5]サイズの違うヘッダーイメージ画像の変更する方法[対応:5]サイズの違うヘッダーイメージ画像の変更する方法[ヘッダーカスタム]賢威5.0のクール版でデフォルトで用意されている、ヘッダーイメージ画像を変更する方法をご紹介します。コーポレートや情報比較では、HTML上に、ヘッダー画像が組み込んでいるので、そのまま差し替えれば良いですが、クール版、プリティー版のみ、CSSで高さ調節を行っているため1つ1つCSSの設定が必要になります。今回は、この部分をご紹介していきます。ヘッダー画像の入れ替え方法まずは、入れ替えたいヘッダー画像を、WordPressにアップロードします。拡大が無く綺麗に画像が表示されます。今回アップロードするテスト画像はこれです↓↓(わかりやすいように枠線を表示)画像をアップロードする1.ダッシュボードメニューから「メディア」⇒「新規追加」をクリックします。メディアのアップロードで、取り込みたい画像をドラックします。「サイズ」と「ファイルURL」を確認して、控えておきます。次に、ダッシュボードメニューから「外観」⇒「テーマ編集」をクリックします。(index.php)」を選択します。index.phpをクリックすると、HTMLソースが表示されますので、その中から下記ソースを探してください。/></div><!–/main-image-in–></div><!–▲メインイメージ–>上記の赤字の部分が、ヘッダーイメージのソース部分ですので、ここに先ほど、アップロードした画像URLとサイズを指定します。アップロードしたURL例が・http://tesuto.afiri.in/wp-content/uploads/2012/07/top-image.jpg・サイズが「1000×300」とします。/></div><!–/main-image-in–></div><!–▲メインイメージ–>このような形で変更します。これで、一度適用してサイトを確認してください。次はこの部分を調整します。ヘッダー画像は、各ページごとに調節が必要ですので、「index.php」の同様の手順を下記6項目でも行い調整してください。次にテーマ編集から「cool-whiteg3.css」のスタイルシートをクリックします。「cool~.css」などの似たようなCSSを探してください。1.コンテンツ部分の高さ調節HTMLソース部分から、下記ソースを探します。#444;}赤字の部分を変更します。デフォルトのヘッダー画像の高さが144pxなので、その分を引いた数を加えていきます。「300-144=156」ですので、「336+156」を足して492を入力します。何度か適用させて高さを調整しても大丈夫です。次にパンくず部分を変更します。同じ「cool-whiteg3.css」から、次は、「パン屑ナビ」を探します。306px」の部分を同様に、今回の場合は「156」を足します。0;}このように変更して適用してください。トップページを確認して、このように表示されていたら完成です。他のページやカテゴリ-を確認して、ヘッダー画像が適用されているか確認してください。サイズの違うヘッダーイメージ画像の変更する方法でした。:2012年8月19日こちらのサイトのおかげでブログの大幅な改造ができました。参考になりました、ありがとうございます。返信コメントを残す返信をキャンセルする。管理人:マメボーw賢威&WordPressを使い続け早5年!そして賢威を紹介し販売した本数2000本以上!サポート人数500人の実績!賢威の良さを包み隠さずご紹介していきます。徹底レビューと特典紹介!!何でもご相談受付中^^当ブログでは質問や相談、なんでも承ります。賢威のこと以外でも何でも大丈夫です。お気軽にメールをください。RSSWordPress.orgアドレスマメボーw当ブログでは質問や相談、なんでも承ります。お気軽にメールやご相談ください。⇒お問い合わせはこちら↓こちらが私のメインサイトになります。Reserved.このページの先頭へ。