ブログの各記事の単独ページでブログタイトルをクリックしたら、トップページへ戻るようにリンクを設定したいです。

質問

以前にこちらで「ブログタイトルをクリックしたら、トップページへ戻るようにリンクを設定したい」と質問し、トップページではブログタイトルをクリックしたらトップページへ戻るようにはなったのですが、各記事の単独ページではブログタイトルがクリック出来ず、トップページへ戻る事が出来ません。
どう書き換えればよいのでしょうか？

ちなみにその時は、
<h1 class='title'><b:include name='title'/></h1>
を、
<h1 class='title'><a href='ブログのタイトル'><b:include name='title'/></a></h1>
へ変更しました。

ほとんど知識がないので、噛み砕いてご回答頂けると助かります。
ブログはGoogle Bloggerです。
宜しくお願いします。

以下ソース（の関連していると思われる部分）です。
---------------------------
data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;px;&quot; + &quot;_height: &quot; + data:height + &quot;px;&quot; + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'> <a href='/'><b:include name='title'/></a>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>

回答No.7

koke29 · ベストアンサー

もしやと思ってIE7でチェックしてみたら…ダメでした
私は普段Firefoxを使っているのですが Stretch Denimだと動作せず

で、HTMLタグの部分はどのデザインでも同じなので、あと違うったら
CSSかってことで、CSSの記述を外して試してみたらIEでもOKでした

具体的にどこの記述なのかもついでなんで調べてみましたら
#header {
margin: 0 2%;
background-color: $headerBgColor;
color: $headerTextColor;
padding: 0;
font: $headerFont;
position: relative;
}
ここのpositionがどうもよろしくないらしい
positionの記述を外したら、IE7でも動作OKになりました
レイアウトの崩れも無かったので、消しちゃっても良いかもです

こういうこともあるんですね 私も勉強になりました

お礼

positionの記述を外したら、正常に動作しました！！
トップからもその他のページからも問題なく動作しました。

ブログまで開設して頂き、
初心者の拙い質問・状況説明の意味を汲み取った上での的確で迅速なアドバイス、
本当にありがとうございました。

まさかそんなことが原因だなんて
私一人ではおそらく何年経っても解決しなかった事と思います。

本当にありがとうございました。

回答No.6

koke29

まさにそのテンプレで試したんですよね笑
で、私が見たときは前述の通りの動作をしていたので、コレじゃダメなの？
って疑問に思いつつ、HTMLの編集を試してみたらTOPも投稿ページもリンク
出来るようになったので、お知らせした次第でした

テンプレはあくまでデザインですので、中の記述はテンプレによらず
同じ動きをするはずなんですけどねぇ

とりあえず私がやったことを一から書きますね
レイアウトタブ→HTMLの編集→ウィジェットのテンプレートを展開に
チェックをつけて、さっきの回答の部分を編集→保存して「ブログの表示」

質問者さんはちょっといじっているので、
「ウィジェットのテンプレートをデフォルトに戻す」
をしてからの方がいいかもしれません

あと、まさかとは思いますが、プレビューで動作確認してるわけじゃない
ですよね？プレビューだと何だか知らないけどリンク一切機能しないので
保存したあとは「ブログの表示」にしないと実際の動作は確認できません
でしたよ

これでもダメならちょっと私にはわからないので、サポートに質問して
気長に返答待つとか…サポートの窓口見つけられなかったので、googleに
聞くのかもしれないですが。。。

補足

ご丁寧に本当にありがとうございます。

すいません、使用しているテンプレートはSon of MotoではなくStretch Denimというものでした。

このStretch Denimはデフォルトで
×トップページでタイトルクリック→トップページへ
×各記事のページでタイトルクリック→トップページへ
という状態で、koke29さんの仰る通りに変更しても結果は同じでした。

たしかにSon of Motoで、koke29さんの仰る通りに変更したところ、
○トップページでタイトルクリック→トップページへ
○各記事のページでタイトルクリック→トップページへ
となるようでしたが。。

手順も間違っていないように思います。
「ウィジェットのテンプレートを展開」にチェックを付けて、該当箇所を編集後、保存して「ブログの表示」をクリック。表示されたブログを念の為「最新の情報に更新」してからリンクの動作確認をしています。
（プレビューは使っておりません。）

色々アドバイス頂いた上で本当に恐縮ですが、よければ一度Stretch Denimでお試し頂けないでしょうか？

回答No.5

koke29

連投失礼します
ブロッガーのテンプレ見直して、修正箇所がわかったのでお知らせです

<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>

上の記述の箇所がCSSのあとの、比較的　頭の方にあります
で、ここを
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
に直せばTOPも他のページもタイトルクリック→TOPへ遷移が
可能になると思います（試したら出来ました）

