助太刀忍者(質問掲示板)

助太刀忍者

No.54086    ヘッダーのリンク変更
ブログのヘッダーにあるブログタイトルを削除して画像に差し替えたいのですが、全くうまくいきません。

具体的には、ヘッダー画像をクリックするとブログトップへ飛ばすようにしたいです。

使用しているテンプレートはデフォルトの「スタンダード」(http://afikasuotya.blog.shinobi.jp/Preview/V/1/)です。

よろしくお願いします。
試した操作手順
HTML、CSSのソース書き換え(失敗したのでもとに戻しています)
投稿者:No Name Ninja 投稿時間:2014-04-30 13:30:45

この質問は解決済みです

投稿者 : No Name Ninja
投稿時間:2014-05-01 12:44:24
無事できました!
本当にありがとうございました!
投稿者 : No Name Ninja
投稿時間:2014-04-30 17:58:56
>具体的には、ヘッダー画像をクリックするとブログトップへ飛ばすようにしたいです。
ということは、
今現在は、画像を装飾的に使っているので、HTMLボックス内に画像貼り付けするように設置し直す必要があります。

1)ヘッダーボックス内の装飾設定を変える。
今現在、

.header {
margin-left: auto;
margin-right: auto;
width: 1090px;
min-height: 150px;
background-image: url(背景画像のURL);
}

・・・となっているのを、以下のように変更。

.header {
margin-left: auto;
margin-right: auto;
width: 1090px;
height: 150px;
}

2)HTMLボックス内から、

<div class="header">
<!--if_page--><h1 class="headerTitle"><a href="<!--$g_url-->" class="headerTitleLink"><!--$g_title--></a></h1><!--/if_page-->
<!--if_not_page--><p class="headerTitle"><a href="<!--$g_url-->" class="headerTitleLink"><!--$g_title--></a></p><!--/if_not_page-->
<div class="headerNav">
<p class="headerDesc"><!--$g_explanation--></p>

・・・を探す。

3)上記の内から、2か所、「<!--$g_title-->」を探す。
4)上記2か所を、以下に置き換える。

<img src="画像のURL" alt="あなたのブログ名" width="1090" height="150">

5)ヘッダ下のブログ説明文も要らない場合は、以下部分を削除。

<p class="headerDesc"><!--$g_explanation--></p>

6)「データ保存」をして、実際のブログを表示確認する。