iwalog

移行に関する覚え書き。

テーマ
標準の「WordPress Default」をベースに自作のXHTML+CSSのテンプレートを適応する形でカスタマイズ。The Yahoo! User Interface Library (YUI)のReset CSS、Base CSS、Fonts CSSを利用してみた。レイアウトと文字サイズはだいたい調整したので、今後ゆっくりデザイン。

プラグイン
Akismet
スパム対策の標準プラグイン。

FeedLogger
管理画面のダッシュボードでRSSフィードの登録数を確認できる。

SimpleLife
今回のリニューアルでやりたかった、ライフストリーミングのプラグイン。トップページの右側に表示されているやつです。ライフストリーミングというのは、ブログやFlickr(写真)、delicious(ソーシャルブックマーク)、twitter(ミニブログ)など、ユーザがいろんなネット上のサービスで発信している情報をすべて統合して時系列に表示する、サービスというより表現方法かな。

このブログのライフストリーミングでは、僕がtwitterでつぶやいた言葉や、iPhoneで撮影した写真、deliciousにブックマークした記事を全て時系列に整理して見ることが出来ます。すべてのフィードを統合したライフストリーミングフィードも用意したかったのですが、このプラグインでは出来なかったのでまたリサーチして実装します。

Simple Recent Comments Widget
標準のコメントはいろいろと表示される情報が多いので、投稿者名だけ表示するために使用。

Simple Tags
過去の記事に自動的にタグを付けたり出来るプラグイン。1,000件の過去記事に一つ一つタグを打つのはしんどかったので使用。

Trackping Separator
WordPressはトラックバックとコメントをひとまとめにして表示してしまうので、分けるために使用。

WP-PageNavi
ページ送りを表示するために使用。

WP Super Cache
記事を投稿する度にHTMLを生成するために閲覧側の表示が速いMovableTypeと違って、WordPressはユーザが見に来る度に動的にページを生成するためにちょっと重い。使用しているのは「さくらのレンタルサーバスタンダード」なのですが、ちょっと気になってしまうくらい重かったので、このプラグインでキャッシュを生成。

今後ももっといろいろ漁ってみます。

突然思い立って、このブログの管理ソフトをMovableTypeからWordPressに移行してみた。思い立ってから2時間でデザイン以外の部分はほぼ稼働できたので、やってみればなんとかなるもんだ。前からやりたかったtwitterやflickrやdeliciousもプラグイン入れてとりあえず表示できる所までは持ってきた。

去年からちょこちょこWordPressをさわって何となく慣れていたし、このブログのエントリが1,000件を超えてから再構築に結構時間がかかるようになってきたりしていたり、最近アップデートしたXHTML+CSSで全部コードを書き直したかったり、といろいろ理由はあるのですが、今年の目標「再構築」にちょうどぴったりなのでは、と思って勢いでやってみた。

パーマリンクとかRSSフィードも変わってしまうのですが、というかあえて変えて、心機一転な感じ(謎)。レイアウトやデザインはフルリキッドにしてみたいなぁとは思ってるんですが、ちょっとまだ考え中です。blogとtwitterとflickrとdeliciousの統合されたフィードも用意してライフストリーミングぽくしてみたいなぁとも思ったり。正月の間にある程度形にしてみます。

現場のプロから学ぶXHTML+CSS
益子 貴寛 (著), 堀内 敬子 (著), 小林 信次 (著), 千貫 りこ (著), 伊藤 学 (著), 山田 あかね (著), 西畑 一馬 (著), CSS Nite (編集)

ウェブ制作の現場がいつのまにかHTMLがXHTMLになっていて、正直良く理解していなかったので古い頭をアップデートする目的で買ってみた。イチからXHTMLとCSSを覚える人よりも、僕のような昔のHTMLとCSSで止まってる人には最適だった。今まで部分的に学んでいたものを体系的にもれなく整理できたので、少し現状に追いついた感じ。

正月にこのブログをVicunaを使ってリニューアルしたことで、テンプレートはすべてXHTML1.0 StrictのDTDに準拠したのだけど、個々のエントリが未対応の状態だった。思ったときにぱぱっと書いているので、imgタグ閉じてなかったり、altなかったりして、ページとしてみるとぐだぐだ。

