Blogger in Draft のテンプレートデザイナーにあわせてテンプレートを変更した。
前のテンプレートだと使えない機能も出て来た為。
見た目を余り変えたくなかったので、前のテンプレートからCSSを抜き出しながら変更して行った。
CSSのクラス名に多少の変更があったので、名前を調べながら変更した。
変わったところの例として
以前は、ID指定でwrapperとしていたのが、class指定になりouterとなった。
色々なテンプレートを見た訳ではないが、この名前でつける事が標準になったのだろう。
テンプレートを直接編集する場合の注意点として、Google AnalyticsのScriptや他のサービスで使用しているMetaタグなどテンプレート直書きの部分も移行し忘れない様にしたい。
見た目だけできたと安心していたら、すっかり忘れていた。
マイクロフォーマット。
色々なところで使われているらしいが、あまり意識していないものの一つだろう。
Blogや、検索サイト・ECサイトなど使われており、モノによってはクライアントのソフトでも使われていると云う。
SEOとしてHTMLが正しく書かれている事も有効だと聞くが、さらにはマイクロフォーマットでの指定などもあればより良い様だ。
とりあえずマイクロフォーマットは、意味的により正しいHTMLを記述すると云う記法と覚えておく。
リンクの貼り方の一つ。リンク先を支持しているかを示す方法。検索エンジンなどにも解釈してもらえる。
単純にリンクを貼る、または、貼ってもらうとする時にこういった指定により関係をより解釈し易くなる。
rev属性で指定出来る。
Microformats Wikiにようこそ！ · Microformats Wiki
属性の値として以下の種類が有る。
なお、rev属性はリンク先の文書への関係を指定するもの。
反対にrel属性はリンク元の文書への関係を指定するもの。
わかりにくいが、例えば、引用されていると表現する場合は、rel属性で指定する。
引用していると表現する場合は、rev属性で指定する。
VoteLinksのvote-againstと似た様なもので、rel属性にnonfollowと指定する事で批判を表現出来る様だ。これによってリンクはするがリンク先のページランク評価に貢献しないということが出来るらしい。
これから参考にリンクさせてもらう時は、感謝の意を込めてvote-forを指定してみよう。
参考: Microformatsサイトの日本語ページ
Microformats Wikiにようこそ！ · Microformats Wiki
コードを綺麗に記載しているBlogを見るたび「いずれBlogでも始めたならこの様に…」と思っていた。
syntaxhighlighterというものを使用すると云うのそういったサイトのソースを見て知ってはいた。
(実際に行ったわけではなかったので正しく理解していなかったが。)
だが思い込みとは怖いもので、Bloggerは外部のCSSを使用し難いので簡単には出来ないと思って諦めていた。
実際には、非常に簡単に出来る事が今更ながらわかった。
(初心者なのでクリボウの Blogger 入門は何回か読んでたが、今後はクリボウの Blogger Tipsも参考にしよう。)
クリボウの Blogger Tips: コードをハイライトする「Blogger Syntax Highlighter」ウィジェット
なお表示出来る言語は以下に記載されている。
Languages -
syntaxhighlighter - List of supported languages. - Project Hosting on Google Code
何かしたいと思った時は「よく調べてみないと」と改めて思った。
なお、以下の記事でsyntaxhighlighterを適用してみた。
Ruby で Wake on Lan
これはRubyで。
AppleScriptでフォルダの表示と非表示を切り替え
これはAppleScriptはsyntaxhighlighterで対応してない様なので代わりにSQLで。
中身はともかく見た目はましになってきたかと思う。
A8.net
以前から、仕事で付き合いのあるIT系会社の社長さんが「A8に登録して…」とか「A8のような…」とか云っていたのを聴いていたので名前は知っていた。
久しぶりに仕事以外でサイトを持ったことでもあるので、登録してみた。
iTunesアフィリエイトプログラムの参加でリンクシェアに登録し、Apple Store アフィリエイトプログラムの参加でバリューコマースにも登録した。
大手と云われるアフェリエイトサービスはこれですべて登録したことになるのだろうか。
他と比べても遜色無く、登録は簡単に済んだ。登録後に行える事も変わりがない。
だが、他と比べて提携への誘いが多いように思える。
初回の管理画面のログインから、「Welcomeプログラム」として提携可能なサイトを知らされ、すぐに報酬がもらえる事をアピールしてくる。
「これならば少し位は稼げるかも」などと思ってしまった。
ちょっと難点をあげれば、自分の操作が悪いのかページを遷移すると、再度ログインするはめになる事。
あと、サイトの配色が自分にはきらびやか過ぎてすぐ目が疲れてしまう事。
iPhone向けサイトもあるので、これから色々試してみようと思う。
ふとした事からYahoo!のアドパートナーというサービスを知った。
GoogleのAdSenseの様にWebサイトに広告を載せる事でサイトのオーナーが収益を得ることが出来るサービスだ。
いつ得られるか解らないがわずかでも収益を得られる事と、これを切っ掛けにYahoo!のインデックスに登録される事が有るかと思い登録してみる。
手続きは簡単だった、Yahoo!のIDを持っているためサイトのURLを入力して、バナーの張付けを行う程度。
バナーの張付け後、数時間後にはテスト配信が完了したとのメールが届いた。
その後、審査があるとのことで、結果が出るまで2週間ほどかかるという。気長に待とうと思う。
と思ったら、1時間も経たないうちに審査完了のメールが届いた。審査基準を満たしたので合格ですとの事。
Yahoo!のインデックスに登録が全くされていないので、何か意図していない点でガイドラインに反していたりするかと思ったが、そんなことは無かった様だ。
このBlogをiPhone向けにカスタマイズ出来ないかと調べてみた。
ホーム画面に表示するアイコンは、57px × 57pxの画像を用意する。
iPhoneのアイコンらしく角丸にしたりツヤをつけたりしなくて良い。
iPhoneで表示した際に自動で変更される。
ユーザエージェントでの判別や、メディア属性によるiPhoneの表示範囲で判断。
@media screen and (min-device-width: 481px) {
…
}
サイトのUIをiPhoneらしくするにはiui.cssとiui.jsなどを使えば容易の様だ。
iui - Project Hosting on Google Code
ダウンロードするとiPhoneアプリでおなじみのUIのボタンのイメージも含まれている。
導入出来ない事は無いだろうが、BloggerはCSSを外部ファイルにし難いので手間は掛かりそうだ。
