icecraft photo gallery and photo map.

icecraft blog -旅と音楽とインテリア-で“Movable Type”タグの付いているブログ記事

2008年6月23日

blogのページ分割

blogのphp化をするなら是非実施したいページ分割。

カテゴリーアーカイブにて、カテゴリー内の記事を全て表示していたので、
エントリーが多いカテゴリーではページが重くなっていた。

将来的なエントリー数増大も、ページ分割で解決できる。

メインページの分割については、最近のエントリーを何件表示するかである程度制御できるのでイマイチメリットを感じない。

とりあえず今まで10件表示にしていたので、30件表示にして10件ずつ分割してみた。

カテゴリーや月別アーカイブについても10件ずつ分割。


設定は以下を参考に。


参考サイト:小粋空間

メインページのページ分割 for Movable Type 4
http://www.koikikukan.com/archives/2008/04/01-020000.php

アーカイブページのページ分割 for Movable Type 4.1
http://www.koikikukan.com/archives/2008/04/10-000313.php


1.MT Extensions より MTPaginate をダウンロード

2.プラグインのインストール

3.ページ分割の設定
<MTEntries> の直前と </MTEntries>の前後にタグを加える。

4.スタイルの設定
CSSに、「.paginate{}」
フォントサイズやセンタリングなどを設定する。


メインページの分割もアーカイブページの分割も設定はほとんど同じ。

2008年6月22日

blogのphp化

メリットの割にはデメリットの影響の方が大きいblogのphp化。
(blog初期構築時に実施していれば全然問題無し。)

やろうやろうと思いながら先延ばしにしていたが、記事が増えれば増えるほど影響が大きくなるので、ついに意を決して作業に入る。


一番のデメリットは、パスが変わってしまうので、外部・内部リンクの崩れや、googleなど検索エンジンのインデックスにも影響がある。

Movable Typeではphp化の後に再構築をしても、htmlファイルは消えないので、いきなりリンク切れになることはない。

可能な範囲でリンク切れ対策を行い、さらにphpファイルが検索エンジンにインデックスされた後に、htmlファイルを削除するのも有り。

ただし、同じファイルで拡張子を変えただけという状態(コンテンツの重複状態)では、検索エンジン側からペナルティを受ける可能性があるので要注意。

消せるhtmlは速やかに消しておくのが無難。


メリットといえば、モジュール化、ページ分割など、動的な表現ができるようになること。

・モジュール化...再構築時のオーバーヘッド軽減できる。(管理者側のメリット)

・ページ分割...メインページやカテゴリーアーカイブなどを、1ページ内の記事表示数を指定してページを分割できる。(通信速度の遅いユーザにはメリット)

作業自体は非常に簡単。

参考サイト:小粋空間
http://www.koikikukan.com/archives/2006/08/27-173820.php


1.メインページの拡張子を変更する
管理画面左の「テンプレート」をクリックする。
次のページで「メインページ」のリンクをクリックする。
テンプレート編集画面上にある「出力ファイル名」を index.html から index.php に変更する。
「保存と再構築」をクリックする。


2.アーカイブページの拡張子を変更する
管理画面左の「設定」をクリックする。
次のページで「公開」のリンクをクリックする。
さらに次のページで「アーカイブの拡張子」を html から php に変更する。
「保存と再構築」をクリックする。


3.不要ファイルの削除
ブログのトップディレクトリにあるindex.html および 各アーカイブのhtmlファイルを削除する。


4.XML宣言の修正
ページ内ヘッダー先頭に、以下XML宣言がある場合、削除または修正する。

・修正前
<?xml version="1.0" encoding="<$MTPublishCharset$>"?>

・修正後
<? echo('<?xml version="1.0" encoding="<$MTPublishCharset$>"?>') ?>


5.ファイル・ディレクトリのパーミッション変更
mt-config.cgi に下記の3行を追加する。

HTMLUmask 0022
DirUmask 0022
HTMLPerms 0777


6.ファイルのリダイレクト
旧ファイル(html)から新ファイル(php)へのリダイレクトを設定すれば、リンクの転送が可能。

面倒なので今回はこの作業は省略した。

設定の詳細は小粋空間の「.htaccess によるリダイレクト」を参照。

2008年4月16日

Movable Type 4.1へバージョンアップ

BlogツールMovable Typeを3.33から4.1へ。
ようやくバージョンアップ完了。

3.33のリリースが2006年09月26日。
4.0のリリースが2007年08月08日。
4.1のリリースが2008年01月24日。

約1年半振りのバージョンアップ。

一番のメリットは脆弱性の修正。
正直もっと早くやるべきだったと思う。

主な変更点は以下を参照。
http://www.sixapart.jp/movabletype/


blogを閲覧する側から見ると、あまり変化が無い。
ページ右下のバージョン表示がMT4に。

あとはスタイルシート、テンプレートを一新したので、フォントサイズが少し大きくなっている。
(4月の新聞のように文字が大きくなったことをアピール。)


管理者側の画面は大きく進化している。

AJAX全開でWYSIWYG機能が強化。
HTMLのスキルが無くてもある程度のWebページ・blog記事の作成ができる。

