MovableType: 2006年1月アーカイブ

デフォルトのMovable Typeのテンプレートでは、フッターは付いていないので、クレジット情報などを付けてみました。とりあえず、加えたのは三点。

■Movable Typeのバナー
　Powerd by Movable Typeの絵のバナーがパッケージの中にあることを今更発見。＜$MTStaticWebPath$＞のimageフォルダの中にある。貼ってみた。

■Copyright の帰属
　このサイトの管理者、つまり私にあることを明記。

■著作の保護範囲
　これは、このサイトのクリエイティブ・コモンズライセンスの方針に従うことにする。詳しくはこちらのエントリーへ。つまり、全ての権利を保護するという、現状のインターネットに合致しないものではなく、幾つかの条件の下で著作の保護を行う方針としたため、"Some Rights Are Reserved"とした。

ここのところMovabletypeを少しずつ、いじろうとしています。その関連でMovabletypeの扱い方について書かれている幾つかの物色してみました。その中から三冊を選びました。

#1　"基礎から作るMovable Typeブログデザイン",
#2　"Movable Typeスタイル&コンテンツデザインガイド",
#3　"Movable Typeブログ拡張パーツ&デザインガイド"

基礎から作るMovable Typeブログデザイン―オリジナルBlogをデザインすることからはじめよう
	エビスコム ソシム 2005-09 売り上げランキング : 73,798 おすすめ平均 Amazonで詳しく見る by G-Tools

それぞれ特色がありますが、#1はデフォルトで用意されたものではなく、一からMovable Type特有なテンプレートタグを使いながらhtmlとcssを作り上げています。エントリーやコメントがテンプレートタグとどう組み合わさって表示されるのか、一つずつ進めているのでカスタマイズしたい部分に含まれる要素がわかりやすい。全体の表示を知りたいときに、ここはこう表示されているのかぁ、と理解しやすかったです。評価は★★★★☆。

Movable Typeスタイル&コンテンツデザインガイド―コンテンツ管理システム(CMS)ツールとしてのMovable Type活用術&実践サイトデザイン術
	エ・ビスコム・テック・ラボ 毎日コミュニケーションズ 2004-10 売り上げランキング : 3,731 おすすめ平均 Amazonで詳しく見る by G-Tools

#2はどちらかというとテンプレートタグリファレンス+blog以外のMovable Typeのサイト作成に有効に思いました。このテンプレートタグを使うとこう表示されると書かれているので、ここのタグを知りたいときに辿りやすい。それよりもこの本はCMSとしての具体例があり、自分的には参考になりそう。カタログサイトみたいなものも作ってみたいですね。評価は★★★★☆。

Movable Typeブログ拡張パーツ&デザインガイド―プラグインや無料サービスを活用したブログの機能/デザインパワーアップ術
	エビスコムテックラボ 毎日コミュニケーションズ 2005-12 売り上げランキング : Amazonで詳しく見る by G-Tools

#3は#2のシリーズですが、主にプラグインについて書かれています。自分でサイトからプラグインを組み立てるのもいいのですが、既存でよく使われているプラグインを簡単に設置利用しようをしているものの導入法が載っています。使いたいものもある反面、いらないようなものもあり、部分的に取り込もうかなという感じです。評価は★★★☆☆。

いずれにしても、Movable Typeのテンプレートタグを知りたい中級者がカスタマイズしたいときに使える感じの本のようです（htmlやcssから始める初心者は少し難しいかも）。実際いろいろと加えていきたいものですね。

もともとMovable Typeではindex.xmlのRSS2.0と、atom.xmlのATOMの二つのフォーマットでフィードを出すことができるので、サイドバーの部分に両方のFeedを取得できるようにしました。

またfeedを扱うものとしてFeedBurnerを、受け取るためのものfeed readerとしてweb-basedのBloglinesを用意しました。(FeedBurner設定画面　-> Publicize -> Chicklet Chooser)

FeedBurnerではいろいろと機能があり、購読数がどれくいであるのかと言うのも示すせたりできるので、表示てみます。（FeedBurner設定画面　-> Publicize -> FeedCount）

おいおいといろいろな機能をみていきたいと思っています。

Feedはいくつかのフォーマットがあることで、それに対応するアイコンというかバナーもいろいろな種類有り、はてなで質問されているようなバナーのダウンロードサイトが幾つかありました。その中で、the meagerのnanoさんのアイコンが気に入ったので使わせてもらいました。

しかし、たくさんあるのはややこしいということで、mojix.orgさんのこれらのフィードアイコンをひとつに統一しようという働きがあるというエントリーがありました。ささやかに賛同ということで、今回はこのアイコンも加えておくことにします。(FeedBurner設定画面　-> Publicize -> Chicklet Chooser)

＜参考リンク元＞
■「RSS」とか「ATOM」と書かれた小さなバナー(ロゴ)がダウンロードできるページを教えてください。自分のBlogのindex.rdfとかatom.xmlのリンクに使いたいのです。
人のブログから勝手にダウンロードしようかと思ったのですが、できれば堂々と入手できるサイトを教えてください。 (人力検索はてな)
■RSS ATOMのアイコン (the meager)
■RSS / ATOMフィードのアイコンを統一しよう - FeedIcons.com　(mojix.org)

