設定はじめ　－Blogger テンプレート HTMLを編集－

Bloggerテンプレートをカスタマイズする際にはじめにやっておいた方がいいかな、というものを書いておきます。
使用してるBloggerテンプレートは「シンプル」です。

カスタマイズする前の注意

必ずテンプレートを別に保存しておくこと。
中には変更・削除したりすると元に戻せなくなるものもあります。

参考サイト

Bloggerテンプレートのちょっとしたカスタマイズのまとめ
 WILL FEEL TIPS: Blogger カスタマイズ Tipsまとめ

テンプレートに使用言語を指定

ダッシュボード＞テンプレート＞HTMLの編集で、
<html>タグに「lang='ja'」を追加タグに「lang='ja'」を追加

<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

これを下記のように

<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' lang='ja' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

テンプレートに<meta>を追加

テンプレートの内には、使用するテキストエンコーディング、使用言語、CSS、javascriptを指定する<meta>が無い。ダッシュボード＞テンプレート＞HTMLの編集で、<head>内に以下を追加。

<meta content='text/html; charset=UTF-8' http-equiv='content-type'/>
<meta content='text/css' http-equiv='content-style-type'/>
<meta content='text/javascript' http-equiv='content-script-type'/>
<meta content='ja' http-equiv='content-language'/>

<title>タグ内の表示順序を変更

通常「Blog名: 記事タイトル」となっているのを「記事タイトル | Blog名」に変更します。
ダッシュボード＞テンプレート＞HTML の編集で
「ウィジェットのテンプレートを展開」のチェックがされていない状態にし、
この部分を

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

下記に変更する

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

BloggerのNavバー（ナビゲーションバー）を非表示にする

CSSに書きを追加する。CSSで非表示にしてしまうのでソースを表示させると存在しますけど…。

/* navバーを消す */
div#navbar{display:none;}

ページ最下部の「投稿:Atom」を削除

ダッシュボード＞テンプレート＞HTML の編集で「ウィジェットのテンプレートを展開」にチェックを入れ、以下の箇所を見つけ「」で囲みコメント化して表示させないようにする。

ページ最下部の「ホーム」を削除

haya-note

ページ

2013年2月6日水曜日