CMSとしての機能も強化。
アーカイブが作成されない普通のWebコンテンツも作成可能。

スタイルシートやテンプレートも強化され、より構造的な管理が可能。
システム的に洗練された分、複雑な事をやるには少し敷居が上がったような気もする。

MTをインストール出来る人ならそのへんは問題ないといえば問題ないかもしれない。

インストール(アップデート)自体は簡単に出来るが、テンプレートを再構築するのにかなり時間がかかってしまった。

今までとは少し勝手が違うので、新しいことを覚えるのはやはり大変。

肝心な中身(記事)ももっと充実させなければ。。

2007年7月23日

タグクラウド機能 Movable Type3.3

Movable Typeも4.0になりそうなのに、今さらながら3.3のタグクラウド機能を設定してみた。

タグクラウドとは、各エントリーに付けられたタグを雲のかたまりのように一覧表示すること。
同じタグが多いとフォントサイズも大きくして表示している。

タグはカテゴリーと概念が似ている。
使い方としては、サイトの大まかなジャンル分けがカテゴリー。
タグは各カテゴリーやエントリーの詳細キーワード。

1つのエントリーに複数付けられ、全てのエントリーを横断的に付与できるので便利。
一言でいうとメタデータ。

自分は、カテゴリーは英語、タグは基本日本語にしている。
SEO的効果もあり。

タグに関しては、サイト全体をもう少し整理する予定。


以下、設定例。
行動するまでが面倒臭いが、やってみれば簡単なのですぐ出来る。

■メインページ(index.html)

・左カラム用(タグクラウド表示)

<!-- タグクラウド開始 -->
<div class="sidetitle">
Tag Clouds
</div>

<div class="side">
<ul id="tags">
<MTTags>
<li class="module-list-item taglevel<$MTTagRank$>">
<a href="<$MTTagSearchLink$>"><$MTTagName$></a>
</li>
</MTTags>
</ul>
</div>
<!-- タグクラウド終了 -->

・中央カラム用(各エントリーの本文の最後にタグ表示)

<!-- タグ -->
<MTEntryIfTagged>
<div class="entry-tags">
<h3 class="entry-tags-header">タグ:</h3>
<ul class="entry-tags-list">
<MTEntryTags>
<li class="entry-tag"><a href="<$MTTagSearchLink$>" rel="tag"><$MTTagName$></a></li>
</MTEntryTags>
</ul>
</div>
</MTEntryIfTagged>

■スタイルシート(styles-site.css)

/* タグ */
.entry-tags-header,
.entry-tags-list,
.entry-tag {
display: inline;
font-size: 12px;
}
.entry-tags-list {
list-style:none;
padding-left: 5px;
}


参考サイト
小粋空間: Movable Type 3.3 エントリー・タグ詳説

2006年10月21日

Movable Type バージョンアップ完了

ようやくMovable Typeのバージョンアップ完了。

ページ右下のバージョン表示が3.33-jaになっているのに気づかれただろうか。。

---
Powered by
Movable Type 3.33-ja
---

これで脆弱だった部分は大丈夫なのか?

blogを閲覧する側から見ると、何も変わっていない。

管理者側はちょこっと変わっている。
(見えないところで大きく変わっていると思う。)

バージョンアップのためバックアップなどの手間はかかるものの、バージョンアップ自体は思ったより簡単だった。

これならもっと早くやっても良かったなぁと少し反省。

面倒臭がり屋の同士も、バージョンアップすることをお勧めしておく。

2006年9月27日

Movable Typeに脆弱性

Movable Typeにクロスサイトスクリプティングによる脆弱性が確認されたらしい。。

詳細と3.33のダウンロード

Movable Typeのバージョンアップネタは何度か書いているが、まだ3.2からアップロードしていない。

面倒くさいから後回しにしていたが、今回はセキュリティの脆弱性ということで、重い腰を上げるときが来たかなぁ。

それにしてもクロスサイトスクリプティングの脅威は流行が終わらない。。

2006年8月29日

Movable Typeまたバージョンアップ 3.31-ja→3.32-ja

8/28 Six Apartは、Movable Type 3.32日本語版の提供を開始した。

・ダウンロードはこちら

6月末に3.3-jaが提供されてから2回目のバージョンアップ。

やはり様子を見ていてよかった。。

またしばらく様子をみる日々が続く。。
(面倒くさい。。いつになったらアップグレードしようかなぁ。)

2006年6月29日

Movable Type 3.3リリース

ついにMovable Type 3.3 がリリースされた。

Blogツールのスタンダードの地位を築いたのはすごい。
Blog本といえば、うさんくさいアフィリエイトで数百万稼ぐ書籍か、Movable Typeの書籍で溢れかえっている。

このサイトもバージョンアップしなければ。。

これがけっこう面倒くさい。。。
いつやろっかなぁ。。


Blogを見る側って、バージョンアップしてもあまり変わらない。

どれだけの人が、バージョンなんて気にかけて見てくれているのか。
普通は気づかない。。

それでもそのうちやります。