Wednesday, 19 December 2012

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

今回Bloggerテンプレートをちょっとカスタマイズする機会があって、何をどうカスタマイズしたか忘れそうなので備忘録としてエントリ。Bloggerテンプレート「シンプル」のHTMLを編集した。

※注意:以下のカスタマイズをする前に必ずテンプレートを別に保存しておくこと。いくつかは変更・削除したりすると元に戻せなくなるものもあるので。あくまで自己責任にてお願いする次第である。

2013年3月6日追記:
bloggerのフッタのちょっとしたカスタマイズ(非推奨)も記事にしたので参考までに。

参考サイト

以下のサイトを参考。非常に助かりました。深謝。

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

ダッシュボード>テンプレート>HTMLの編集で、<html>タグに「lang='ja'」を追加
<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'>
(※実際は1行で表記)

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

テンプレートの<head>内には、使用するテキストエンコーディング、使用言語、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名」に変更。

通常は「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.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
に差換えることで、各記事ページのタイトル表記は「記事タイトル | Blog名」と表示される。

変更後、「記事タイトル | Blog名」の形式に。

ただし今回は、ヘッダに画像を何枚か用意してリロードする度に画像が変わるようなギミックを採用したため、Blog名を書き込む箇所のあるheaderガジェットが邪魔で削除してしまったので(削除方法は後述)、
<b:if cond='data:blog.pageType == "index"'>
<title>Blog名</title>
<b:else/>
<title><data:blog.pageName/> | Blog名</title>
</b:if>
と直接HTML内に書き込んだ。

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

ダッシュボード>テンプレート>HTML の編集で「ウィジェットのテンプレートを展開」にチェックを入れ、以下の箇所を見つけ「<!--」と「-->」で囲みコメント化して表示させないようにする。
<!-- <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>↵
     <data:f.name/> (<data:f.feedType/>)</a>
  </b:loop> -->

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

上記『「投稿:Atom」を削除』に同じ要領で。
ダッシュボード>テンプレート>HTML の編集で「ウィジェットのテンプレートを展開」にチェックを入れ、以下の箇所を見つけ「<!--」と「-->」で囲みコメント化して表示させないようにする。
<!-- <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> -->

ページ最下部の「投稿:Atom」と「ホーム」の削除前。

削除後。

header部分を可動化(削除可能化)

デフォルトではheader部分は移動不可の仕様になっているが、これを移動可能にする。

デフォルトではheader部分は上記赤枠のようになっており移動ができない。

デフォルトでは削除もできない。

ダッシュボード>テンプレート>HTML の編集で「ウィジェットのテンプレートを展開」にチェックを入れ、以下の箇所を見つけ「true」を「false」に変更。
<b:widget id='Header1' locked='false' title='test (Header)' type='Header'>

「true」から「false」に変更で、header部分は上記赤枠のように移動可能な状態に。

削除ボタンが出現!

これでheader部分の移動・削除が可能に。

Wednesday, 12 December 2012

なんやかんやで何とか無事に作品展に間に合った

作品が間に合うか否かという瀬戸際まで追い込まれたけども、何とか間に合い皆さんに作品をご覧いただけた。有難くも好評価をいただき多少戸惑いつつ、作品展は無事終了と相成りました。というわけで、以下に作品展の模様とワタクシの拙作品をば掲載。

PC040156
会場に入るとこのような雰囲気

PC040157
会場入口左側の展示風景

PC040162
会場中ほどまで進んで入口へ振り返って

PC040164
入口からみて右側に展示の作品群

PC040163
会場奥に展示の作品群

PC040160
会場左奥の和室に展示の作品群。ここにワタクシの作品2点が展示。

Strong in the rain (雨ニモ負ケズ)
拙作品その1「Strong in the rain (雨ニモ負ケズ)」

Strong in the rain (雨ニモ負ケズ)
拙作品その1のアップ。中心にデボス(浮き出し)を施してるのが見えるかな?

別紙に書いた文字を切り抜いて紙型を作成

この写真だとよく見える

この作品は搬入日の5日前になってやっとレイアウトが決まり、なんやかんや準備して3日前に書き終えた。で最後に、窓に作品と浮き出し用の紙型を貼付けて透かしながら浮き出し加工を施す。でも肝腎の額が準備出来てない始末。

Fudezukai Kanyoutaru Koto (筆仕い肝要たる事)
拙作品その2「Fudezukai Kanyoutaru Koto (筆仕い肝要たる事)」

Fudezukai Kanyoutaru Koto (筆仕い肝要たる事)
拙作品その2を正面から

Fudezukai Kanyoutaru Koto (筆仕い肝要たる事)
拙作品その2のアップ

もう一つの作品であるこちらは、搬入日当日の集合時間2時間前に書き終えるという暴挙を働いて書いたもの。この作品では勢いの文字を書きたくて、切羽詰まった方が文字が走ると直観したので(→単なる言い訳)。
判型が特殊なので特注の額など間に合うはずも無く、前日にもう一つの作品用の額を買いに行った時に閃いたステンレスの板とシャックルを使って吊るすことにした。

そんなこんなで、初のカリグラフィー作品を世に出すことが出来ました。
(よう間に合ったわ)