補足

わざわざブログまで開設して頂き本当にありがとうございます。
ご指摘の通りにしてみましたが、結果は今まで
○トップページでタイトルクリック→トップページへ
×各記事のページでタイトルクリック→トップページへ
だったものが、
×トップページでタイトルクリック→トップページへ
×各記事のページでタイトルクリック→トップページへ
になってしまいました。

テンプレートをブログ開設日の状態に戻して確認してみましたが、僕の使用しているテンプレートでは初めから
×トップページでタイトルクリック→トップページへ
×各記事のページでタイトルクリック→トップページへ
となっていました。

また、試しに開設日のテンプレートで、ご指摘の箇所を変更してみたのですが、
×トップページでタイトルクリック→トップページへ
×各記事のページでタイトルクリック→トップページへ
でした。

Bloggerのテンプレートは最初から、
● TOPページはタイトルをクリック出来ない
● 投稿した記事のタイトルはクリック出来て、TOPに戻る
と仰っていましたが、テンプレートによって違うものなのでしょうか？

ちなみに僕の使用しているテンプレートは、Bloggerのテンプレート選択画面の中央にある「Sun of Moto」というものです。

回答No.4

koke29

Bloggerって記載ありましたね 見落としました スミマセン

昨日試しにBloggerでブログ作って 動作を見てみたら
● TOPページはタイトルをクリック出来ない
● 投稿した記事のタイトルはクリック出来て、TOPに戻る
という動作でしたが、これではダメなんですか？？

テンプレートがデフォルトの状態で↑の動作を行いますので
ダメなら一度戻してみてはいかがでしょう？？

回答No.3

outbrave

それでは、他に同じような部分があるのではないですか

そうそう、確認するときは、キャッシュが残っている場合がありますので「最新の情報に更新」を行ってからにしてください。

補足

なんせ知識がほとんどないもので、どこが「同じような部分」に当たるのか見当がつきません。。もし良ければ「xxxという記載がある周辺」等アドバイス頂ければ、その辺のソースをこちらへ書かせて頂きます。

一応毎回「最新の情報に更新」は行ってます。

宜しくお願いします。

回答No.2

outbrave

「出来ません」とか「ダメでした」とか言われても、こちらから見えないので、さっぱりわかりませんが？

実際に、変更した部分は反映されているのですか？
ページを表示させて、ソースを確認してください。

補足

知識が乏しく、どういう情報が必要なのか理解できていませんでした。失礼しました。

BloggerのHTMLのテンプレートの編集画面でkoke29さんのアドバイス通りに変更し、「変更を保存しました」と表示された後に実際にページを表示させてソースを確認してみたのですが、変更は反映されていませんでした。
（カーソルを合わせてもアイコンが手のマークになりません。リンクのついていない普通の文字のままです。）

各記事の単独ページのソースは、変更前後で内容は変わっておらず、

<div id='header-wrapper'>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<a href='/'>
<a href='ブログのアドレス'>ブログ名</a>
</a>
</h1>
</div>
となっています。

ちなみにトップページ（＝変更前からすでにブログタイトルをクリックしたらブログトップへ戻るようになっている）のソースも変更前後で全く変わらず、
<div id='header-wrapper'>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<a href='/'>
ブログタイトル
</a>
</h1>
</div>
となっています。

他に必要な情報等ありましたらまた捕捉しますのでご指摘ください。
宜しくお願いします。

回答No.1

koke29

<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
ここがタイトルの部分です
たぶんテンプレートの編集をするんだろうと思いますが
何のブログを使っているのかわからないのと、私が聞いても
ブログやってないので答えられないと思いますが
ほかの方がわかるかもしれないので　どこのブログか書いて下さい

完成形としては
<h1 class='title' style='background: transparent; border-width: 0px'>
<a href='ブログのタイトル'>
<b:include name='title'/>
</a>
</h1>
となればOKのはずです

補足

回答ありがとうございます。ご指摘の通り、
<h1 class='title' style='background: transparent; border-width: 0px'>
<a href='ブログトップページのアドレス'>
<b:include name='title'/>
</a>
</h1>
としてみましたが、ダメ(修正前と状況は変わらず)でした。

ブログはGoogleのBloggerを使用しています。（分かりにくかったかもしれませんが、最初の質問内にも書かせて頂いてます。。）

<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
の9行下に、
<div class='titlewrapper'>
<h1 class='title'> <a href='/'><b:include name='title'/></a>
</h1>
というところがありますが、ここはこのままで良いのでしょうか？

それとももしかして最初の質問内に載せたソースとは別の部分に他にも修正しなければならないところがあるのでしょうか？

どんな事でも結構ですので、アドバイスをお願いします。
宜しくお願いします。