[対応: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引いた数字をまずは入れてみます。

一度入れましたら、プレビュー画面で見て見ましょう。

ac00001129

パン屑リストが上に移動しました。
目安がわかったら、お好みで高さを調整します。

次にメインコンテンツを移動させます。

パン屑リスト部分のスタイルシートよりさらに下に進み下記記述を探します。

/*——————————————————–
コンテンツ全体
——————————————————–*/

#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ぐらい引いた数字を目安に調節します。

細かくプレビューをみながら作業しましょう。

メインイメージの削除完成です。

はい、これでメイン画像が削除されました。

以上
賢威(クール版) メインイメージ(ヘッダー画像)を削除するでした。

コメントを残す

サブコンテンツ

このページの先頭へ