4年半分のエントリが800あるので、それを一つ一つ直していたら、結構時間がかかった。しかもYoutubeの動画とか他サイトで生成した部分についてはいじりようがないので、一部未対応ではあるもののほぼ対応完了。

直しながらいろいろなエントリを見ることになったのだけど、正直消してしまいたいくらいイタイものや、そのときの感情がそのまま真空パックされているもの、数年前から変わってないものと様々。画像とかを含まない純粋なエントリの文章だけでサイズが1.5MB。もちろん引用している文章もあるから全部が全部書いたわけではないんだけれど、このエントリが1KBなのと比べると、結構書いたなーという印象。

ブログ開設時の最初のエントリではブログなんか書いて意味があるのかと書いていたのに、今ではなくてはならない場所になっている。一つ一つのエントリはさして意味も価値もないゴミみたいなものなんだけど、それが4年半も続けると塵も積もればなんとやらで、自分自身の歩いてきた道が記録さている、自分以外の誰にも書くことが出来ないテキストになっている。と、4年前の自分の疑問への答えとして。答えが分かるまで、4年半もかかってしまいました。

Vicuna

テンプレートのソースコードはXHTML1.0 StrictのDTDに準拠して書かれており、無駄なく表示も軽い作りになっています。また、XHTMLとCSSの両方でカスタマイズを考えた構成になっていますので、構造の変更・デフォルトスキンから自分の好みに合わせて簡単にレイアウトやスタイルを編集することができます。

今年からブログを少しリニューアルしました。見た目的には横幅が少し広がった程度ですが、ソースまわりがVinucaを使わせてもらって変わっています。元のCSSがつぎはぎ工事で目も当てられず、マサテさんとかに見られたら恥ずかしい状態だったのですが、これで綺麗に。

お手本の用に綺麗に組み立てられたXHTMLとCSSなので、編集もすごく簡単。僕はmonoというスキンをベースに、2カラム構成に変更し色とフォントを少し調整したのですが、1時間ほどで今のデザインまで変更できた。

その後MTのモジュール化とブログパーツ・広告の設置に少し時間がかかったけど、ブラウザチェックも含めて3時間ほどで今の状態が出来上がりました。コピーライトを示せば商用利用も可能らしいので、テンプレートとしていろいろ使えそう。是非広まって欲しい。

Firefoxの機能拡張がかなり充実してきていい感じで使えるようになってきた。整理と他にいいのあったら教えてーの意味を込めて今使っているのをまとめました。

★★★＝必須

• All-in-Oneジェスチャ
  マウスジェスチャ。
• BX
  今開いている以外のフォルダを勝手に閉じることが出来る。
• Download Statusbar
  ダウンロードの進行状況をステータスバーの中で表示してくれる。
• Tabbrowser Extensions
  タブブラウザをより便利に。
• Sort Bookmark(DL先忘れた)
  ブックマークを名前でソートしてくれる。
• 翻訳パネル
  翻訳ソフト。翻訳の際ページを移動することなく、今見ているページの中にポップアップ表示してくれるのでスムーズに読めて便利。

★★＝あると便利

• Autohide
  全画面表示にしても出てしまうツールバーなどを非表示に出来る。
• Bookmark All
  今開いている全てのタブを現在時刻が付いたフォルダを作り全部登録してくれる。
• Irvine用コンテキストメニュー拡張(DL先わすれた)
  ダウンロードをIrvineに引き渡せる。
• Popup ALT Attribute
  ALTをポップアップ表示出来る。
• Resize Search Box
  検索ボックスのサイズを伸縮できる。
• Super DragAndGo
  画像をドラックするだけで保存したり、テキストをドラックするだけで検索できる。
• Tweak Network
  表示スピードを速くする。
• Web Developer
  Web開発者向けの各種ツール。CSSをオフにしたりとか出来る。
• WebmailCompose
  ブラウザ内のメールリンクを開いた時に、特定のウェブメールで開けるソフト。Gmail使いなので便利。

★＝一応入れてある

• bbs2chreader
  2chビュワー。サイドバーに板を表示し、ブラウザウインドウにスレッドを表示しながら見れる。2ch自体あまり見ないので使用頻度低し。よく見る人は便利では。
• ieview
  Firefoxで今見ているページをIEで開く。前はFirefoxで表示が崩れるページが多かったけど今はほとんど無いので使用頻度低し。