賢威でWordPress~メインイメージを削除する

賢威5.0テンプレート」では、コーポレート版やクール版など、
きれいなメインイメージが設定されています。

このメインイメージ画像なんですが、
サイトが立ち上がった瞬間、一番目に飛び込んでくる大事な場面で、
肝心なコンテンツが見えなくなってしまうこともありますね。


特に、大き目の派手なヘッダー画像を入れた場合、
どうしても、イメージ画像が邪魔になってしまいます。

サイトにとって、トップページの一番目を引く場所は、
いわば一等地の看板ですから、
メインイメージを削除して、もっと違うものを目立たせたいこともあるでしょう。
そこで、このメインイメージを削除する方法を解説します。

この作業は、作業そのものは実にシンプルなのですが、
同時にたくさんのPHPファイルを扱いますから、
順番に、ゆっくり進めましょう。

まずは、管理画面から、「外観」⇒「テーマ編集」を選択、

たくさんあるphpファイルの中から、
「404 テンプレート (404.php)」を選択。
以下のソースを探して、この部分を削除しちゃいます。

<!–▼メインイメージ–>
<div id=”main-image”>
<div id=”main-image-in”>
<img src=”<?php bloginfo(‘template_url’); ?>/images/top-image.jpg” width=”950″ height=”144″ alt=”イメージ画像” />
</div><!–/main-image-in–>
</div>
<!–▲メインイメージ–>

するべき作業はたったこれだけ。
このソースが、メインイメージを表示させるソースなので、
ごっそり削除しちゃうんですね。

ただし、メインイメージが表示されるのは、
このPHPファイルだけではありません。
他にも全部で6つ、計7つあります。

同様に、メインイメージのソースを探して削除していきます。
削除していくPHPファイルは、

  • 404 テンプレート (404.php) ※先ほど削除
  • アーカイブ (archive.php)
  • メインインデックスのテンプレート (index.php)
  • サイトマップ 固定ページテンプレート (page-sitemap.php)
  • 固定ページテンプレート (page.php)
  • 検索結果 (search.php)
  • 単一記事の投稿 (single.php)

これらすべてのPHPファイルです。

削除が済むと、ブログはこんな状態になります。

おおっと!!
随分ぽっかり穴があいてしまいました。
これから、この隙間をつめていきます。

こうなっていくように設定するんです。

管理画面から、「外観」⇒「テーマ編集」を選択、
cool-blueg12.css」 というCSSファイルを選択。
あ、このファイル名は、テーマごとに違います。
このファイル名なら、「クール版青の2カラム」という意味です。

このCSSファイルの中から、以下のソースを探します。

/*——————————————————–
パン屑ナビ
——————————————————–*/

#breadcrumbs{
position: absolute;
top: 363px;/*▲ページ最上部からの距離*/
left: 0;
}

で、この太赤字の部分の数字を変更していきます。
メインイメージ画像は、縦のサイズが約140ピクセルですので、
大体、140を引いた数字にすればいいでしょう。

同様に、コンテンツ全体の位置も上げていきます。

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

#main-image{
position: absolute;
top: 203px;/*最上部からの高さの指定*/
background: url(images/common/bg-topimage.gif) center top repeat #111;
border-bottom: 1px solid #000;
}

#main{
padding-top: 393px;/*▲ページ最上部からの距離*/
background: url(images/common/bg.jpg) repeat #020202;
border-top: 1px solid #444;
}

ここも、太赤字の部分を、おおよそ140引いた数字に書き換えます。
後は、サイトを確認しながら、微調整していただければですが、
ほぼ、140引いた数できれいに収まることが多いですね。

これで、メインイメージの削除は完成です。

あわせて読みたい関連記事

“賢威でWordPress~メインイメージを削除する” への1件のフィードバック

  1. [...] 賢威でWordPress~グローバルメニュー設定方法 賢威でWordPress~メインイメージを削除する 賢威でWordPress~賢威独自のタグ一覧 [...]

サブコンテンツ

このページの先頭へ