[対応:5(クール版)] メインイメージ(ヘッダー画像)を削除する
賢威の5種類のテンプレートのうち、
クール版のみメインイメージ(ヘッダー画像)を消すと、
ぽっかり穴が空いてしまいます。
こちらの調整方法を説明します。
賢威 (クール版)メインイメージ削除方法
ダッシュボード⇒外観⇒テーマ編集から
「メインインデックスのテンプレート (index.php)」をクリックします。
ソースをスクロールして最下部辺りにある
<!–▼メインイメージ–>
<div id="main-image">
<div id="main-image-in">
<img src="<?php bloginfo(‘template_url’); ?>/images/top-image2.jpg" width="1000" height="144" alt="イメージ画像" />
</div><!–/main-image-in–>
</div>
<!—▲メインイメージ—>
を削除します。
これでトップページだけのメインイメージが消えたので、
同様に下記ファイルにも同じように削除しましょう。
- 404 テンプレート (404.php)
- アーカイブ (archive.php)
- サイトマップ Page Template (page-sitemap.php)
- ページテンプレート (page.php)
- 単一記事の投稿 (single.php)
- 検索結果 (search.php)
削除したら、どんな感じか確認してみましょう。
なんじゃこりゃーーщ(゚Д゚щ)
ぽっかり穴あき状態になってしまいました。
それではもう一度、ダッシュボード⇒外観⇒テーマ編集を開き
cool-whiteg○.cssをクリックします。
パン屑部分のスタイルシートを調整します。
/*——————————————————–
パン屑ナビ
——————————————————–*/#breadcrumbs{
position: absolute;
top: ○○○px;/*▲ページ最上部からの距離*/
left: 0;
}
top: ○○○px;/の高さを調整します。
※○○○は賢威のテンプレートメーカーのヘッダーの高さによっても違います。
だいたい300px前後だと思います。
メインイメージの縦が140px前後なので、
○○○から140引いた数字をまずは入れてみます。
一度入れましたら、プレビュー画面で見て見ましょう。
パン屑リストが上に移動しました。
目安がわかったら、お好みで高さを調整します。
次にメインコンテンツを移動させます。
パン屑リスト部分のスタイルシートよりさらに下に進み下記記述を探します。
/*——————————————————–
コンテンツ全体
——————————————————–*/#main-image{
position: absolute;
top: 178px;/*最上部からの高さの指定*/
background: url(images/common/bg-topimage.gif) center top repeat #111;
border-bottom: 1px solid #000;
}#main{
padding-top: ○○○px;/*▲ページ最上部からの距離*/
background: #fff;
border-top: 1px solid #444;
}
○○○部分を見つけて変更します。
また140pxぐらい引いた数字を目安に調節します。
細かくプレビューをみながら作業しましょう。
はい、これでメイン画像が削除されました。
以上
賢威(クール版) メインイメージ(ヘッダー画像)を削除するでした。