クリボウの Blogger Tips

Google Blogger の使い方、カスタマイズ方法、各種ツールなど、
Blogger 関連の役立つ情報を紹介しています。

> | | > Blogger ブログのページタイトルを「投稿タイトル | ブログタイトル」の順にする方法

Blogger ブログのページタイトルを「投稿タイトル | ブログタイトル」の順にする方法

(画像は実験中のもの)

Blogger のブログの投稿単独のページは、
クリボウの Blogger Tips: Blogger の「スライドショーガジェット」の画像表示サイズを大きくする方法
のように、通常「ブログタイトル: 投稿タイトル」という順番でページタイトルがつけられています。

が、テンプレートをカスタマイズすることで、これを
Blogger の「スライドショーガジェット」の画像表示サイズを大きくする方法 | クリボウの Blogger Tips
のように「投稿タイトル | ブログタイトル」の順に変更することが可能です。

今回区切り文字に | を選んだのは、Blogger のダイナミックビューで、ページタイトルが「投稿タイトル | ブログタイトル」となっているので、それに合わせたもの。


手順

1.ブログの管理画面「テンプレート > HMTL の編集」(旧インターフェースでは「デザイン > HMTL の編集」)を開く。

2.次のコードを見つける。(ブラウザの検索機能を使うと便利です。)
<title><data:blog.pageTitle/></title>

3.見つけたコードを次のものに書き換える。
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
  <title><data:blog.pageTitle/></title>
</b:if>

4.「テンプレートを保存」ボタンを押す。

これだけです。


備考

静的ページ(Blogger のいわゆる「ページ」)も同様にページタイトルを変更したい場合には、3のコードを
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
  <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
  <b:else/>
    <title><data:blog.pageTitle/></title>
  </b:if>
</b:if>
にします。

もちろん、投稿タイトルとブログタイトルの間の区切り文字は、違うものでも構いません。別のものにしたい人は、3のコードの赤字部分を差し替えてみてください。


スポンサードリンク:
お願い:
「この記事役に立った!」と思ったら、ぜひフィード登録をお願いします。 

Comments:4

  1. 投稿タイトルがうまく扱えなくて苦労しています。よく読んでやってみます!!!

    ReplyDelete
  2. 初めまして、そりのこしと申します!
    最近Blogを始めたのですが、わからないことだらけです。
    色々な方のBlogを読んで勉強させて頂いてますが、クリボウさんのBlogは本当に勉強になります。
    Blog見て頂けたら嬉しいです!是非、ご指導お願いします!

    ReplyDelete
  3. 丁度気になっていたので、この記事を参考に変更させて頂きました。
    有難う御座いました。(^^)

    ReplyDelete
  4. 参考になりました。
    ありがとうございます。

    ReplyDelete

Comments on Google+:

© 2005-2014 Kuribo. Powered by Blogger.