【賢威カスタム】その3 イメージ画像除去関連

賢威って、デフォルトで、一番目立つ位置にどどどーんと、
イメージ画像が入ってますよね。

ヘッダーを画像で作ったりしたら、正直、邪魔くさくなっちゃうことも。
そこで、このイメージ画像をいっそのこと削除しちゃう方法です。


ワードプレスのダッシュボードから、
『外観』→『テーマ編集』→『メインインデックスのテンプレート』を選択。



このコードを見つけて削除します。

このとき、先ほどのメインインデックスのテンプレートを含め、
7つ、同様に、タグを削除していってください。

  • メインインデックスのテンプレート
  • 404 テンプレート
  • アーカイブ
  • サイトマップ 固定ページテンプレート
  • 単一記事の投稿 (single.php)
  • 固定ページテンプレート (page.php)
  • 検索結果 (search.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> 
<!—▲メインイメージ—>

でもねー。削除すると、

こんなブサイクなことに・・・((((;゚Д゚))))


ここから、そのブサイクな隙間を埋めていきます。

ワードプレスのダッシュボードから、
『外観』→『テーマ編集』→『cool-orangeg○.css』を開きます。
cool-orangeg○.cssは、作ったテンプレートごとに名前がちょこっと違います。

でね。以下のソースを探して、変更します。

/*--------------------------------------------------------
パン屑ナビ
--------------------------------------------------------*/

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

ちなみに、私のこのブログは、230ピクセルにしています。
大体、デフォルトから140~150くらい引いた数が目安です。


同様に、コンテンツ部分も変更していきましょう。



/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

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

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


これでOKです^^


>>>賢威カスタマイズ一覧に戻る

>>>賢威についてもっと詳しく!

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


もりりんコンテンツのご案内

初心者コーナー

当ブログの歩き方

サポート対象商品

デザインブログ

ご購入者様専用

無料プレゼント

これからネットで起業するために知らなきゃいけない
webマーケティングの基礎講座ネットで稼ぐ秘訣
メールセミナーでお届けします。今なら無料!

※は必須項目です



コメントは受け付けていません。

サブコンテンツ

このページの先頭へ