少し前に行った作業だったのですが、サイドバーにリンクリストを追加しました。リンクリストはblogのポータルサイトのblogpeopleで登録作成された、javascriptを使用しています。

Movabletypeの2カラムのサイドバー領域は"テンプレート" > "メインページ(index.html)"の id = beta の領域であるようで、
・div class="module" : 一つのmoduleの様式決定（cssとの連携）
・h2 class="module-header" : そのmoduleのタイトル
・div class="module-content" : そのmoduleの内容
でこれによりサイドバーにその他のmoduleと同じようなデザインで追加することができました。

このMovableType3.2では複数のblogの管理が可能ということで、内容を幾つかのblogに分けて作成しました。

写真関連 : photo daily life
植物関連 : green daily life
食べ物関連 : food daily life
雑貨・映像関連 : living daily life
科学関連 : blue daily life
コンピュータ関連 : web daily life

こんなにたくさんで管理ができるのかと思いますが、以前はこの内容を一つのblogでやっていたのでひどくごちゃごちゃしていた事を考えると、まぁ分かりやすいかなと思います。

それぞれについて、見た目を変えるためにスタイルシートの色の部分だけを変えてみました。骨格を変えるのは少し負担が大きく感じたので、おいおいやることにして、手軽なところを変えてみています。

配色は、色のみじん切りのグラデーションツールの色相変化から、テンプレートから色の部分をテキストで検索置換かけて作りました。

このblogで写真を投稿するときのフォーマットのまとめ。
Movable Type3.2で写真のアップロード(photo daily life)参考。

写真の大きさ
・横幅は最大480pxにする
・縦位置に置く時には、縦480px、centerにしてみる

MTへのアップロード時
・<サイト・パス>/image - /***/public_html/weblog/photo/image
・"エントリーを投稿"
・"サムネイル"を表示しない
・"縦横比を固定する"ようにする
・"埋め込み"型表示、"ポップアップ"型表示両方

Movable Type 3.2を導入した後、コメントとトラックバックのテストをしてみました。Movable Type 3.2新規導入では問題は無かったのですが（Movable Type 3.151からのアップデートではコメントがうまく表示されない - コメントがうまく表示されない(photo daily life)参照）、トラックバックを送るurlがサーバー名のアドレスでした。そのため、ドメイン名のアドレスに変更しました。

mt-config.cgiのCGIPathを変更することで変わりました。詳しくはトラックバックurlの別名設定(photo daily life)にて。

Movable Typeの環境設定は"メイン・メニュー > photo daily life > 基本の設定"で行います。
変更したのは、

・基本 > ブログの説明
ここにアクセスカウンターのタグを設置する。Xreaのレンタルアクセス解析システムAcessanalyzer.comと、カウンターサービスを利用しています。
アクセスカウンターを設置（photo daily life）を参照。

・基本、新規投稿
表示数 : 7エントリーくらい
公開設定 : 公開をデフォルトに

・更新を自動通知する先

blo.gs、weblogs.com、technorati.com

http://rpc.blogrolling.com/pinger/
http://ping.rootblog.com/rpc.php
http://api.my.yahoo.com/RPC2
http://ping.bloggers.jp/rpc/
http://ping.cocolog-nifty.com/xmlrpc
http://blog.goo.ne.jp/XMLRPC
http://ping.exblog.jp/xmlrpc
http://ping.myblog.jp/
http://www.blogpeople.net/servlet/weblogUpdates
http://bulkfeeds.net/rpc
http://ping.blogmura.jp/rpc/

・サイトURL/パス
サイトURL : http://www.SITE-NAME.net/weblog/XXX/
サイト・パス : /virtual/ID/public_html/weblog/xxxxx
アーカイブの設定 : アーカイブをサイト・パスとは別のパスで公開（ボックスチェック）
アーカイブURL : http://www.SITE-NAME.net/weblog/XXX/archives/
アーカイブ・パス: /virtual/ID/public_html/weblog/XXX/archives
パーマリンクの設定 : エントリーにする

適宜追加する予定。

ドメイン立ち上げの後、サイトを作ってみようと思います。方針としては、トップページ、いろいろなカテゴリーに分けた個別記事のページ、あとは言葉や記事が追えるようなまとめのページ。なるべく簡単に投稿できるものということで、個別記事にはblog、まとめのページにはwikiにしてみようかということにしました。blogはMovable Typeに、wikiはFreeStyleWikiが良さそうなので、これらを入れてみることにしました。

まずはMovable Typeから。

Movable Typeは現在Movable Type 3.2ですが(2006年1月現在)、プランとしては1サーバー・1ユーザー・サポートはなしの無償の限定個人ライセンスをその提供を行っているsix apartより無料でダウンロードをしました。このプランでは3.2 よりブログ数が無制限で作れるので、今まで一つのblogで多種のカテゴリーや話題を入れていたものを、別のblogで管理できそうです。

ダウンロード後は、レンタルサーバーにftpでそのままアップロードします。xreaでは解凍設置の方法やスクリプトが用意されており、比較的容易に導入ができました。このスクリプトのユーザー名やパスワード、サーバー名などを書き換えて展開します。この時webから作動させるのですが、ファイルアクセスの時にパーミッションを700に変更しないと繋げません。

これで導入が完了です。