Home > Movable Type

Movable Type Archive

lightbox.jsでサムネイルをCOOLに拡大表示してみる

拡大画像の表示方法

レイアウトを崩さず大きな画像を表示させようと思ったらサムネイルを作りポップアップか拡大画像へリンクさせる手法があると思います。
ワタシもMTのカスタマイズ等でスクリーンショットを載せることが多いのですがなるべくなら原寸大でわかりやすく表示したい…でもカラム幅を超えてたサイズはレイアウトを崩してしまう…
でも表示が遅かったり邪魔だったりで個人的にポップアップがあまり好きではないので今までは大きな画像へリンクを張るようにしていました。
ほぼ毎週エントリーしているPhotoFridayの写真に関してはカラム幅ギリギリサイズ(幅480px)で表示していますができることならもうちょっと大きなサイズで見てもらいたいなどと勝手に思っていたり…
大きな画像を表示させる方法に関してはどうすることが1番いいのかちょっとだけ悩んでいたりもしてました。

魅せるサムネイル表示

そんなときに「これは!!」と思う方法を発見。

link lightbox.js - Web2.0ライクな画像サムネイル生成

各SBMでも爆発していたエントリーなのでご存知の方、もうとっくに試したよって方も多いはず。
かく言う私もこのエントリーをみつけてすぐに試してみたんです。
でも説明通りにやってはみたもののなぜかうまくいかず拡大画像へのリンクへ飛ぶだけのありさま。
画像やscriptへのパスミスという初歩的ミスというわけでもなく後でまたチャレンジしようと諦めたまま2週間が経過してしまいました。

忘れかけていた頃 link 小粋空間さんでもlightbox.jsについてエントリーがあがっているのを見て再チャレンジしようかという気になりました。

link 小粋空間: Lightbox JS で画像を表示する

エントリーを読ませていただいたところ各種パスはあってるはずなのになぜか拡大画像へのリンクへと飛んでしまうという以前ワタシがうまくいかなかった状況と同じような??
javascriptについての知識は皆無なのですがスクリプト同士がぶつかっているのかしらという予測はできても解決策まではさっぱりです。
ここは素直に詳しい人の助けを借りることに…

ワタシもできた!lightbox.js

とりあえずメッセ中だった link The Rosy Skyの中の人に聞いてみてワタシでもちゃんと設置できました:-)
どんなもんかは以下のサムネイルをクリックしてみてください。

Bird-cageDouble-deckerPostIncense-stick

画像をクリックすると画面移動なしにその場で拡大画像が表示され再びクリックすると元に戻ります。
coolでストレスのない魅せ方だと思います。
javascriptをきっている場合は拡大画像へ飛ぶようになっているので表示されないということはありません。

設置方法おさらい

繰り返しになりますがlightbox.jsの設置方法とうまく動かない場合の注意点をざくっと説明します。

1.)必要ファイルの準備

link Lightbox JSのDownloadより必要ファイル4つをダウンロードさせていただきます。

  • lightbox.js
  • lightbox.css
  • overlay.png
  • loading.gif

UPするところはどこでもいいのですがワタシの場合「lightbox」というフォルダに4つまとめました。
[MTルートディレクトリ]/lightbox/ディレクトリへUPします。

2.)テンプレートの修正

■エントリーの内容が表示されるテンプレートすべての<head>~</head>内に以下を追加します。
インデックス→メインページ
アーカイブ→エントリー・アーカイブ/カテゴリー・アーカイブ/日付アーカイブ

[注意]
lightbox.jsは他のスクリプトとonloadがぶつかっている場合でも最後に読み込むことで正常に動作するようです。
そのへんの詳しいことはわからないのでつっ込まれると困ってしまうんですがとにかく上記の記述はスクリプトの1番最後に追加します。
<body>内にonloadがある場合はlightbox.jsを書き換える必要があるそうです。
もしうまく動かない場合はその点をチェックしてみてください。

■lightbox.cssの内容は短いのでインデックス・テンプレートのスタイルシートにそっくりそのまま追加しました。
画像へのパスは<$MTBlogURL$>lightbox/overlay.pngとしました。
もちろん<head>~</head>内に外部リンクとして追加してもOKです。

3.)サムネイルの設置

lightbox.jsの効果を使うときは拡大画像へのリンクにrel="lightbox"を追加します。

以上で設置は完了です。

今後やってみたいこと

元ネタの link OpenStratusの記事ではWordPressでの画像アップロード時に自動でLightbox機能を付随する方法が紹介されています。
ワタシもなんとかMTで応用しようと頑張ってみたのですがなかなかうまくいかず断念。
今使ってる link Better File Uploaderというファイルのアップロードを便利にするプラグインのBetterFileUploader.pmを修正するかもともとあるスクリプトを修正するかでMTでも自動でLightbox機能を付随できそうなんですが…

とりあえずサムネイルを表示するときはrel="lightbox"を忘れずつけることにします。

:: TB memo ::
http://openstratus.com/article/52/lightboxjs-web20/
http://www.koikikukan.com/archives/2006/01/13-235556.php


( 2006-01-15 22:29 追記 )

■それでも正常に動作しない場合
・JavaScriptのエラーがでる場合はlightbox.js内のloading.gifへのパスをフルパスに修正することで動くかもしれません。

//Special Thanks//
Thanks, mdnk

MTにテンプレートを改造したメールフォームを設置

メールフォームは気軽なコミュニケーション方法

blogにはコメントやトラックバックなど様々な形で意見や感想・反論を伝えたり、知り得たりする機会があります。
エントリーに関係のない気軽なコミュニケーションの場としてBBSを設置しているところもあります。
ただ、中には公開して欲しくない・公開しない方がいい場合もあるでしょう。
blog投稿者のメールアドレスがわかれば直接メールするという方法もありますが中にはメールを出すという行為に躊躇いや抵抗を感じたりする場合もあるかもしれません。

気軽にメッセージを受け取る手法としてメールフォームという選択肢もあるかと思います。
メールアドレスを公開しないということでblog投稿者にとってもスパムの原因になりにくいのではと思います。
このcaramel*vanillaも去年の7月からP mail 2というPHPスクリプトのメールフォームを設置しはじめました。
(ある種のエントリーにはコメントでなくメールフォームでコンタクトを取られることが多い場合もあります)
ファイル添付もできるなかなかの優れもので機能的にも十分すぎるくらいのメールフォームなのですが、 ご存知の通りMT3.2からライセンスの変更があり限定個人ライセンスでもblogを無制限に作成できるようになったことですしこれを利用しない手はないかなと。
コメント機能とメール通知機能を利用すれば簡単にメールフォームを設置することができそうです。

MTのテンプレートを改造したメールフォーム

設置の流れ

1.)メールフォーム用blogの作成と設定
2.)テンプレートを修正
3.)メールフォーム用のエントリー作成

MTはコメント投稿に関する細かい設定が可能です。
メールアドレスの入力を必須としなければ意見・反論・叱咤・激励などを気軽にPOSTしてもらう為ができるかもしれません。
(いたずらは勘弁していただきたいですが…)
通常はコメント保留の際に表示されるメッセージをメール送信完了のメッセージに代えるため、設定で「即時に公開するコメント」を「なし」として全て承認待ちの状態にすることとします。

設置方法

1.)メールフォーム用blogの作成と設定
メールフォーム専用のblogを新規に作成
(MT3.2の場合 システム・メニュー→ブログ→ブログを新規作成)
[設定例]

ブログの設定

blogを作成したらシステム・メニュー→設定より設定の確認と修正
新規投稿の項目でチェックする点
・コメントを受信にチェック

コメント/トラックバックの項目でチェックする点
・投稿を受け付ける条件→すべて
・メールアドレスの入力を必須としない場合→メールアドレスの要求のチェックをはずす
・即時に公開するコメント→なし
・メール通知→設定する
・HTMLの利用を許可→チェックをはずす


2.)テンプレートを修正
■インデックス・テンプレート
*スタイルシート
・ メインblogのスタイルシートを不必要なスタイル指定は削除した上でコピー&ペースト
(テンプレートをデフォルトのまま使用している場合はそのまま)
[注]イメージ等のパスで<$MTBlogURL$>を使っている場合は絶対パスに変更
*JavaScript→このまま
※上記以外のインデックス・テンプレートは削除しても可

■アーカイブ・テンプレート
*エントリー・アーカイブ
1.メインblogのエントリー・アーカイブをそっくりそのままコピー&ペースト
(テンプレートをデフォルトのまま使用している場合はそのまま)
2.エントリー関係のタグは<$MTEntryTitle$>と<$MTEntryBody$>以外(カテゴリーや日付等)は削除
3.コメント表示部分とトラックバック関係の部分をそっくり削除
[注]イメージ等のパスで<$MTBlogURL$>を使っている場合は絶対パスに変更
※上記以外のアーカイブ・テンプレートは削除しても可

わかりにくいかもしれないのでデフォルトのテンプレートを修正した場合のソースを載せておきます。

※PHPでパーツごとにテンプレートを分割している場合インクルードすればメインblogのカテゴリーなどもそのまま表示できます。

■システム・テンプレート
*コメント・保留
1.メインblogのコメント・保留テンプレートをそっくりそのままコピー&ペースト
(テンプレートをデフォルトのまま使用している場合はそのまま)
2.タイトルの変更
[例]

3.メッセージの変更
元のテンプレートの以下の箇所を探します。

メッセージを受け付けた旨の内容に書き換えます。
[例]

3.)メールフォーム用のエントリー作成
タイトルをメールやコンタクトなどとしてメールフォームに載せる説明でエントリーを書きます。
[例]
メールフォームです。
ご意見・ご感想などお気軽にメッセージください。
返信が必要な場合はメールアドレスをお忘れなく…
(メールアドレスは必須ではありません)

メッセージの受信

設置が終わったら投稿テストをしてみましょう。
無事設置できていればblog投稿者のメールアドレスに即座に通知が届きます。
メーラーからもblogの管理画面上からもメッセージを確認することができます。

:: TB memo ::
http://tbp.jp/tbp_93.html
http://tbp.jp/tbp_1384.html

  • Comment (Close): 0
  • TrackBack (Close): 0

MTにSkypeMeボタンを設置するプラグイン

<div><a href="http://share.skype.com/in/62/134307" target="_blank"><img src=" http://share.skype.com/show/flash/?id=62" border="0" alt="Share Skype" id="skype-banner-img" width="468" height="60" /></a></div>

インターネット電話といったらとりあえず link Skypeだと思います。
blogを訪れている人に気軽にCallしてもらう為のSkypeMeボタンを設置する為のコードがオフィシャルにも紹介されています。

link Share Skype:Skype Buttons

これをMTの管理画面上から簡単に設置しようというプラグインをみつけたので試してみました。
MTのプラグインはなんでも試してみたいのです:P

link eightbehind software :: MTSkypeMe

特に難しいこともないプラグインなんですが一応導入方法の説明です↓

1.)プラグインの導入
link eightbehind software :: MTSkypeMeからプラグインをDLし解凍します。
解凍されたMTSkypeMeフォルダごと
[MTルートディレクトリ]/pluginsディレクトリへUPします。
以上で準備は完了。

2.)プラグインの設定
システム・メニュー→プラグインからMTSkypeMeの「設定を表示」をクリックします。

MTSkypeMe設定画面

Skype IDへ自分のIDを入力して表示させたいボタンを選択→変更を保存
以上で設定は完了

3.)テンプレートの修正
SkypeMeボタンを表示させたいテンプレートに以下のMTタグを追加して再構築します。

以上とっても簡単なカスタマイズでした。

:: TB memo ::
http://tbp.jp/tbp_93.html
http://tbp.jp/tbp_1384.html

  • Comment (Close): 0
  • TrackBack (Close): 0

みなさんGravatarにサインアップしましょう:-) MT設置マニュアル付

最近暇さえあればWordPressで構築されたblogを見て回ったりプラグインを探してみたりしています。
先日もメッセをしながらWPのあるblogを見ていたところコメント欄が異様に賑やかなのに気がつきました。
コメント数が多いのももちろんそうなんですが1人1人に個性あふれるアバター(アイコン)が表示されてるんですね。
こりゃどーゆーことかと聞いてみたらlink Gravatarというサイトを教えてもらいました。

ここはblogを持っていてもいなくても簡単な登録をするだけで自分のアバターを表示させることができる便利で楽しいサービスです。
なんと登録数は13億以上!!
とってもメジャーなサービスなのに最近まで知りませんでした。
ここでメールアドレスを登録して自分の好きなアバター画像をUPすれば、以後Gravatarに対応したblogで先に登録しておいたアドレスを入力してコメントすることで自動的にアバターが表示されるのです。
Gravatarについての詳しい説明や実際の登録の流れはスクリーンショット付で詳しく書かれている以下のエントリーをご覧ください。
Gravatarは英語サイトですが大丈夫なはず。

link Gravator - ブログに世界標準のアバターを at OpenStratus

アバターをUPすると1枚1枚の画像に対して人力でその画像に評定を下す作業があるそうで完了するまではちょっと時間がかかります。
ワタシは完了メールが届いて画像が表示されるようになるまで3日かかりました。
まぁその分安心して利用できるサービスとも言えますね。

で、登録したものの表示されなきゃ面白くないです。
でももともとが海外のサービスなせいか日本でGravatarに対応したblogってあんまり見ないです。
(知らないだけかな??)
絶対面白いので対応するblogが増えればなーーと思います。
link Gravatar implementor's guideにはアバターを表示させるための各種プラグインも用意されています。
対応するblogツールはMovableType/WordPress/TextPattern/Nucleus…など。
お使いのツールにあったプラグインをDLして是非とも導入してみてください。

WordPressへの導入方法は先にあげた link Gravator - ブログに世界標準のアバターを at OpenStratusにサンプルのPHPコードがあります。
(いずれ参考にさせていただくデス!!)

ここではMovableTypeの場合の導入方法について説明します。
プラグインを導入された事があるならいつもの手馴れた簡単ステップで完了しちゃいます。

まずは導入イメージを…

Gravatar導入イメージ

こんな感じでコメント欄にアバターが表示されます。
ちょっと楽しいですよね :-)

導入方法です↓

1.)プラグインの導入
MovableType用のプラグインはダイナミックパブリッシング対応のものなど全部で3種類あります。
ワタシは link MovableType CommentBodyPlusGravatar Pluginを使いました。
このプラグインはコメント表示用の<$MTCommentBody$>タグと差し替えて使用します。
まずはDownload mt_gravatar_injector.zipからプラグインをDLし解凍します。
解凍されたファイル(GravatarInjector.pl)を [MTルートディレクトリ]/pluginsディレクトリへUPします。
以上で準備は完了。

2.)テンプレートの修正
エントリー・アーカイブから<$MTCommentBody$>タグを探してそっくり以下と差し替えます。

[例] 画像に"gravatar"というクラスを割り当てて、暴力的・性的な表現でない画像のみ表示して、
Gravatar未登録・未承認の場合は指定の画像を表示し、画像サイズは縦横48pxですよ…という場合。
(ここの場合と一緒です)

必要のないアトリビュートは省くこともできます。
この他border="カラーコード"を追加する事で枠線の色も指定できますが、細かい位置調整をするためにもCSSで指定する方がいいと思います。

[cssの例] アバターを右寄せにして余白と枠線を指定しています。

最後にコメントフォームなどに以下のようなGravatarについての簡単な説明を記しておくと親切かもしれません。

* link Gravatarにサインアップ(FREE)するとGravatarに対応したblogのコメントにあなたのアバターが表示されます。

3.)再構築
エントリー・アーカイブのみ全て再構築すれば完了です。

コメントする方もされる方もちょっとは楽しくなるんじゃないでしょうかね??
できればsbなどの日本での利用者の多いblogツールやblog ASPサービスでも対応してくれるところが増えればもっと広まるのになぁ…
ワタシが知らないだけですでに対応されてるのかな??

コメント欄の絵文字の次はアバターがきますよ :-P ←願望デス

:: TB memo ::
http://openstratus.com/article/26/gravatar-on-wordpress/
http://tbp.jp/tbp_93.html
http://tbp.jp/tbp_1384.html

[MT3.2]BigTemplateWindow 日本語版

=============================================
BigTemplateWindow 3.2.06用 日本語版 第2版

Movable Type3.2用プラグイン BigTemplateWindowの日本語版です。

プラグイン配布元
link http://alogblog.com/movabletype/plugins/bigtemplatewindow/

日本語版配布
link http://caramel-tea.com/2005/11/25/bigtemplatewindow.php

MT3.3用最新版はこちら


=============================================

テンプレート編集画面

MTのテンプレート編集画面を拡張する link BigTemplateWindowというBigPAPI対応のプラグインの日本語版を配布します。
(Movable Type3.2用)
タグリファレンス的な使い方もでき便利に使えると思います。

<参考エントリー>
link caramel*vanilla: MT3.2用プラグインを日本語化しています

1.)プラグインの導入
link BigTemplateWindow 3.2.06-jaからプラグインをDLし解凍します。
解凍されたファイルを指定の階層にUPします。
・alt-tmplフォルダ→[MTルートディレクトリ]へ
・pluginsフォルダ→[MTルートディレクトリ]/pluginsディレクトリへ
*問題がなければシステム・メニューのプラグインの一覧に「BigTemplateWindow」が表示されているはずです。

以上で導入は完了です。

2.)使い方
メインメニュー→テンプレートでテンプレート名をクリックするとテンプレート編集画面が別窓で表示されます。

左メニュー1番上のPlugin*をクリックすると現在インストールされている利用可能なプラグイン専用のタグの一覧があります。

2番目のHTMLは通常のhtmlタグ一覧があります。
コンテナタグを使用する際は文字を反転させてからクリックしてください。

3番目以降はカテゴリーに分かれたMT独自タグになります。
タグを選択するとツールチップに簡単な解説が表示されます。
コンテナタグは閉じタグも同時に挿入されるのでミスも防止できると思います。
アトリビュートも入力されるので適宜修正してください。

異なるテンプレートを編集する場合は画面を閉じずに1番下のテンプレートの一覧から直接移動できます。

その他テキストエリア内の文字サイズを調整できたり
編集→保存後に画面を閉じて再び編集画面を開くと前回編集した箇所が開くので確認しながらの調整作業がとてもラクだったり…
いろいろ便利な機能満載のプラグインです。

どうぞ使ってみてください。


//Attention//
日本語化をするにあたってSix Apart japan link Movable Type ユーザマニュアル:テンプレート・タグを転記させていただきました。(2005/11/25)
Six Apartではプラグインに関するサポートは行っておりません。
質問等はSix Apartに送らないようお願い致します。

一部日本語版マニュアルに記載されていないタグに関しましてはプラグイン本体の説明及び
link Movable Type 3.2 User Manual: A: Template Tag Reference Archives
を参考にさせていただきました。(2005/11/25)

//Credits//
Thanks, Kevin Shay. (BigPAPI)
Thanks, Lee, Joon. (BigTemplateWindow)

//License//
link Relased under the Creative Commons License.

//Version History//
2005/11/25 BigTemplateWindow 3.2.06用第1版
2006/04/28 BigTemplateWindow 3.2.06用第2版
        readme.txtにインストール方法を追加

//Special Thanks//
Thanks, CHEEBOW.
Thanks, ange.

*日本語化に伴う不具合(文字化け・誤字・違訳)やご意見等ございましたらコメントもしくはメールでご連絡ください。
よろしくお願い致します。

lomo
lomo.lomo[at]gmail.com

:: TB memo ::
http://alogblog.com/movabletype/plugins/bigtemplatewindow/
http://tbp.jp/tbp_93.html
http://tbp.jp/tbp_1384.html

MT3.2用プラグインを日本語化しています

MTのテンプレート編集画面を拡張する link BigTemplateWindowというBigPAPI対応のプラグインがあります。
このプラグインを導入するとMT独自タグ入力支援機能付のテンプレート編集画面が別窓で開くようになります。

実際の画面はこのような感じ↓

テンプレート編集画面

左メニューのカテゴリーに分けられたMTタグはそれぞれツールチップで簡単な説明が表示されるのです。
ちょっとしたタグリファレンス的な使い方もできるのではないかと。
選択したタグはダブルクリックで挿入されるので便利に使えると思います。
ただし英語なんですよ…ツールチップが…
これを日本語に直したものを作ったら便利に使っていただけるかしら??と思い先日Six Apartに問い合わせましたところ快くMovable Type ユーザーマニュアルの転記を許可していただきました。
それを受けてプラグインの作者さんにも問い合わせこちらも快諾です。
なんていうかこんな風に行動的になれちゃうのもワタシがMT好きだからなんですよね~

このプラグインの作者でもあるLee, Joonさんからのお返事にこうありました。

I want as many as possible users to have easier and better blogging life. It's my purpose for making plugins.

ワタシにはプラグインを開発するスキルはないけれどMTで楽しくblogをするために何かのお役に立てたら嬉しいなぁーと思うんです。
ほんのちっぽけなことしかできないですけどねw

近日中には公開できると思います。
その際は使っていただけると幸いです。

[改訂版]MTにdel.icio.usの被ブックマーク数を表示させる

ちょい前にエントリーしたネタに関する追加情報です。

link caramel*vanilla: MTにSBMの被ブックマーク数を表示させる

今何かと話題の link はてなブックマークlink del.icio.usという2つのSBMでブックマークされた数を表示してくれるMovable Type用のプラグインなんですがエントリー・アーカイブに設置してみたんです。
でもずっと気になっていたのが link del.icio.usでのブックマーク数を拾ってくるまでかなりの時間待たされること。
データが返ってくるまでの間ページの表示が止まってしまいストレスに感じておりました。
とても面白いプラグインだと思ったので撤去するには忍びなくとりあえずそのまま放置していましたところ…
いつもFirefoxの拡張などでお世話になりっぱなし link norah'#のnorahさんのご好意でプラグインを改良していただきました。

link del.icio.us カウンター DOM バージョン

この改良版プラグインでは <$MTEntryDeliciousCount$> をページ内のどこに置いても機能するらしいので読み込みの遅延に影響のないテンプレートの最後に追加するといい感じ。
で、実際にdel.icio.usの被ブックマーク数を表示させたい箇所に

上記を挿入すればOKだそうです。
実際テストしてみたところ(Version 3.2-ja-2)完璧に動作しています。
読み込みにストレスがなくなったことでエントリー・アーカイブ以外にもメインページや各アーカイブに表示しちゃってもいいかもしれません。
(ブックマークされる事もそうあるもんでもないんでやりすぎは虚しいだけかもw)
norahさんこの度はどうもありがとうございました!!

そして今度はMTのプラグインでこれまたお世話になりっぱなし link The blog of H.Fujimotoの壱さんよりコメントでお知らせいただいたのですが近日中に被ブックマーク数の表示および被ブックマーク数ランキングのプラグインを公開してくださるそうです。

link The blog of H.Fujimoto:ソーシャルブックマーク用リンクを設置

エントリー内でそんな機能のプラグインがあったらいいなーとコソッと呟いてみたんですが何事も言ってみるもんですねぇ…
公開楽しみにしております。

最近痛感するんですがnorahさんや壱さんのようにやりたいことを実現できるスキルをお持ちの方が本当にうらやましく思います。
自分にもそんなスキルがあったらもっとMTを愉しむ事ができるんでしょうけど…
とにかくnorahさん、壱さんどうもありがとうございました!!

■追記(11/22)
Delicious Counterプラグイン本体も本日UPDATEDされました!!
さっそく差し替えさせていただいております。
どうもありがとうございます!!

link Blog::Rescue: del.icio.us でブックマークされた数を表示

ITmediaにMT3.2のレビュー記事を書きました

こっぱずかしくて実はまだ細かく読んでないんですが(読めなかったのが正しい)先日寄稿したMT3.2のレビューが本日 link IT総合情報ポータル「ITmedia」に掲載されました。
MTを使われている方もこれから使おうという方も是非読んでみてください。
(本名バレバレですが気にしない方向でひとつw)

link ITmedia エンタープライズ:MT 3.2で変わったブログツールスタンダード

ブログサービスの標準機能を決定付けてきたMovable Typeと対応プラグイン。最新版3.2では、世情を見据えたプラグインを標準に含め、ツールスタンダードの底上げを行った。このレビューでは、筆者厳選のプラグインも紹介する。

いつものblogの文体とまったく違って自分じゃないみたいです。
っていうか担当のKさんに根気強くお付き合いいただき適切なアドバイスを元にできた内容です。
最初は単なる箇条書きめいた内容しか書けず、ずいぶんご迷惑をおかけしてしまいましたが最終的にちゃんとした記事になり感謝しております。
人に読ませる文章を書き上げるというのは難しいなぁと痛感しました。
言葉のボキャブラリーが少ないため表現力に乏しくこりゃいろんな本を読まなければ!!と思いました。
とにかく今回はとてもいい経験をさせていただきました。

自分でもこんな展開になるとは思ってもいなくて不思議で仕方ありません。
っていうか読んでる方々の方が「なんでこいつがぁ??」って感じだと思います。

最初にITmediaの編集部の方からメールがあった時は本当に驚きました。
自分を評価してくださる方がいるという事がすごく嬉しくてその時のやり取りは今でも忘れられずメールのログは宝物です。

今回の件もそうですがblogで得た物ってとても大きい気がします。
それは自信だったり人脈だったり友達だったりお金だったり?
最近特に痛感しています。
以前も書きましたが↓

link caramel*vanilla: ワタシとMT…そしてMovable Typeアフィリエイト

ワタシにとってblog=MTそのものなので今後もガッツリハマっていきたいと思っております。

■該当の記事を link del.icio.usにPOSTしたんですけどこれもセルクマになるんスかねぇw

MTにSBMの被ブックマーク数を表示させる

先日書いたエントリー( link caramel*vanilla: Flickrがかなり面白い件と関連ツールいろいろ)がはてブで結構ブックマークされたんで調子に乗って被ブックマーク数を表示させるプラグインを導入する事にしました。
プラグイン配布元は以下になります。

link Blog::Rescue: del.icio.us でブックマークされた数を表示

link Blog::Rescue: はてぶでブックマークされた数を表示

導入後のイメージはこんな感じ↓

bookmark counter

導入方法は配布元に書いてある通りとっても簡単ですが一応書いておきます。

1.)プラグインの導入
上記の配布元からからプラグインをDLし各指定の階層へUPします。

・del.icio.usの場合
delicious_counter.pl→[MTルートディレクトリ]/pluginsディレクトリ
mt-delicious-counter.cgi→MTルートディレクトリ

・はてなブックマークの場合
hatena-counter.pl→[MTルートディレクトリ]/pluginsディレクトリ
mt-hatena-counter.cgi→MTルートディレクトリ

cgiファイルはパーミッションを755・705等に変更します。
(さくらの場合は755で動作確認済)
以上で準備は完了。

2.)テンプレートの修正
被ブックマークを表示したいテンプレートに以下のタグを追加します。
ワタシの場合はエントリー・アーカイブに追加しました。

・del.icio.usの場合

・はてなブックマークの場合

これだけで該当のエントリーに対するブックマーク数と各SBMへのリンクが生成されます。
たいしてブックマークされる事も無いので自己満足カスタマイズではありますが…
でも普段はてブはあまりチェックしないのでこういう形でブックマークしてくれたときのコメントを読みに行きやすくなったのは便利です。

ちょっと思ったんですが例えばこのカウント数をランキングっぽくリストアップしてくれたりなんかしたらblogのHOT エントリーってページが作れそうです。
単なるアクセス数じゃないから客観的に面白いと評価されたエントリーなわけですよねぇ??
そんな機能がちょっと欲しいなぁと呟いてみます。

■追記 (11/22)
追加情報をエントリーしています。

link caramel*vanilla: [改訂版]MTにdel.icio.usの被ブックマーク数を表示させる

:: TB memo ::
http://tanimo.to/mt/archives/2005/09/delicious.html
http://tanimo.to/mt/archives/2005/09/post_22.html
http://tbp.jp/tbp_93.html
http://tbp.jp/tbp_1384.html

MovableTypeスーパーカスタマイズテクニック

ブログ簡単パワーアップ Movable Type スーパーカスタマイズテクニック
藤本 壱
4774125660

いつもお世話になっている link The blog of H.Fujimotoの壱さんが書かれたMTカスタマイズ本第二弾「ブログ簡単パワーアップ Movable Type スーパーカスタマイズテクニック」がやっと届きました。
まだ細かく読んでいないのですがとりあえずファーストインプレッションでも書いてみます。

とりあえずMTのインストールが終わって「さぁ次は何をするか」って思ったときに手元にあるととても心強い1冊だと思いました。
単にMTのカスタマイズといってもいくつか種類があると思うんですがcssによるデザイン面のカスタマイズに関する以外はすべて網羅されてるといってもいいんじゃないかと思えるほど内容充実です。
管理画面の機能アップとデータ管理に関する内容は閲覧者には見えない部分ですが便利に使いやすく=楽しくblogを続けていくためには押さえておきたいところ。
サーバー移転時の作業の流れまでフォローしてあってもぅ至れり尽くせりです。
目次も見やすくて「これがしたい!!」ていう目的から読み進めやすいと思いました。
(オールカラーもうれしい限り)
また、いろいろなサービスやスクリプト・プラグインを使ったカスタマイズ方法もかなり多岐にわたって書かれているので今までいろんなところから情報を拾い集めていた苦労がなくなり短期間にやりたいことが実現できそう。
ワタシ自身も是非取り入れたいカスタマイズがいくつもあったのでこれからちょっとづつでも自分のblogをパワーアップしていこうかと思ってます。
これはオススメです。

ブログ自由自在 Movable Type 上級カスタマイズ術
藤本 壱
477412379X

MT生成のサムネイル画像の画質をUPさせる

普段エントリーを書く時…スクリーンショットが必要な場合が主なんですがサムネイルをクリックした時に原寸大を表示させるってことたまぁにやったりします。
以前は自分でサムネイルを作成して2つのファイルをUPしてたんですが最近は面倒なんでMTの機能でサムネイルを作ってます。
ちょこっとだけサムネイル画像作成スクリプトを利用したこともありましたが自分で作っちゃった方が早いような気がしてあんまり活用しなかったなぁ…

link 簡単「画像サムネイル化」スクリプト

MTが生成するサムネイル画像ですが気のせいかもしれませんが3.2になってから画質がキレイになった気がするんですが…
このサムネイル画像ですがファイルをアップロードする際にはサイズの指定しかできないので画質に関しては全くいじれないと思っていました。
ところが最近 link mixi経由でMTの設定ファイルにちょっと書き加えるだけでjpgの圧縮率を変える事ができると知って早速試してみました。

link ASARI.JP : Diary: Image::MagickとJPEG圧縮 その後

やり方は簡単です。
[MTルートディレクトリ]/lib/MTディレクトリ内にあるImage.pmをDLして1行追加しUPするだけ
まず以下の文字列を探します。
MT3.2の場合95行目にありました。

直前に以下を追加します。

数字が大きいほど画質もよくなります。
試しにいろいろなパターンでサムネイルを作ってみました。

デフォルト
デフォルト
サイズ 47.1KB

50
$magick->Set(quality=>50);
サイズ 14.4KB

70
$magick->Set(quality=>70);
サイズ 19.5KB

90
$magick->Set(quality=>90);
サイズ 36.1KB

画質とファイルサイズのバランスがいいのは1番下の画像のような気がします。

できればこの画質の設定をBigPAPI.対応のプラグインで実現できればなーーと思います。
ファイルのアップロード画面で画質選択のプルダウンメニューがあったら便利だと思うんですが。
それにプラスして右寄せ・左寄せなんかの指定も同時にできればいうことナシですが…

:: TB memo ::
http://www.asari.jp/diary/archives/000576.html
http://tbp.jp/tbp_93.html
http://tbp.jp/tbp_1384.html

MTGoogleMapsの動作テスト

link MTGoogleMapsの動作テスト

[MT3.2]投稿画面でカテゴリーを選択しやすくする

エントリーを投稿する時カテゴリーを選択しますよねぇ?
カテゴリー数が多かったりサブカテゴリーがあったりするとちょっとわかりにくいです。
トップレベル・カテゴリーごとに背景色をつけたり、サブカテゴリーはインデントをつけたりして選択しやすくするBigPAPI対応のプラグインが便利です。

link CatDropMenuTweak

導入イメージはこんな感じ↓

CatDropMenuTweak

背景色もインデントのサイズも自由に設定できます。

導入方法です↓

プラグインの導入
link CatDropMenuTweakからプラグインをDLし解凍します。
解凍された「CatDropMenuTweak」フォルダごとと link BigPAPIプラグイン
[MTルートディレクトリ]/pluginsディレクトリへUPします。
catdropmenutweak.cgiのパーミッションを755等に変更します。
以上で準備は完了。

2.)プラグインの設定
システム・メニュー→プラグインからCatDropMenuTweakの「設定」をクリックします。
Top-Level Categoriesから5th-Level Subcategoriesまでそれぞれ文字色・背景色・インデントの値を設定できます。

CatDropMenuTweak

設定を保存(Update)すると右側のCurrently Saved Valuesでプレビューを確認できます。

CatDropMenuTweak

ちょっとしたことですがエントリーの際にちょっと便利になりました。

:: TB memo ::
http://tbp.jp/tbp_93.html
http://tbp.jp/tbp_1384.html

[MT3.2]管理画面のTOPに最新のタイトルを表示

MTの管理画面のTOPに最新のエントリーを指定数表示するプラグインがちょっと便利かも?
激しく便利でないところが微妙ではありますが…
複数のblogを運営している場合はそれぞれの最新エントリーのタイトルが表示されてクリックすると編集画面に飛ぶようになっています。

link MainMenuRecent

導入イメージはこんな感じ↓(クリックすると大きな画像が表示されます)

クリックすると大きな画像が表示されます

導入方法です↓

1.)プラグインの導入
link MainMenuRecentからプラグインをDLし解凍します。
解凍されたファイル(MainMenuRecent.plとBigPAPI.pl)を
[MTルートディレクトリ]/pluginsディレクトリへUPします。
以上で準備は完了。

2.)プラグインの設定
システム・メニュー→プラグインからMainMenuRecentの「設定を表示」をクリックします。
TOPに表示したいエントリー数を入力して「変更を保存」すればOK
デフォルトでは3つのエントリーを表示するようになっています。

書いたばかりのエントリーの確認・修正の時なんかにすぐ飛んでいけるので便利かも?
まぁ数クリックするだけの話なんですけどね…

:: TB memo ::
http://tbp.jp/tbp_93.html
http://tbp.jp/tbp_1384.html

[MT本発売記念企画その2]プレゼント付TB企画

久々にTB企画に乗らせていただきます。
MTのプラグインをたくさん公開されている link The blog of H.FujimotoさんでMT本第二弾の発売記念TB企画を開催中です。

link The blog of H.Fujimoto:[MT本発売記念企画その2]プレゼント付TB企画

当Blogで配布しているプラグインやスクリプトの中で、お気に入りのもの(または使ってみたいもの)をあげてください。

壱さんの公開されているプラグインはたぶんほとんど試してるんじゃないかなぁと思います。
blogのデザインやパーツをコロコロ変えてるんで継続して使用していないものもあります。

1番のお気に入りプラグインといってまず思い浮かぶのは link カテゴリを任意の順番に並べ替えるプラグインです。
壱さんのblogを訪れるきっかけになったプラグインでもあります。
デザインが変わろうとも常に便利に使わせていただいており、なくてはならないプラグインです。

それから今は設置していないのですが視覚的にも楽しい link BlogTimes Rainbow Typeもお気に入りでした。
カラーやサイズなどを自由にカスタマイズできてblogのアクセントにピッタリだと思います。

以前コメントか何かで壱さんにお伝えした事があるんですがこれだけたくさんの有益なプラグインをたくさん公開していらっしゃるんですから是非とも link Plugin Directoryに登録しちゃって欲しいなぁと思います。
探す方の立場からすると世界中の全てのプラグインが揃う場所があったら非常に嬉しいし便利なんですよねぇ…
link Plugin Directoryに登録していないプラグインもきっといっぱいあると思うし、その中にはすっごく素晴らしいものがあると思うんですよー
そういうのってすごくもったいないと思います。

それからMT本第二弾についてもかなり楽しみにしています。
特にデータベース(MySQL)の管理についての解説が個人的には1番気になります。
MTを始める前まではデータベースなんていじった事もなく今でも保存や復元をどうしたらいいのかよくわかりません。
たくさんあるテーブルの意味を知りたいんですが知識がないものでヘタにいじれないし困ってたんですよねぇ…

そんなわけでいろいろお世話になりっぱなしなのですが今後ともどうぞよろしくお願いいたします。

ブログ簡単パワーアップ Movable Type スーパーカスタマイズテクニック ブログ自由自在 Movable Type 上級カスタマイズ術

:: TB memo ::
http://www.h-fj.com/blog/archives/2005/10/27-095604.php

[MT3.2]ファイルのアップロードを便利にするプラグイン

MTで画像などのファイルをUPする際「アップロード先を指定」のオプションがありますがこれを指定しないとMTのインストールされたディレクトリにダラダラとファイルが溜まり非常に管理がしにくいです。
そこで「アップロード先を指定」を指定するわけですが毎回指定するのも面倒。
ってわけで自動でフィールドに補完してくれるプラグインが便利です。

link Plugin: Better File Uploader

導入イメージはこんな感じ↓(クリックすると大きな画像が表示されます)

クリックすると大きい画像が表示されます

このプラグインの機能としては…

* アップロードするフォルダーを指定します
* 年/月/のディレクトリをアップロードパスに追加します
* アップロード後のデフォルト設定をします(エントリーを投稿かHTMLを表示)
* サムネイルサイズを選択します
* より迅速にフォトギャラリーを建設します

導入方法です↓

1.)プラグインの導入
link Plugin: Better File UploaderからプラグインをDLし解凍します。
解凍されたファイル(BetterFileUploaderフォルダとBigPAPI.pl)を
[MTルートディレクトリ]/pluginsディレクトリへUPします。
BetterFileUploader.cgiのパーミッションを755等に設定します。
以上で準備は完了。

2.)プラグインの設定
システム・メニュー→プラグインからBetter File Uploaderの「設定を表示」をクリックします。
設定項目については画像で説明していますのでちょっと大きいですがクリックしてご覧下さい。

クリックすると大きな画像が表示されます

Photo Gallery Creation Optionsについては link Basic Photo Gallery Templatesを利用していない場合は関係ないので無視してください。

MT3.17以前の場合は同じカスタマイズをしようと思うといちいちupload.tmplを書き換えなきゃならなかったんですよね…

<関連エントリー>
link caramel*vanilla: MTのファイルのアップロード先を指定

BigPAPI.pl対応のプラグインは本当に簡単便利なのでカスタマイズの敷居をぐーーんと低くしてくれてるんじゃないかな?

:: TB memo ::
http://tbp.jp/tbp_93.html
http://tbp.jp/tbp_1384.html

[MT3.2]投稿画面に投稿日時を更新するボタンを追加

普段エントリーを書くのってどれくらい時間をかけますか??
直接MTの管理画面で書き上げず他のエディターを使ってる場合は関係ないと思いますが何時間もかけてエントリーを書いたりするとその分実際の投稿時間とズレが生じてしまいます。
一旦下書きした場合も下書きした時間が投稿時間となってしまいます。
多少のズレなら気になりませんが数時間・数日ともなるとちょっと困るんで保存の際にいちいち書き替えるわけです。
これがチト面倒なのです。
投稿の際自動で更新してくれる便利なプラグインもあり以前はありがたく使わせていただいてました。

link The blog of H.Fujimoto:エントリーの作成日時を公開日時に自動更新するプラグイン(改良版)

でもせっかくなんで3.2用のプラグインを導入してみる事にしました。

link UpdateAuthoredOn

導入イメージはこんな感じ↓

更新ボタン

投稿日の横にUpdateボタンが追加されます。
投稿時間を更新したい時だけボタンを押せば現在の時刻で投稿できます。
押さなければそのままの時間で投稿されます。

導入方法です↓

プラグインの導入
link UpdateAuthoredOnからプラグインをDLし解凍します。
解凍されたファイル(UpdateAuthoredOn.plとBigPAPI.pl)を[MTルートディレクトリ]/pluginsディレクトリへUPします。
以上で完了。

簡単すぎ!
edit_entry.tmplをせっせと修正してた頃が懐かしいくらい。(もう嫌だけど…)
デフォルトで実装されていてもいい便利な機能だと思います。

:: TB memo ::
http://tbp.jp/tbp_93.html
http://tbp.jp/tbp_1384.html

[MT3.2]管理画面にアクセス解析を設置

MTの管理画面に簡単なアクセス解析を設置できるプラグインがあります。

link StatWatch

解析できる内容
・本日のヒット数
・本日のユニークユーザー数
・feedburnerの購読者数
・本日の時間別アクセス数
・今週のリンク元ランキング
・今週のアクセスが多いページランキング
・今週のドメインランキング

ログが残らないんで物足りないかもしれませんがちょっとした参考程度にアクセス解析を利用するには十分かもしれません。
設置も簡単ですし複数のblogそれぞれに設置することもできます。
導入イメージはこんな感じ↓

クリックすると大きい画像iが表示されます

導入方法です↓

1.)プラグインの導入
link StatWatchからプラグインをDLし解凍します。
解凍された「statwatch」フォルダごと[MTルートディレクトリ]/pluginsディレクトリへUPします。
statvisit.cgiとstatwatch.cgiのパーミッションを755等に設定します。
以上で準備は完了。

2.)テンプレートの修正
アクセス解析をしたいテンプレートに解析用の以下のMTタグを<body>~</body>の適当な箇所に追加し再構築します。

ワタシはメインページ/エントリー・アーカイブ/カテゴリー・アーカイブに追加しました。
以上で設置は完了です。

システム・メニュー→プラグイン→StatWatchから解析結果を見る事ができます。
RSSをfeedburner経由で生成している場合は「Change my feedburner feed」からfeedburnerのRSSのURLを入力すると購読者数が表示されます。
(たまに0になる場合があります…バグ?)

アクセス解析は別に設置してはいるもののほとんど見なくなってしまったんですが管理画面は絶対毎日開きます。
なのでついでにちょろっと簡単な解析が見れるというのは結構便利かもしれません。

:: TB memo ::
http://tbp.jp/tbp_93.html
http://tbp.jp/tbp_1384.html

[MT3.2]管理画面の迷子防止プラグイン

MT3.2の管理画面って慣れないと迷いやすいですよねぇ…
特に3.17以前から使ってる人にはメイン・メニューとシステム・メニューに分かれた事とかタブ式にまとまった事などの変更点のせいで今どこにいるの?アレをする為にはどこへいったらいいの?って感じで戸惑いがち。
そんなときに便利なのが link BigPAPI対応の link WeblogsActionMenuというプラグインです。
導入イメージはこんな感じ↓

クリックすると大きい画像が表示されます

管理画面のヘッダー部分にプルダウン式のメニューが表示されるのでどこにいても一発で目的のメニューに飛んでいけます。
複数のblogを運営している場合でもblogを跨いで飛んでいけるのでとっても便利。

導入方法です。

1.)プラグインの導入
link WeblogsActionMenuから プラグインをDLし解凍します。
解凍されたファイル(BigPAPI.plとWeblogsActionMenu.pl)を[MTルートディレクトリ]/pluginsディレクトリへUPします。
以上で完了。

2.)日本語化
このままでも何の問題もないのですが一部のメニューが英語になっているので使いやすく日本語に直します。
手っ取り早くWeblogsActionMenu.plを修正していきます。

68行目~87行目をそっくりそのまま以下と差し替えてpluginsディレクトリへUPします。
*保存の際はblogの文字コードと同じにします。

導入も簡単なのでオススメのプラグインです。

:: TB memo ::
http://tbp.jp/tbp_93.html
http://tbp.jp/tbp_1384.html

[MT3.2]投稿画面にHTMLエディターを組み込む+絵文字

MT3.2を導入して新しい管理画面にも慣れやっと落ち着いてきました。
3.2用のプラグインなんぞも一通り試してみて link BigPAPI対応のプラグインの便利さにかなり感動してしまいました。
MT3.17までは管理画面のカスタマイズをしようと思うとかなり面倒な手順を踏まなければならなかったんです。
該当のtmplファイルをDLして修正箇所を探しファイルを書き換えUP
そしてバージョンアップの度に同じ作業を繰り返す…

link BigPAPI対応のプラグインの場合基本的にpluginsディレクトリにUPするだけです。
これだけでカスタマイズ完了なのでバージョンアップの度にファイルを書き換える必要がありません。
この便利さだけでもMT3.2にバージョンアップする価値があるような気がします。

さて本題。
数ある link BigPAPI対応のプラグインの中からエントリー投稿画面を絵文字入力機能付のHTMLエディターにしてしまう link Ajaxifyをご紹介します。
画面イメージはこんな感じ。

クリックすると大きい画像が表示されます

導入方法はとっても簡単です。

1.)プラグインの導入
link Ajaxify/EnhancedEntryEditingからプラグインをDLし解凍します。
(1. Download the pluginのリンクから)
解凍されたファイルを指定の階層にUPします。
・mt-staticフォルダ→[MTルートディレクトリ]/mt-staticディレクトリへ
・phpフォルダ→[MTルートディレクトリ]/phpディレクトリへ
・pluginsフォルダ→[MTルートディレクトリ]/pluginsディレクトリへ
*問題がなければシステム・メニューのプラグインの一覧に「EnhancedEntryEditing」が表示されているはずです。

2.)新規投稿の設定
デフォルトでHTMLエディターを使用する場合はメイン・メニュー→設定→新規投稿→「エントリーを新規に投稿したときの初期値」の改行設定を「WYSIWYG」にします。
投稿画面でも改行設定に「WYSIWYG」が追加されているのでその都度変更できます。

改行設定

以上で導入は完了です。
拍子抜けするほど簡単。
ソースを修正したり確認したいときはWYSIWYGアイコン←+か-のアイコンをクリック
テキストエリア上部の矢印(Increase size ↓ | Decrease size ↑)をクリックするとテキストエリアのサイズを自由に変更できます。
絵文字の挿入はスマイルマークのアイコンから絵文字一覧を表示させてクリックするだけ。

3.)カスタマイズ絵文字の登録
絵文字一覧に好きな絵文字や画像を登録するのも簡単です。
ちょっと階層が深くてややこしいのですがimagesディレクトリに登録したい画像をUPします。
/mt-static/plugins/Ajaxify/tinymce/jscripts/tiny_mce/plugins/
emotions/images/

絵文字一覧のhtmファイルを修正します。
/mt-static/plugins/Ajaxify/tinymce/jscripts/tiny_mce/plugins/
emotions/emotions.htm
テーブルタグの行数を適当に増やして以下のソースを登録したい画像の分だけ貼り付けます。

修正が終わったら元の階層にUPして完了です。
絵文字以外にもよく使う画像やカテゴリー用のバナーなどを登録してもいいかもしれません。
肝心の動作ですが以前 link htmlAreaをMTの投稿画面に組み込んだ時のようにもっさりはしていません。
ちょっと余計な改行とかは入っちゃうような気がするんでソースを確認した方がいいかもしれません。

:: TB memo ::
http://tbp.jp/tbp_93.html
http://tbp.jp/tbp_1384.html

del.icio.usの効率的なtag付けとMTへの自動投稿

ソーシャルブックマークは link del.icio.usを使ってます。
WEB作成のTipsや気になった料理のレシピをピンポイントでブックマークしたい時に毎日ガンガンpostしています。

postし過ぎて目当てのブックマークを探すのに苦労したりもするのでtagを効率的につけていかないとなーーと思ってます。
「確かにブックマークしたはずだったけどどこだったかなー」って探す事がよくあるんです。

link 効率よく、タギングをする秘訣:Goodpic

こちらではタイトル通り後で困らない為のタグ付けの秘訣が書いてあります。

* 人名をタグするときは、フルネームで
* シンプルなタグの組み合わせでタギングする。複雑な単語を、新しくつくらない
* 他の人が、そのページを検索するときに使いそうな単語でタギングする
* すでに使っているタグを再利用する。当たり前すぎる単語はつける必要は無い
* イベントなどは、開催された年、場所などもタグ付けしておくとよい
* 単数形と複数形、どちらかに統一する(hacksとhackなど)
* 同じような単語を複数思いついたら、詳しく表現するものを選ぶ(MacではなくOSX)
* 英語の記事は、英単語でタグ付けして、日本語の記事は日本語でタギング(英語記事=blog,日本語記事=ブログ)

なるほど!!

自分で気をつけていた点と言えば
* すでに使っているタグを再利用する
* 単数形と複数形、どちらかに統一する
*ポピュラーなtagを参考にする
これくらいですかねぇ…

どんなtagを付けようか迷ったときはとりあえず「memo」ってtagを付けてたらかえってごちゃごちゃしてきちゃいました。
料理のレシピだったら「recipe」ってtag1つに全部まとめてしまったけれど数が増えることを考えるとさらに「sweets」とか「bread」とかカテゴリーを表すtagも付けておくべきでした。

後で利用すると思ってブックマークしていたのに非効率的なtag付けしかしていないとただのゴミになっちゃいます。
追々見直していかなきゃ…

んで、この link del.icio.usのブックマークですがその日postした分を毎日blogのエントリーに自動で上げるようにしています。
これはdel.icio.us側のsetting画面で設定すれば自動的に指定した時刻にブックマーク一覧のエントリーがあがるので便利。
そもそもこんなことしようと思ったのは link ヒビノアワのCHEEBOWさんが「 link CHEEBOWのしおり」というエントリーを毎日早朝に上げているのを見たからなんです。
これがまた中身も面白くてこういうことに興味を持ってるんだーって思ったりとか単純にネタ拾ったりだとか活用させていただいてます。

たまたまついさきほどCHEEBOWさんがこの件に触れてるエントリーが上がったんでビックリ!

link ヒビノアワ: 手の内を晒してみる

因みにMovable Typeで link del.icio.usの当日のブックマーク一覧のエントリーを自動で上げる設定方法です。

del.icio.usにログインしてsetting→daily blog posting→add a new thingyで設定します。

daily blog posting

投稿時間は日本時間UTC+9なので実際の投稿したい時間から9を引いた数字を入力します。
ワタシの場合毎日21:00に設定しているので12と入力しています。

実はカテゴリーを設定してもblog上ではカテゴリーが設定されていない状態になっていて…
でも管理画面からみるとちゃんとカテゴリーは設定されていて…
よくわからないのですが一度手動で保存しています。
どっちみち手動で概要を入れたいので手間は一緒なんでいいんですけど。

MT3.17は以上の設定で問題なく自動投稿できたのですがMT3.2になってからうまく投稿されなくてAPIパスワードを設定しないとダメみたいです。
単にワタシが忘れてただけだったのかな…
システム・メニュー→投稿者から設定します。

APIパスワード

こうやって自分のブックマークを人様に晒している以上もうちょっと効率的なtag付けと面白いネタ・便利なTipsを探すアンテナを早急に養わないとだめですねぇ~

ワタシとMT…そしてMovable Typeアフィリエイト

初めてblogを意識しだしたのはちょうど2年位前だったかと思う。
最初は見にくくてやたら縦に長いページにも独特の名称にも戸惑いを覚えた。
アーカイブ??トラックバック??パーマリンク??
1ページごとにコメントフォームがついていて1ページごとにコメントがついている形式が不思議だった。
まぁはっきり言ってしまえばかなり苦手。
検索してblogが引っかかったらとりあえず他を当たるようにしてた。

それから数ヵ月後blogが流行ってる感じがひしひしと伝わるようになり自分でも試しにやってみようという気になった。
その時初めて接したblogツールがMovable Typeだった。
なんでも自分でやってみたい性分なのでお手軽なblog ASPサービスを利用するという選択肢は初めから全く頭になかった。

でもやっぱり最初は手強かった。
独自タグやテンプレートという概念がいまいちわからずほんの少し手を入れるだけでも悪戦苦闘の日々。
悪戦苦闘といっても基本は楽しんでやっていた。
毎日毎日blogやMTに関する情報を探して試して挫けて悩んで…
少しづつ自分のblogになって行った。

MTを初めとするサーバーインストール型のblogツールとblog ASPサービスは自分の部屋とホテルとの関係に似てる気がする。
ホテルにはあらかじめ家具も小物もアメニティも揃ってる。
違うホテルに泊まれば違う壁紙・違うベッド・違うテーブルがそつなく配置されていて手を入れる余地なんかほとんどない。
無駄がない代わりに融通も聞かずどこか居心地の悪さを感じてしまう。
何でもあるようで実は何にもない。
CDプレーヤーもPCもPS2も何もない。

でも自分の部屋は違う。
1つ1つの小物から家具・家電にいたるまで全て自分で選んで使いやすいよう居心地がいいよう試行錯誤して配置している。
人が見たらごちゃごちゃして統一感がなくどこに何があるのかサッパリわからなくても自分にとっては1番居心地のいい空間。
愛着のある場所。
無駄がたくさんあったりするけれどその無駄がたまらなく愛しかったりもする。

MTで少しづつ構築していった今のblogも自分にとってはとても愛着がある。
いろんなカスタマイズを試していろんなプラグインを導入して足し算と引き算を繰り返してきた。
今が完成形では決してなくこれからも少しづつ進化と退化を繰り返していくと思う。
他人から見てどんなにつまらなくどんなに見にくくても1年半をかけて少しづつ得た知識とチャレンジ精神で自分で作り上げたという自信とプライドがある。
もちろんいろんなblogのカスタマイズを参考にさせていただいたわけだけど。

変かもしれないけどワタシはblogをやってるというよりMovable Typeをいじってるという感覚が強い。
ネットの友達などにカスタマイズの相談を受ける事がたまにあるのでJUGEMやlivedoorやFC2のアカウントを持ってたりするけれど他をいじってみて改めてMTが1番いいなって実感する。
あつらえたもの・既成のものよりカスタムメイドの方が性に合ってるんだと思う。
PCもアイコンやサウンドやカーソルなんかカスタマイズするの大好きだし。

ここでえらそうに言うと反感買いそうだけど思い切って言ってしまう。

自分自身で調べてトライ&エラーを繰り返せないような人はとっととMTヤメレ…と。

そういう人のためにさまざまなASPサービスがあるんだし。
ムリにMTやるこたぁないと思うのは暴言だろうか…

MTカスタマイズに関するエントリーをたくさん書いたせいでいろんな人がコメントやメールで質問してくる。
それ自体は別に構わないけど「教えてください」とか「うまくいきません」とか言われてももっと状況を詳しく書いてもらわないとわからない。
そもそもワタシなんかいろんな問題に答えられるほどわかっちゃいない。
「初心者」って言えばなんでも許されるわけじゃないと思う。
時間を割いて調べて答えてもなんの返事もない場合が多くて虚しくなった事も数知れず。
赤の他人に助けを求めなきゃならないくらいならさっさとお手軽なASPサービスを利用した方がいいんじゃないだろうか?

…などと悪態をついたところでMovable Typeアフィリエイトの話。
こんな前フリじゃ怒られちゃうかな…

最近 link アクセストレードlink エーハチネット でMovable Typeアフィリエイトがスタートしました。
因みに link アクセストレードは審査落っこちました。
他にも結構落っこちたって話を聞くので link エーハチネット の方が敷居が低いのかも??

今回いろいろ書いてしまったけどMTが大好きなわけ。
他のツールは考えられない。
大好きだからこそいろんな想いがあるわけ。
ASPサービスと違いインストールの苦労やバージョンアップの手間がある反面、痒いところに手が届くようなプラグインがたくさんあってそれを探して導入する楽しみがある。
世界中で使われているだけあって検索すればさまざまなTipsが溢れてる。
荒地を自分の手で耕すように1つ1つ手をかけていく作業を苦に思わず楽しめるなら最適なツールだと思う。
バージョン3.2になってスパム対策も強化され、3.17以前から使ってる場合は違和感があるかもしれない管理画面だけれど初めて触れる人にとっては結構使いやすいんじゃないかと思う。
細かい点でいろんな改善があり、ますますMT大好きになった。
法人や複数のユーザーでblogを運営したい場合、個人でも商用で利用する場合、是非ひとつライセンスの購入をご検討下さいませ。

そうそう!
ついでにレンタルサーバー選びに迷ったら link ロリポップ link さくらインターネット はいかがでしょ?

link ロリポップ の場合MT導入のマニュアルが丁寧でわかりやすいしユーザーが多いのでその分情報も多いです。
ダイナミックパブリッシングも利用できます。

link さくらインターネット の場合CRONが使えるので予約投稿ができます。
サーバーの軽さはさくらに軍配が上がると思います。

かなりあさましいエントリーになってしまった…

MT3.2への移行メモ

MTに限らずバージョンアップが大好きで新しいものも大好き
BETA版リリースの時から恋焦がれていたMT3.2なのですがワタシの場合原因不明のエラーの為にバージョンアップができず新規インストールせざるをえなくなりました。
今までバージョンアップにつまずく事はほとんどなくファイルをUPして再構築で完了するお手軽さに慣れていたため今回はかなり焦りました。
トラブル続きで何度も同じ作業を繰り返す羽目になり、かかった時間は計り知れず。
メインのlink blog はデザインを替える事ができましたが(それでもまだ途中…)こっちは相変わらず手付かずです…
しばらくは新鮮なデフォのまんまになりそうでちょっと嫌なんですが…

今回は大幅なバージョンアップのようでインストール時のトラブルやインストール後の不具合などの声がチラホラ聞こえてきます。
インストールに関しては↓こちらのblogがかなり詳しく参考にさせていただきました。

link Movable Type 3.2 導入手順

スクリーンショット付で丁寧に解説されているのでココだけ見ればバッチリですがワタシの場合(さくらレンタルサーバー)での覚書を書いておきます。

■サーバー さくら(スタンダードプラン)
■バージョン MT3.17-ja→MT3.2-ja
■データベース BerkeleyDB→MYSQL

1.バックアップ
3.2への移行はスムーズにいかない声を多々聞くので後で泣きを見ないためにも必ずバックアップをとってください。
エントリーの書き出し以外にもテンプレートやblogの各設定なんかもテキスト形式でバックアップしました。
エントリーの書き出しを保存する際は文字コードをblogと同じにしておきます。

BerkeleyDB→BerkeleyDBの場合は「db」ディレクトリのバックアップとエントリーの書き出しのみでも大丈夫です。
BerkeleyDB→MYSQLの場合でも link MTデータベースの相互変換CGIスクリプト で旧バージョンの時点でデータベースをMYSQLに変換しておけば設定やテンプレの手動バックアップは必要ありません。
ワタシの場合なぜか変換cgiがうまく走らなかったので地道な作業をすることにしました。
バックアップ用のプラグイン( link TypeMover)もありますが3.2でうまく動作するか分からなかったので地道に手動でコピペしました。
時間はかかりましたが念の為blogをインストールしたディレクトリも丸ごとバックアップ取りました。

2.ファイルの設定
mt-config.cgiを自分の環境に合わせて修正します。
さくらの修正箇所

 ・MYSQLの場合 35行目~39行目までコメントアウト(# )を外す

ObjectDriver DBI::mysql
Database データベース名
DBUser ユーザー名
DBPassword パスワード
DBHost mysql*.db.sakura.ne.jp
*ご自分のサーバーに合わせた数字に変更

・186~189行目を以下のように修正

# DBUmask 0022
HTMLUmask 0022
# UploadUmask 0022
DirUmask 0022

・201~202行目を以下のように修正

HTMLPerms 0777
# UploadPerms 0777

3.ファイルのUP
新規インストールの場合は問題ないのですがワタシの場合は3.17からの移行だったので以前のpluginsディレクトリも一緒にUPしてしまいました。
プラグインによってはエントリーを読み込む際に不具合が発生する場合もありますので念の為外しておいた方がいいかもしれません。
MTをインストールしたディレクトリに「import」 という名前のディレクトリを作成しこの中にエントリーを書き出したtxtファイルをUPしておきます。

4.インストール→blogの復元
インストールしたらバックアップを取っておいた各設定・テンプレをコピペしていきます。
ユーティリティの「読み込み」からエントリーを読み込みます。
ワタシの場合1400位のエントリーがありましたが途中で止まることなく完了しました。
(でも時間は結構かかりました…)
ロリポだったときは途中で止まってしまったので書き出したtxtを小分けにして保存して1つづつUP→読み込み→ファイル削除→UPを繰り返しました。
20000行くらいづつに分けてたような記憶があります。

5.再構築
復元が終わったら再構築!
かなり体感速度がUPしてます。
以上でおしまい。


これでうまくいけば苦労はしないんですがトラブルについていくつか…

●インストールできない
・mt-config.cgiを見直す
・cgiのパーミッションを確認する
FTPソフトはlink FFFTPを使ってるんですが転送するときcgiは自動でパーミッションが755になるようにしてます。
オプション→環境設定→転送3からアップロードするファイルの属性を追加します。

FFFTP

・データベースの設定を見直す
さくらのコンパネから確認してください。
・DLと解凍をし直す
MT3.2のファイル自体正常にDLもしくは解凍できていない場合もあるので面倒でも最初からやってみる。
・データベースを変えてみる
MYSQLの設定に間違いがないはずなのに何故かエラーになって先にすすまない事もあるようです。

<参考サイト>
link 【MT3.2】闘い終わって夜が明けて【覚え書き】 [PHAT∴LOVESICK]

とりあえずBerkeleyDBでインストールした後にデータベース変換cgiでMYSQLにするのもひとつの手かも。

link Ogawa::Memoranda: mt-db-convert.cgi: MTデータベースの相互変換CGIスクリプト

●読み込んだエントリーの日付がおかしい
これワタシが陥ったトラブルです。
エントリーの日付が全部読み込んだ日付になってしまったんです。
原因はプラグインでした…っていうか気がつかなかった私のミスです。

link The blog of H.Fujimoto:エントリーの作成日時を公開日時に自動更新するプラグイン(改良版)

この挙動はプラグインの正常な動作なので最初の全構築が終わるまでこのプラグインはUPすべきではありません。

●1つのエントリーに同じカテゴリーが複数設定される
これもワタシが陥ったトラブル
前述の日付がおかしい点を直そうとデーターベースを空にしてエントリーを再読み込み→再構築したんです。
出来上がったblogを見てみると1つのエントリーに同じカテゴリーが2つ設定されてる。
テンプレートのミスではありませんでした。
空にしたデータベースはmt_category・mt_comment・mt_entry・mt_tbping・mt_trackbackです。
恥ずかしながらデータベース(MYSQL)の知識が全くないので空にするのもドキドキでした。
他にも空にしなければいけないテーブルがあったらしく3回目を試した時はカテゴリーが3つ設定されていました。
わからない物をいじるのは怖いので全てのテーブルを空にしてやり直したら元に戻りました。


MTを使い出して1年半経ちそこそこ慣れてきたつもりですが今回は結構時間がかかってしまいました。
でもこれだけ苦労した分MT3.2は便利で使いやすく親切設計になっていると思います。
便利なプラグインもどんどん出てきています。
3.2にバージョンアップする価値は十分あると思います。

Movable Type 3.2 日本語版の公開ベータテストを開始

Movable Type 3.2

9/9 待ちに待ったMovable Type 3.2 日本語版の公開ベータテストが開始されました。

link Six Apart - Movable Type 3.2 Beta

link Six Apart - News: Movable Type 3.2 日本語版の公開ベータテストを開始しました

「Movable Type 3.2」は、開発コードネームを「SpamFighter(スパム・ファイター)」といいます。その名のとおり、増加する傾向にあるブログに対する迷惑コメントや迷惑トラックバック(スパム)の対策に重点をおいて、開発された最新のブログ・ソフトウェアです。

英語版の3.2はコッソリインストールしてみたのですが新機能が増えたりインターフェイスがかなり変わっているので日本版が出てから正式に移行するつもりでまだかまだかととても楽しみに待っていました。
早速バックアップを取りアップグレード作業をしてみたんですが途中で以下のようなエラーメッセージが出て先に進まなくなってしまいました。

アップグレード中にエラーが発生しました: Can't call method "id" on an undefined value at lib/MT/Entry.pm line 380, line 2.

エラーが出ている「Entry.pm」の2行目と380行目を見てみてもどうすればいいのやらサッパリわかりません。
OS:WinXP サーバー:さくら データベース:Berkeley DB
何度かやり直してもみたんですが状況は変わりません。
残念ですがアップグレードは諦めてもう少し情報が集まってから…もしくは正式版がリリースされてから再チャレンジしようと思います。
それにしても残念だーー

:: TB memo ::
http://www.sixapart.jp/movabletype/beta/2005/09/movable_type_32.html

del.icio.usのbookmarksをblogに表示

del.icio.us

たいして活用してないような気もしますが気になったサイトは link del.icio.usにブックマークしています。
特に会社でコッソリネットして見つけたサイトは忘れないようにブックマークして家からも見れるようにしています。
逆に家にいるときはそのまま普通にブラウザのブックマークを利用することが多いような気もしますが…

ブックマークしたものは家で見直して関連サイト探して内容を膨らませてエントリーのネタに活用したり、
改めてブラウザのブックマークに移したり、
うっかり忘れたり…いろいろです。
自分のブックマークを眺めてみると主にMovableTypeやCSS関連に関するtagが多いです。
tag付けも適当で整理しなおしたいなぁーーと思ってるんですがなかなか…

そんなブックマークなので晒したところでたいしてお役に立てないかもしれませんが最近自分のブックマークを表示するためのJavaScriptが生成できるようになったようなのでLinkページに貼りつけてみました。

<ネタ元>
link Lucky bag::blog: del.icio.us のブックマークを表示するスクリプト

実際にJavaScriptを生成するには↓ログインした状態でこちらへGO

link del.icio.us/doc/feeds/js

設定画面は英語ですがプレビュー画面を見れば楽勝です。
tagの表示の有無やリストマークなどいろいろカスタマイズできます。
CSSでもっと細かく見た目を変えることもできます。
ワタシは簡単に以下の内容をMTのCSSに追加してみました。

We[love]blog(=weblog)キャンペーン

We[love]blog

link Six Apartで本日よりMovable Type 3の個人ライセンスパックを販売するそうです。
発売記念のWe[love]blogキャンペーンなるものも実施するとか…

link Six Apart - We[love]blog:あなたの、We[love]blogについて教えて下さい!

このキャンペーンは、ブロガーの皆さんから、ウェブログを書いていて感じることや、好きな理由、こんな楽しいものを見つけた!などというエピソードを教えていただき、ウェブログの新たな楽しみをみんなでわかちあうことを目的としております。ぜひ、あなたのWe[love]blogについて教えてください。

応募は上記のエントリーへのトラックバックで受け付けるとのこと。
まさにblogって感じ。
期間は8月末日まで。
抽選で66名にSix Apartグッズが貰えるそうです。
テーマが漠然としすぎてるけど気が向いたらTBで応募してみようかな…

Movable Type コンテスト 2005

mt_contest.gif

link LeapK.comさんとこ経由でMTユーザーとしては気になるコンテストの存在を知りました。

link Movable Type コンテスト 2005 - LeapK.com

Movable Type コンテスト 2005

非常に自由度の高い、本格的な blog ツールとして世界中で多くのユーザーに支持されている Movable Type。その表現力の高さは優れた CMSツールとしても高い評価を受けています。
Movable Type コンテストでは、この Movable Type で作成されたWebサイトを広く募集します。
個人/法人は問いません。
Movable Type で作成されたコンテンツを公開しているサイトであればどなたでもエントリー可能!
豪華賞品多数!ぜひMovable Type コンテストにご参加ください!

気になる賞品はいくつかありますが特に欲しいのはデジカメ(FUJIFILM FinePix Z1)とiPod miniかなぁ…
でも貰って困る賞品もあった…
読みもしない雑誌を1年間送りつけられるってのはちょっと…ねぇ。
まぁ賞品の心配なんて無用なんだけど…

発表はまだまだ先ですがどんな受賞サイトが連なるのかちょっと楽しみです。

Dreamweaver 拡張機能 for Movable Type 3

なんと!
DreamweaverのMovable Typeカスタマイズ用拡張がリリースされたようなので早速導入してみました。

Macromedia - Developer Center : Dreamweaver 拡張機能 for Movable Type 3によるテンプレートカスタマイズについて

「Dreamweaver 拡張機能 for Movable Type 3 (以下、本拡張機能と称します。)」は、使い慣れた Dreamweaver MX 2004 上で、Movable Type 用カスタムタグを一般的な HTML タグと同様に扱え、Movable Type のテンプレートをカンタンにカスタマイズできるものです。

そういえば次回リリースのAdobe GoLiveにもMovable Typeカスタマイズ機能が組み込まれるそうですよね…

[c*] : Adobe GoLive CS2+MovableType

このニュースが流れた2ヶ月前はDreamweaverにも同じような機能ができたらいいのにーーと思ったんですがあっさり拡張として組み込めるようになりました。

導入方法や使い方はDreamweaver 拡張機能 for Movable Type 3にスクリーンショット付でかなり詳しく書かれています。
手順としては…

1.)blogの管理画面側でカスタマイズするインデックステンプレートにリンクするファイルを設定する
2.)Dreamweaverでサイトの設定をする
3.)リンクしたファイルをGETし編集する
4.)編集したファイルをPUTする
5.)blogの管理画面側で再構築する

4.)の編集する際MT独自タグの入力を支援するさまざまな機能があります。
(タグ選択ボタンやMovable Type タグリファレンスなど…)
タグの属性値も入力しやすくなっています。

…ただしこの拡張を使うにはMTの最低限の知識は必要かと思います。
例えばDreamweaverを使い慣れてる方が初めてMTでblogやるからカスタマイズしよーと思ってもすんなりできるだろうか…??
デザインビューではCSSはまるで反映されないのでイメージが掴みにくいです。
せっかくの拡張ですがめんどくさいし今まで通りテンプレート編集画面でサクっとやっちゃいそうです。

Continue reading

MT3.17にアップグレード

MT3.17

今日の20時過ぎ、以前からアナウンスされていた通りMovable Type3.17日本版の提供が始まりました。
アップグレード大好きなワタクシですんでいつもの如くそそくさと作業に取り掛かりました。
作業自体はもう何度も繰り返してきているので「余裕余裕♪」とバックアップは取らずに強行しました。
結果的にはそれでも問題なかったのですが近道するつもりでした事がとんでもないトラブルを巻き起こす事になろうとは…

DLして解凍したファイルの内かなりのカスタマイズを施した「search_templates」と「tmpl」フォルダはULしない事に勝手に決めてそれ以外をごっそりUPしました。
MT3.1以降はmt-upgrade31.cgiを実行しなくてもいいようなので基本的にはULして再構築したら完了のはずです。
管理画面上はしっかり「Version 3.17-ja」と表示されてるので一応成功したっぽい。
でも再構築やエントリーの保存などしようとすると…

password_error.gif

こんな恐ろしいメッセージが…
ログインは普通にできるんです。
でも設定やエントリー・テンプレートの変更・保存などをすると↑のようなエラーになって何もできない状態。
鼻先にニンジンぶら下げられてる馬の気分です。

cookieやキャッシュをクリアしてもダメ
パスワードの回復を試みても新しいパスワードを設定しようとするとエラー

もう一回同じ手順でアップグレードしても状況は同じ
MT-Medic 1.34を試してみてもログインはできますが何かに変更を加えようとするとやっぱりエラーになるんです。
データベースがイカれたのかと思ったのですがこの辺の知識は全くありません。
そういえばサーバーをロリポからさくらに移転してからまだMySQLへ移行してなくてBerkeley DBのまんまでした。
いい機会なのでMySQLへの移行作業を始めました。
さくらの管理画面からデータベースの設定をしてmt.cfgを修正した後にmt-db2sql.cgiを実行するとまたエラー
blog開設1周年とかで喜んでたそのすぐ後に「さよなら…MT…さよなら…blog」と思いましたよ…

最後にもう一回DLするところから再チャレンジしました。
今度はzip形式じゃなくtar.gz形式の方を選んでDLしてみました。
・ログインは普通にできること
・管理画面は「Version 3.17-ja」になっていること
この2点から考えてやっぱり楽しようとして勝手に「tmpl」フォルダをULしなかったのが原因かも??と思えたのでバックアップを取ってから思い切ってULしてみました。

…結果こうやってエントリーを書けるようになりましたっっ!!
本当に今日は急がば回れを身にしみて実感しました。
2時間くらい無駄にしてしまいました…

明日以降「edit_entry.tmpl」とかまたカスタマイズしないとな…

別blogの最新エントリーを表示

MTは個人ライセンスで3つまでblogを作ることができるので複数のblogを運営してる方もいらっしゃると思います。
(ワタシも2つのblogを地味にやってます…)
別blogの最新エントリーのリストを表示する方法はいくつかあると思いますが同じmt.cgiで生成される別IDのblogならプラグインを使う方法がいいかもです。
リニューアル前のblogではOtherBlogを利用して別blogの最新エントリーも表示していたのですがシンプルisベストの精神でいったん外していました。
でもまた最近こっそり復活したのでした…

<プラグイン配布元>
David Raynes: MTOtherBlog (v 0.25)

<cgi配布元>
人生迷い箸: 更新Pingを受けて自動RebuildするCGI

導入イメージはこちら↓
MT :: luvlogの最新エントリーをcaramel*vanillaのサイドバーに表示したものです。

Other blog

以下導入方法です↓

Continue reading

個別エントリーへのリンクタグを表示

エントリーを書く際リンクタグを使う事が多いと思います。
エントリー編集画面のボタンを使ったり、手打ちしたり、Firefoxの場合はCopy URL+という便利な拡張を使ったり…
ワタシの場合はIEを使ってたころからRakuCopyを使ってます。
Firefox用はこちら↓
RakuCopy ブックマークレット FireFox用

ウチのサイトにリンクを張ってやろうというありがたい行為をちょこっとでもラクにできたらと思い TrackBack URLの表示と一緒に「このエントリーへのリンク」という事で個別エントリーへのリンクタグを簡単にコピペできるようにしました。
↓導入イメージです。

このエントリーへのリンク

このエントリーへのリンク : <input type="text" name="trackback_url" size="60 " value="<a title=&quot;<$MTBlogName$> : <$MTEntryTitle$>&quot; href=&quot;<$MTEntryPermalink$>&quot; target=&quot;_blank&quot;><$MTBlogName$> : <$MTEntryTitle$></a>" readonly="readonly" class="edit" id="trackback_url" onfocus="this.select()" />

個別エントリーアーカイブのお好きな箇所に上記のタグを追加して保存→再構築で完了。
1クリックで全選択できるようになっています。
さらにIEのみ有効のコピーボタンをつけてもいいかもしれません。
お恥ずかしいくらいの小ネタカスタマイズでした…


6/19追記

上記のタグは一部全角英数字を使用しています。
すべて半角に変換してからお使いください。

:: TB memo ::
http://www.blogpeople.net/TB_People/tbp_93.html

サイドバーにJacketlogueを表示

「ジャケットから始まるコミュニケーション--Jacketlogue」に投稿したジャケット画像をサイドバーに貼り付けてみました。

<参考エントリー>
[c*] : Jacketlogue

まずはJacketlogueのアカウントを作成します。
ユーザー名とパスワードを入力するだけなので簡単です。
メニューの「config」からアマゾンアソシエイトIDを設定する事もできます。
あとはメニューの「add Jacket」から検索してお気に入りのアルバムなり好きなアートワークのジャケットを登録します。
自分の登録した最新ジャケットを表示したい場合はmy Jacket→「publish JavaScript」
Jacketlogue全体の最新ジャケットhome→「publish JavaScript」
特定のtagの最新ジャケットtag→「publish JavaScript」
…などお好きなJavaScriptをコピーします。

背景色やフォントサイズなど自分の好きにカスタマイズできます。
因みに★と■はそれぞれ列数と画像数を入れることができます。

とりあえずcaramel*vanillaのサイドバーはこんな感じになりました。↓

Jacketlogue

:: TB memo ::
http://www.blogpeople.net/TB_People/tbp_1384.html
http://www.blogpeople.net/TB_People/tbp_93.html

MTでGoogle Sitemaps

ITmediaニュース:Google、Webインデックス強化の新ツールβ公開

自分のWebサイトのURL情報などをGoogleに送り、検索結果への反映を強化できる新ツール「Google Sitemaps」のβ版が公開された。

検索結果を上位にさせたりするランキング操作には利用できないとの事ですがXML形式のサイトマップをサーバーにUPするとよりすばやく自分のサイトの各ページが検索対象になるって理解したんですが違いますでしょうか??
とにかくこのXML形式のサイトマップを作成する為のMTのテンプレートが早くも公開されたそうなので早速試してみました。

<テンプレート配布元>
Six Apart - ProNet - Google Sitemaps in Movable Type

<ネタ元>
Google Sitemaps with MT: blog.bulknews.net

1.)テンプレートの作成
配布元のSix Apart - ProNet - Google Sitemaps in Movable Type「a Movable Type template」というリンクからテンプレートをコピーします。
MTの「新しいインデックス・テンプレートを作る」からテンプレートのソースを貼り付けます。
[例]
テンプレートの名前→サイトマップ
出力ファイル名→sitemap.xml
再構築オプション→チェックを入れる
あとは保存後再構築します。

2.)Google Sitemapsへ登録
Google SitemapsからGmailのアカウントでログインします。
「Add a Sitemap +」から先ほど作ったsitemap.xmlのURLを入力して完了。

ワタシも試しに登録してみましたがStatusが「Pending」になっていました。

Pending
Your Sitemap has been submitted. Reports may take several hours to update. Thank you for your patience!

あなたのSitemapを提出しました。 レポートはアップデートする数時間かかるかもしれません。 ご迷惑をおかけしております!

このエラーメッセージはとりあえず成功って事みたいですね。

:: TB memo ::
http://www.blogpeople.net/TB_People/tbp_1384.html

管理画面のスタイル変更(メニュー位置固定編)

クリックすると大きくなります

Movable Typeのいつもの見慣れた管理画面をガラっと変えてくれるスタイルシートを見つけました。

Alex | weblog: Movable Type Liquid Template

<ネタ元>
Lucky bag::blog: MT のカンペと管理画面の可変レイアウト化

やさしい色合いでそのまんま使ってもいい感じ♪
メニュー画面が位置固定になっている点が機能的。

そういえば以前にも別の管理画面用スタイルシートを紹介してました。

[MT] : 管理画面のスタイル変更

余裕があったら管理画面も自分の好きなようにカスタマイズしたいと思いつつぜんぜんそっちに手が回っていませんでした…
しばらくありがたく使わせていただこうと思います。
こうやって完成されたスタイルシートを配布してくださる方に感謝です!!

:: TB memo ::
http://www.blogpeople.net/TB_People/tbp_1384.html

コメントフォーム(テキストエリア)のカスタマイズ

CSSとjavascriptでコメントフォームにちょっとしたカスタマイズをしてみました。
あってもなくてもいいようなものですが便利かなぁと思い導入してみました。

参考にさせていただいたのはこちら↓

Textarea tools

どんなものかといいますとテキストエリアのサイズと文字のサイズを自由に変えることができるというものです。
これをMTに応用する方法を以下に記してみます。
完成導入後のコメントフォームはこんな感じ↓

コメントフォーム

Continue reading

FeedBurner移行メモ

FeedBurner

以前から目にしていたもののワタシには関係ないなーーと思っていたFeedBurnerというサービス。
ただRSSを配信するだけみたいに思っていたんですが結構いろんな機能があるんですね。
調べてみよっかなって思ったきっかけはこちらのエントリー↓

KANGAROO PAW: FeedBurnerは便利だなあ

ちょっと調べてみました。
参考にさせていただいたのは以下のエントリーです。

FeedBurnerの使い方 | SEOネタなブログ

Ogawa::Memoranda: FeedBurnerに移行した件について。

FeedBurnerは海外サイトですが上記のエントリーのおかげでなんとか登録+設定できました。
機能満載でいろんなオプションがある=設定がちょっとわかりにくい点があったので自分用移行メモを記しておきます。

Continue reading

MTPaginateで分割表示

MTPaginateというプラグインを導入すると指定のエントリー数で区切って分割表示することができます。
(要php)
エントリーがたくさんあるアーカイブなどは縦に長くなってしまい読み込むのもスクロールも大変になってしまうので結構便利だと思います。

<配布元>
MT Extensions: MTPaginate 1.24

<参考サイト>
MTのPHP化とページ分割 (CROSSBREED クロスブリード!)

以下導入方法です↓

Continue reading

コメント・プレビュー画面でも絵文字

ほとんどほったらかしていたコメント・プレビューのテンプレートですがもうちょっと使いやすくなるかなーと思いプレビュー画面でも絵文字を使えるようにしました。
コメント欄での絵文字表示ができている前提で進めます。

<関連エントリー>
[c*] : MTのコメント欄で絵文字を使えるようにする[改]

「特別なテンプレート」の一覧のコメント・プレビューのテンプレートを修正します。
(念の為バックアップを取ってから始めてください)

Continue reading

'アーカイブページ'のテンプレート修正

MTにはすべてのエントリーのリストを生成する「アーカイブページ」というインデックステンプレートがあります。
いままではどこからもリンクさせていなかったですし全く無視してました。
デフォルトのテンプレートのリスト部分のソースはこんな感じです。

試しにarchives.php(archives.html)にアクセスするとわかると思うのですがただだらだらとエントリーのタイトルが並ぶだけで全く使えないテンプレートです。

利用価値があるかわかりませんがもう少し使えるテンプレートに修正してみます。

Continue reading

コメントプレビューの誤字を修正

今日は検索画面のテンプレートとコメント関連のテンプレートをカスタマイズしていました。
自分ではコメントする時確認しないでそのまま投稿してるので気がつかなかったのですが'コメント・プレビュー画面'に誤字があるのを発見してしまいました。

修正前

(スタイル用のHTLM タグが使えます)

えーーーっと…HTMLタグの間違いと思われます…

Continue reading

プルダウンメニューいろいろ

以前から月別のアーカイブはプルダウンメニューにしていたのですが年間アーカイブへのリンクもプルダウンメニューにしましたのでいまさらですが改めて導入方法をエントリーします。
blog以前のログもあわせるとのべ3年間やってるってことでプルダウンメニューにすることによりちょっとは省スペースになったかな?
表示も統一されたのですっきりしました。

<参考元>
hwp blog: プルダウンメニュー

<参考エントリー>
[c*] : 年間アーカイブの作成
[c*] : 年間アーカイブの作成[補足]

Continue reading

インデックステンプレートに「保存&再構築」ボタンをつける

インデックステンプレートを変更する場合保存→再構築という2段階の手順を踏むのが当たり前になってますが、テンプレートの編集画面に保存と再構築を同時に行うボタンをつけることでちょっとラクチンにするカスタマイズです。

<参照元>
Movalog: Save & Rebuild

以下導入方法です↓
(作業する前に必ずバックアップをとってから始めてください)

Continue reading

エントリーへの複数カテゴリーを選択しやすくする

エントリーを書くときカテゴリーを選ぶと思うのですが1つのエントリーに対して複数のカテゴリーを選択する事もできます。
その際のデフォルトの選択画面は↓のような感じです。

画像をクリックすると大きくなります

これを少しだけ選択しやすくするカスタマイズです。

<参考元>
Movalog: Multiple Categories and Hierarchies

以下導入方法です↓
(作業する前に必ずバックアップをとってから始めてください)

Continue reading

MTのプラグインを管理

面白そうなプラグインを見つけたらとりあえずなんでも入れてみてるのですが把握しきれない状況になってきました。
今どんな種類のどんな効果のプラグインを入れているのかって自分でメモを残しておかない限りちょっとわかりにくいですよね?
例えばFirefoxのListZilla(Firefoxにインストールされたテーマとエクステンションのリストを作成)のようなプラグインがあれば便利だと思うのですが…

利用プラグインを管理者画面に表示の巻 - LeapK.com

先日こちらのエントリーを読んでこれはなかなか便利そうだったので試してみました。
MTの管理画面にアクセスすると「利用可能なプラグインの設定」というリストが表示されますがこのリストってインストール済のすべてのプラグインが表示されないので不思議に思ってたのですがそれはプラグイン自体に名前や概要などの情報が書き込まれていないせいだったのがわかりちょっと目からウロコでした。
決められたフォーマットでプラグインに必要な情報を追加で記入する事で管理画面上に表示されるようになるそうです。
ただ間違ってしまうとプラグインが正常に動作しなくなってしまう事もあるかと思いますので試される方は必ずバックアップを取ってから作業してください。

以下導入方法の覚書です↓

Continue reading

「このエントリーを含むはてなブックマーク」ボタンを表示

SBM(ソーシャルブックマークサービス)はてなブックマークですがワタシ自身直接利用はしていません。
ただspid.ero.usを通してちょっとチェックするくらい。
でもごくごくたまになんですがtrack feed(リンクが貼られるとRSSで知らせてくれるサービス)はてなブックマークからのリンクが知らされる事があって気になってました。

Movable Type に「このエントリーを含むはてなブックマーク」ボタンを表示する : NDO::Weblog

こちらのエントリーで紹介されてる方法を試してみました。

Continue reading

検索画面の日本語化

blogのデザインの関係で英語を多用しすぎているのですが本人もよくわかってなかったりします。
特に検索画面の英文はちょっとわかりにくいと思ってました。

By default, this search engine looks for all words in any order. To search for an exact phrase, enclose the phrase in quotes:

"movable type"

The search engine also supports AND, OR, and NOT keywords to specify boolean expressions:

personal OR publishing
publishing NOT personal

検索方法の説明のはずなのにわかりにくいっていうのも本末転倒かと思い検索画面の日本語化をする事にしました。
その際rebuild 支援ツールでもお世話になったActivity Memoさんの以下のエントリーが大変参考になりました。

<参考エントリー>
Activity Memo: 検索

<関連エントリー>
[c*] : 検索にAmazonとGoogleを追加

Continue reading

MTのファイルのアップロード先を指定

画像をクリックすると大きくなります

MTでファイルのアップロードをする際アップロード先を指定できるのですがいつも決まったディレクトリにアップロードしているならディレクトリ名をテキストエリアに表示させると便利です。

<参考サイト>
まじっくblog(仮): ファイルのUpload先を指定

こちらのエントリーは2.661の場合なので3.151の場合を書いてみます。
(ほとんど変わりないですが…)

(MovableTypeルートディレクトリ)/tmpl/cmsディレクトリ内のupload.tmplをダウンロードし以下の部分を探します。
(26行目あたり)

<input type="radio" name="site_path" value="0" checked="checked" />
&lt;<MT_TRANS phrase="Local Archive Path">&gt;/
<input name="extra_path_archive" /><br />

赤字が追加部分です。
アップロードするディレクトリ名を入れます。
下の例だとimagesディレクトリになります。

<input type="radio" name="site_path" value="0" checked="checked" />
&lt;<MT_TRANS phrase="Local Archive Path">&gt;/
<input name="extra_path_archive" value="images" /><br />

あとは保存して元の場所にアップロードして完了です。
ちょっとした事ですが便利になりました♪

:: TB memo ::
http://okame.org/blog/mt/mt-tb.cgi/25
http://member.blogpeople.net/tback/01384

ログが見れるスパム対策用プラグイン


MTログ画面

対策はしてるはずなのですが昨日TBスパムが2つくらいやってきました。
まったくしつこい奴等です。
以 前コメントスパムでお世話になってたのですが鵺的:想空間さんのコメントとTB用のスパム対策プラグインを再導入させていただきました。

鵺的:想空間: mt-spamstop-tb_20050213

ベリー・ベリー・シンプルなトラックバックスパム対策用のプラグインです。mod_perl 環境でも使用可。
新手のトラックバックスパムが増えているようなのでルールを少し追加しました。

概  要: <a>タグを含むトラックバックスパムをブロック
利用方法: Plugins フォルダに入れるだけ

このプラグインの気持ちいいところは削除したログが見れること!
導入してまだ1日経ってないのですがログ画面はすごいことになってます。
効果が見えるってなんだか安心です。

:: TB memo ::
http://www.so-kukan.com/mt/mt-tb.cgi/634

2カラム→3カラム


デフォルトの2カラムのメインページを3カラムにします。
まずデフォルトのメインページのパーツは↓のようになっています。

2column.gif

Continue reading

mt.cfgについて


mt.cfgというファイルはMovable Typeの設定ファイルでmt.cgiと同じ階層にあります。
MTインストール時に最低限の設定をするのですが初期設定以外にも修正しておいた方がよさそうだと個人的に思った項目をあげてみます。
新たな設定値を反映する為には"#"←このコメントアウトを削除します。

<参考元>
Movable Typeユーザー・マニュアル: 設定ガイド

Continue reading

MT導入時の設定


まず今後の事を考えて早いうちに変更しておいた方がいいと思った事をやっておきました。
本格的にblogを始める前にまず外堀を埋めていきます。

Continue reading

MTのアクセス解析+カウンター設置


blog開設当初からTOPページのみですが忍者TOOLSの 無料アクセス解析を利用しています。
アクセス解析は見る側にしてみたらあんまり面白くないと思うのですが運営する側からしたら解析結果はなかなか面白くて今後も利用したいと思ってます。
忍者TOOLSを 選んだのはバナーが目立たないという理由だけといってもいいくらい広告やバナーが大嫌い!
なのでいくらちっこくてすぐ消えるにしてもページが表示されたと同時に現れるバナー気になってました。

連休中で時間もあるのでたまたま見つけた技林さ んのdopvSTAR*と いうアクセス解析cgiを設置させていただくことにしました。

dopvSTAR*/ アクセス解析CGI

■様々なサーバ環境に対応
■複数ページでのロ グ取得をサポート
■ログ取得項目は最大15以上
■ログ集計機能はおよそ40
■ログのキーワード検索
■SEO(検索エンジン最適化)に有効
■広告やロゴ出力を消せます
■カウンタ機能

なかなかに高機能なのに無料で利用できるのがポイント高いです。
しかもMovableTypeへの設置情報もありました!

<参考元>
MovableType3 でアクセス解析/お気楽極楽ブログ

以下設置についての覚書です↓


Continue reading

MT3.151にバージョンアップ

先週MT3.15にバージョンアップしたばかりなのですが早くも3.151が出ました。

Movable Type 日本語版サイト: Movable Type 3.151日本語版の提供を開始

Movable Type 3.151日本語版の提供を開始いたしました。Movable Type 3.151日本語版は、1月31日に提供を開始した3.15日本語版において、以下の不具合を修正したものです。

* ダイナミック・パブリッシングのコメントのソート順に誤りがあった問題を解決した
* 一部のテンプレートで日本語化ができていなかった点を修正した

今回は特にバージョンアップしなくても問題ない感じなので面倒だし見合わせるつもりだったのですがこちらのエントリーを読んでやってみる気になりました。

小粋空間: Movable Type 3.151-ja アップグレード

今回のバージョンアップ作業をさくっと簡単にできるように差分ファイルのみUPする方法を紹介されています。
お陰様で自分であれこれいじったファイルを上書きすることなく完了しました♪

 

.htaccess→オリジナルのエラーページ作成

500error.jpg

コメントや投票をしてくださってる方はすでに体験済かと思いますがウチったら重すぎてcgi実行エラー頻発してます。
トラックバックもエラーになる事が多いみたいで重複率も高いです。
リビルド時のエラーはもう当たり前。
新規投稿もまともにできない事がほとんどです。
次回のロリポ契約更新時までには引越し先を探そうと真剣に考えていたりするのですがまだまだ半年以上先の話。
とりあえず500エラーのたびごとに出てくるエラーページを多少の注意事項とお知らせとお詫びなどを盛り込んだオリジナルのものに変えてみました。
参考にしたのはロリポップのオンラインマニュアルです。

ロリポップ!レンタルサーバー - エラーページの変更

もちろんその他のサーバーでも同様の事が可能だと思います。
以下ロリポマニュアルからの覚書です↓

Continue reading

トラックバックスパム対策まとめ?

いろいろ調べてみたら今朝導入した以外にもトラックバックスパム対策みつけたので覚書。

1.)mt-tb.cgiをリネーム
1番簡単にファイル名を変える方法ですが効果もそれなり?

2.)mt-tb.cgiを修正

Bianca: BiancaのTrackBack Spam対策【トラックバックスパム対策】
概要が半角英数字のみは拒否する方法です。

[な] トラックバックスパムかよ!!!
きままにポロポロ: 続々コメントスパムの方法をトラックバックスパムに応用する方法が書いてあります。

3.)プラグインを導入

鵺的:想空間: mt-spamstop-tb_20050202
<A>タグを含むものを拒否する方法です。
コメントスパム対策版もあります。

Ogawa::Memoranda: Quasi-Spam Filter Plugin
H1要素やA要素が含まれるものを拒否する方法です。
コメントスパム・トラックバックスパムの両方に対応してスパム受信時のアクションもカスタマイズできます。

トラックバックスパム対策

昨日突如来襲した大量のトラックバックスパムに対して何か対策はないものかと探してましたらありました!!

Bianca: BiancaのTrackBack Spam対策【トラックバックスパム対策】

「概要が半角英数字のみのTrackBackは拒否する」という意味になります.
これで海外から来るTrackBackを退治できるはずです.

mt-tb.cgiに数行の記述を追加するだけです。
念の為具体的な方法はこちらで書くことは避けますので是非Biancaサンの上記エントリーに行ってみて下さい!
今朝導入したばかりなので効果のほどはまだ不明なのですが…
でもスパム対策って効果があるのか判断難しいですね…

とにかく簡単な修正で導入できますのでまだトラックバックスパムきてないよって方も保険で対策しておくといいかもです。

トラックバックスパム襲来

今までもありがた迷惑なトラックバックはちらほらきていたのですが今回正真正銘のトラックバックスパムが大量にやってきました。
online pokerとかいうやつです。
今日1日で50件くらい。
まったくムカつく。

どうもこのトラックバックスパムの被害はウチだけではなく今日はたくさんのblogに無差別大量ping送信をしてるみたいです。

[な] トラックバックスパムかよ!!!

↑こちらのエントリーにトラックバックスパム対策のヒントが書かれていたので早速実行。
でも残念ながら効果はなくて対策後もきやがります。

MT-Blacklistはトラックバックにも効果あるのかな?
嫌な思い出があるので極力使いたくないんだけど他に何かいい対策はないんでしょうかねーー

MT3.15にバージョンアップ

昨日MT3.15日本版が出たのでさっそくバージョンアップしてみました。

今回の変更点はほとんどがダイナミック・パブリッシング関連のもののようなので関係なければ特に急いでやる必要もなさそうです。

mtchanges - Movable Typeの更新履歴

バージョンアップの前に自分で修正したファイルはバックアップを取っておいた方がいいと思います。
例えばエントリーの編集画面に編集ボタンを追加したならedit_entry.tmplmt.js
トラックバックが来たと同時に個別アーカイブもリビルドするようにしたならTrackback.pm
ひらがな入りのコメント以外ははじくスパム対策をしたならmt-comments.cgi
検索画面のカスタマイズをしたならsearch_templatesディレクトリ内のdefault.tmpl
…などなど

準備が終わったら基本的にファイルをULして全てリビルドするだけです。
cgiのみパーミッションの確認を忘れずに…

詳しくは↓へどうぞ

mtinstall - Movable Typeのアップグレード

リビルド後にMTのバージョン表記が「Movable Type 3.15-ja」となっていれば大成功です♪

新しいエントリーに更新マーク

新しいエントリーにNEWマーク

サイドバーのカテゴリーリスト内で新しいエントリーのあったカテゴリーに更新マークをつけるカスタマイズについては以前エントリーしたのですが今回はcgiを使って新しいエントリーに一定期間更新マークをつけるカスタマイズです。

<関連エントリー>
[c*] : カテゴリーリストに更新マークを表示

<配布元>
PenPenPalm: 新らしいEntryにアイコンチカチカ ささやかなcgi(その3)

以下導入方法覚書です↓

Continue reading

MTVoteでエントリーに投票

ちょっと前に設置したMTVoteプラグインによるエントリー投票システム。
コメントやトラックバックで絡むのをためらってしまう内気なワタシのような人間にうってつけのシステムです。
やっぱり書いてる方としては何かしらの反応欲しいですし。

でもこのプラグインは正確性を欠いてるようで 検索エンジンのクローラーが訪れた際に投票した事になるらしいという話を聞きエントリーするのを控えていたのですがMTのログを見ると「投票」とかで検索される方が結構いらっしゃるので導入方法の覚書を書いてみます。
これはオマケ程度の要素と思って導入された方がよさそうです。

<参考元>
+blog:MTVote::投票プラグイン

<配布元>
David Raynes: MTVote

以下導入方法です↓

Continue reading

月送り+リアルタイムカレンダー

月送りカレンダー

だいぶ前に実施していたカスタマイズなのですがエントリーしていなかったので覚書。

通常だと1ヶ月分しか表示されないカレンダーを月送りタイプのカレンダーに変更する方法です。
合わせて今日の日付を自動的にハイライトさせるカスタマイズもしてみました。
(通常はコメントかエントリーが投稿されないと日付が変わっても反映されません…)

<参考元>
mavericyard*: 月送りカレンダー
mavericyard*: リアルタイムカレンダー

以下導入覚書です↓

Continue reading

検索にAmazonとGoogleを追加

検索画面のイメージ

全ページのバナー部分に設置している検索フォーム。
ココから飛ぶようになっている検索画面にAmazonとGoogleの検索フォームも追加してみました。
MTのログを見るとウチの検索フォームもそこそこ使われているようなのでblog内に目当ての記事がなかった時にそのままGoogleのWEB検索が使えるのでちょっと便利になるかもしれません。

<参考元>
Going My Way: MTの検索機能にAmazonとGoogleを追加する方法

以下導入の覚書です↓

Continue reading

カテゴリーリストに更新マークを表示

以前カスタマイズしたくてもいろいろな理由でできなかったネタをカスタマイズ失敗記としてエントリーしました。
(転んでもタダでは起きないのだ!)

4ヶ月近く前のエントリーですがここに書かれてある事は今ではほとんど実施済です。
ワタシも成長したもんだ!

そんな中でもいまだにできていなかったのがカテゴリーリストに更新マークをつけるカスタマイズです。

もともとはこちらのエントリーを見て試そうと思っていたのですが…

<参照元>
Chitatopops: カテゴリーのリストにNew!マークを表示

Continue reading

カテゴリーを任意の順番で表示する

デフォルトではカテゴリーの表示順はアルファベット順になっています。
好きな順番で並べるためにカテゴリー名の前に数字を割り振りカテゴリーの説明に実際表示させたい名前を設定します。
そしてカテゴリー名を表示するタグを<$MTCategoryLabel$>→<$MTCategoryDescription$>に変更する事で実現できます。

<関連エントリー>
[c*] : カテゴリーリストのカスタマイズ

普通はこの方法でも特に問題ないと思うのですがワタシの場合この方法と一緒に無理やりツリー化表示をしているのでちょっと気になる問題がありました。

<関連エントリー>
[c*] : カテゴリーリストの折りたたみとツリー化

カテゴリーの説明で擬似サブカテゴリーにしたいカテゴリーの頭に「 ∟ 」←こんな記号を入れてしまっているのです。

Continue reading

カレンダーのリンクにタイトル表示[改]

blogのカレンダー…
実際の活用頻度はかなり疑問なのですがいじれるところはいじりたいワタクシです。
カレンダーの日付部分オンマウスでその日にエントリーしたタイトルが表示されるカスタマイズは以前実施済です。

<関連エントリー>
[c*] : カレンダーのリンクにタイトル表示

ただこの方法はその日にエントリーした最新の1件分しか表示できません。
それでも特に不便ではないのですが全てのエントリータイトルを表示する方法をみつけたので早速試してみました。

<参照元>
nlog(n): カレンダーのリンクにタイトルを複数表示させたい

以下導入覚書です↓

Continue reading

最新のトラックバックを表示[改]

サイドバーに最近きたトラックバックを表示しています。
その際MTPingedEntryプラグインを使って元記事へのリンクも貼れるようにしていました。

<配布元>
#BLOG: MTの「最近のTrackback」にエントリーのTitleとPermalinkを!

<関連エントリー>
[c*] : MTPingedEntryプラグインの導入

このプラグインを導入する事で最新のトラックバックを好きな件数だけ表示できます。
単純に最新のトラックバック順で以下のような内容でリストアップされる形になります。
(表示順は変えられます)

*トラックバックされたエントリーのタイトル+リンク(自分のblog)
*トラックバックしたエントリーのタイトル+リンク(相手のblog)
*トラックバックしたblog名+日時

このプラグインでも不満はなかったのですが最近別のプラグインをみつけてしまいました!

Continue reading

Movable Typeの脆弱性と対策について

Movable Type 日本語版サイト: 【重要】 Movable Typeの脆弱性と対策について

Movable Typeの脆弱性により、スパムメールの送信を幇助してしまう現象が発生することが分かりました。出荷済みのすべてのMovable Type日本語版に、この脆弱性があることが確認されました。

大変です!
のん気なエントリー書いてる場合じゃなかったです!
*日本語版バージョン3.01D
*日本語版バージョン3.121
上記に対応したパッチがDLできるようになってますので該当のバージョンのMTを使われてる方はチェックした方がよさそうです。
対応方法もプラグインディレクトリにUPするだけで簡単です。
スパムの手助けなんてしたくないですもんね!!

予定では今月中にMovable Type 3.14リリースされるとの事ですが今回の件で遅れたりしちゃうのかなぁ??

MT投稿画面見直し(編集ボタン+プレビュー)

Firefox+HTMLAreaの不具合チェックと解決策がないか調べる為にいったん外していたHTMLAreaをつけたのですがまた外しました。
javascriptはポップアップで開くようにしたのですがこれがかなり反応が遅くてイライラしてしまうからです。

<関連エントリー>
[c*] : MTの編集画面にHTMLエディター機能を組み込む[改]
[c*] : FirefoxでのHTMLAreaのエラーを回避[続き]

MTの編集画面はほとんどいじっていなくてシンプルな状態なのでこれを機会にいろんな便利な編集ボタンを追加しました。
それからエントリーのプレビュー機能の強化も再度追加しました。

Continue reading

今日のカスタマイズ

週末くらいしかいろいろできませんから今日は地味なカスタマイズを含めていろいろやりました。

最近やってみたカスタマイズをエントリーするのが遅れ気味なので忘れないように覚書。
暇をみてきちんとエントリーすると思います。
でも忘れたまま新しいネタに目が行く可能性もあるかも…

それと先週設置してみたMTVoteを利用した投票システムなのですが結構ウチで検索して該当のエントリー探されてる人がいらっしゃるようでスイマセン!
ちょっとこの投票システムの信憑性というか正確性に疑問があるのでエントリー差し控えてました。
どう考えてもありえないエントリーにたくさん投票されてるのでおかしいなと思ってたのですが検索エンジンのクローラーが訪れた際にどういうわけか投票した事になっちゃうみたいです。
このまま設置しておくか考え中です…
そんなわけでMTVoteに関してはGoogleで検索しても詳しいやり方紹介されてるところがたくさんあるので興味のある方はそちらで検索されることをオススメします。

Continue reading

全てのコメントとトラックバックのリストを作る

利用頻度は少ないかもしれませんが今までにいただいた全てのコメント、全てのトラックバックの一覧を作ってみました。
TOPから流れてしまったコメントやトラックバックも確認しやすくなったのでどちらかと言うと管理者側に便利なカスタマイズですね…

<参考元>
我楽: 全コメントリスト、全トラックバックリスト表示。

以下導入の覚書です↓

Continue reading

MTのテンプレートモジュール化→軽量化


このblogもエントリー数900を超えるようになりました。
以前からリビルドが思うように出来なくて500エラーの嵐。
頻繁にカスタマイズしたりskinを作ったりしてるのでリビルドエラーは致命的。
とってもとってもイライラしてストレスにもなってました。
特にエラーになってたのが個別・日別アーカイブとメインインデックス。
「すべてを再構築する」なんてどうせ途中で止まってしまうのでちびちびやってましたが全所要時間ってどれくらいなんだろう??
個別だけでもヘタしたら1時間以上かかってました。

とりあえずまずした事がmt.cfgを修正する事。
これはたいして効果がありませんでした…
次にした事がrebuild支援ツールの導入です。
mt.cfgとrebuild支援ツールについては以下のエントリーをご覧下さい。

[c*] : rebuild支援ツールでサーバーエラー回避

んで最近やってみたのがテンプレートのモジュール化です。
これはリビルドの体感速度かなりUPしたのでオススメの方法です。

<参考元>
あなたのmovabletype、重たくないですか?(テンプレートモジュール化) (CROSSBREED クロスブリード!)

以下導入方法の覚書です↓


Continue reading

FirefoxでのHTMLAreaのエラーを回避[続き]

MTの編集画面にHTMLAreaというエディターを組み込んでみたはいいもののIEでは何の問題もなかったのにFirefox上ではいくつかの不具合がありました。
MTでのHTMLArea導入方法のエントリーを参考にしてくださってる方もいらっしゃるようですのでなんとか不具合解消のための方法を探してあれこれ検索したり試行錯誤してみました。

1番最悪の問題はクリップボードからの貼り付けができない事。
とりあえずこの問題に関しては解決方法をみつけてエントリーしました。

[c*] : FirefoxでのHTMLAreaのエラーを回避

その他の不具合についても対策を再度まとめてみます。


Continue reading

FirefoxでのHTMLAreaのエラーを回避

MTの編集画面にHTMLAreaというエディターを組み込む事で単調なテキストだけのエントリーにいろいろな装飾をする事ができます。

<参考エントリー>
[c*] : MTの編集画面にHTMLエディター機能を組み込む[改]

たまにスクリプトエラーになったり動作がもっさりしてる欠点はありますがタグの手打ちに慣れてない人(←ワタシ)
自分でいろんな編集ボタンを探してつけるのが面倒な人には選択肢の一つにはなるのかなと思うのですが…

なんだかFirefoxで編集する際コピペができないと言う不具合があるとの事!
これは致命的な欠点です!

実は設置したHTMLAreaはいろいろ考えて外していた為この不具合に気がつきませんでした。

調べたところ対策が見つかりました!!


Continue reading

使用中のMTプラグインをまとめてみた

MTのpluginsディレクトリを確認してみたらものすごい数のプラグインが突っ込んでありました。

入れただけでまだ使ってないもの
以前使ってたけど今は使ってないもの

とにかくぐちゃぐちゃだったので整理しつつ今使用中のプラグインをリストアップしてみます。
リンクは導入方法などを書いたエントリーですのでよかったらご覧になってください。

Continue reading

サイドバーに特定のエントリーの画像を表示する

Recommend Music

サイドバーに↑のような感じで過去にエントリーしたmusicカテゴリーの画像を表示しています。
画像をクリックすると該当のエントリーへ飛ぶようになっています。
この表示のやり方ですがMTCollectプラグインを使います。
このプラグインは特定のタグを拾い集めてくれるそうです。
今回はこのプラグインにIMGタグを抽出してもらいます。

<参考元>
我楽: MT Collect プラグイン

以下導入方法です。

Continue reading

トラックバック送信エラーを回避したい!

最近頻繁にトラックバックをいただくようになりました。
これは自分がエントリーしたものが単なる便所の落書きに終わってないって事かな?と思えるので非常にありがたい事です。

誰かに見ていただいてる
反応してもらえる

これは書き手としては大きな励みと喜びでございます。

んが!
かなりの確率でこちらへのトラックバックpingの送信でエラーが発生してるみたいです。

最近リビルドの際エラーが出る事が多くてその辺が原因じゃないかと思えます。(関係ないのかな??)
アーカイブはrebuild支援ツールで分割リビルドしてるのでなんとかいけるんですがメインインデックスはもうお手上げ。
何度も何度も何度も何度もリビルドしてもエラーエラーエラーエラーです。

ロリポからどこか違うレンタルサーバーへのお引越しも考え始めてます。

Continue reading

年間アーカイブの作成[補足]

以前年間カレンダーの作成についてはエントリーしていたのですが
いつも楽しみに拝見しているnlog(n)さんから年間カレンダーのエントリーにTBいただき拝見させていただきましたらとてもわかりやすく説明されていました。
しかもいくつか補足したい内容が紹介されていました!
以前の記事に追記でもよかったのですが年が明けて年間カレンダーを作るにはいい時期かなぁと思ったので再度補足内容をエントリーしちゃいます。
実際に作成される場合は以下のエントリーを参考にしてください。

<参考元>
[c*] : 年間アーカイブの作成
nlog(n): 年間カレンダーを作る

Continue reading

rebuild支援ツールでサーバーエラー回避

このblogはロリポで運営しています。
そのせいかどうかわかりませんがもうかなり前からまともにリビルドできなくなってます。
まず最初に個別アーカイブがまともにできなくなり
日別アーカイブもエラーが出やすくなり
最近は新規エントリーやコメント投稿の際にもたまに500エラーが出たりするんです…
エラーになったらブラウザで戻って、またエラーになったら戻ってってやってるのでほっとけないんですよね。

mt.cfgの設定をいじって同時にリビルドする数を減らしたりもしたんですがやっぱりエラーはなくなりません。

Continue reading

コメントスパム対策6

コメントスパム対策のエントリーってこれで6つめです。
ホントにいたちごっこで嫌になります…
今回新たな対策を講じようと思ったのは今までの対策(きままにポロポロ: コメントスパム ひらがな対策)が無効になったからではありません。
それはそれは強力にスパムをブロックしてくれていましてその効果は絶大でした!
でも唯一の欠点がスパマー以外の外人さんのコメントも跳ねてしまう事。

違う対策にしようと思った事情はこのエントリーで…↓
caramel*vanilla : プラグインの作者さんからメールがっっ

新たなスパム対策をいろいろ調べていくつかの候補がありました。
1.投稿の際チェックボタンにチェックしてもらう
2.投稿の際自動で生成される文字列を入力する
3.プレビューしないと投稿できない
…などなど

効果が高い事が大前提ですが投稿してくれる方に一手間かけさせてしまう方法は取りたくないです。
本末転倒過ぎますもん…
なので1と2は却下。
3もちょっと微妙。
ワタシだけかもしれませんが投稿する時いちいちプレビューしないんですよね…

んでみつけた対策は…

Continue reading

BlogCopyrightプラグインを入れてみた

普段は英語なんで見に行かないんですが年末年始のお休み中で暇だったんでMovable Type Plugin Directoryを覗いてみました。
やっぱりよくわからなかったんですが気になるプラグインをいくつか見つけてみたんでまずはBlogCopyright Plugin for MTを試してみました。
何ができるプラグインかと言いますと…

Copyright c2003-2004 caramel*vanilla

↑こんな感じに表示できるコピーライト用のタグが使えるようになります。
もちろん年度表示も自動で書き換えてくれる(はず)ので年末にやっても大丈夫です!

<配布元>
Ramblings of a Code Monkey: BlogCopyright Plugin for MT

以下導入方法です↓

Continue reading

逆アクセスランキング設置

ReverseAccessRanking

blogに組み込めるものは何でもやってみてるワタクシです…
先月からサイドバーにひっそり表示してる逆アクセスランキングの設置方法を書いてみます。

<参考元>
リンク元アクセスランキング導入 (CROSSBREED クロスブリード!)
<スクリプト配布元>
CJ-Club

あ!
手っ取り早く簡単に表示するならサイドバー.jpでもできます。
でもこれだと機能面で劣るのでワタシは利用していませんが…

以下覚書です↓

Continue reading

コメントのRSSを作る

自分用カスタマイズですがblogのコメントをRSSリーダーで表示できるようにしました。

<参考元>
Modern Syntax: MTのコメントをRSS化

以下導入方法です↓

Continue reading

.htaccessでmt.cfgを守る

今日MTのログを見てたらちょっと気になる事が…
Invalid login

Invalid login attempt from user 'kazu'
「ユーザ「kazu」からの無効のログイン試み」



なんだか怖くなってきました。
今まで気がつかなかったんですが過去にも何回か違う人で同じような事があったみたいです。
どうなったらこんなメッセージが出るのかわかりませんが気持ち悪いです。

これ見てハッとした事があって慌てて対策する事にしました。

Continue reading

TOPの最新エントリー表示方法を変える

TOPには最新エントリーを5件表示してサイドバーの「Recent Entry」には最新10件のタイトルを表示していました。

でも1日平均3件のエントリーをしていると4日でTOPから消えてしまい埋もれていってしまいます。

実験的にTOPの表示変えてみる事にしました。
今回大きなヒントをいただいたのは我楽さんです。

<参考元>
我楽: トップページをちょこっといじりました。

Continue reading

indexのエントリー内でコメント折りたたみ表示

うまく説明できなくてタイトルが長くなってしまいましたがコメントを見るためには別窓を開くか個別エントリーへ飛ばなければなりませんよね?
これをTOPのエントリー内に折りたたんで表示する方法です。
コメントを見る場合はエントリー最後のshow comments right hereをクリックするとビローンとコメントが出てきます。
show comments right here

閉じる時はhide commentsをクリックすれば折りたたんで閉じます。
hide comments

つまり「続きを読む」方式ですね!
この表示はコメントがついていないエントリーには表示されません。
コメントだけサクっと読みたい場合は便利なのではないかと思います。

<参考元>
scriptygoddess

以下導入方法です↓

Continue reading

MTの編集画面にHTMLエディター機能を組み込む[改]

以前のエントリー(caramel*vanilla : MTの編集画面にHTMLエディター機能を組み込む)はMT2.661の場合の方法なので今のバージョンはedit_entry.tmplの中身が違うので別の方法を取らなければなりません。
たぶん3.0以降から変わったのでしょうか??

その前に「エントリーに編集画面にHTMLエディター機能を組み込む」って何??ってことなんですが…
↑の写真のように編集画面がよくあるHP作成ソフトのような画面になります。
タグがわからなくてもボタンを押すだけで直感的に文字装飾やテーブルの挿入ができてとても便利です。
使いすぎはかえって見にくくなってしまいますがタグを活用する事で単調なエントリーにメリハリができますよね?

↓以下導入方法です。

<参考元>
Movalog: HTMLArea

Continue reading

タイトルにカテゴリー別アイコンを表示

エントリーのタイトルにカテゴリー別のアイコンを貼り付ける方法です。
自己満足カスタマイズかもしれませんがアクセントになっていいかなと思ってやってみました。

<参考元>
nlog(n): カテゴリ表示のアイコンをつけるには

今回このためにアイコンを自作してみました。

カテゴリー別アイコン

…といってもDingbatと呼ばれる絵やシンボルのフォントを使っただけですが…

以下導入方法です↓

Continue reading

リビルドせずにスタイルシートを反映させる

ものすごく今更なんですがずっとやろうと思って忘れていたネタです。

スタイルシートを編集した場合保存→リビルドしなければblogには反映されません。
今回は保存しただけで編集後のスタイルが反映されるようにしてみます。

<参考元>
ARTIFACT ―人工事実― | MTでのスタイルシート変更を楽に

以下覚書です。↓

Continue reading

ページ移動なしで「続きを読む」

そもそも最初は「続きを読む」ってどうするのかもわからなかったんでまずはそこから…
(今更過ぎるオハナシですが…)

かなり長文のエントリーの場合縦にビローーンと長くなってしまい見にくい感じがしますよね?
特にMTのカスタマイズなどでズラズラ長いソースが表示されると興味がない人にとっては非常につまらなくなってしまいます。
そこでエントリーの最初だけ表示して続きに興味のある人だけ「続きを読む」をクリックするとエントリーの最後まで読めるという方法です。
新規エントリー画面で最初に表示する部分を「エントリーの内容(body)」に書きます。
追記(extend) 」の欄にエントリーの続きを書けばOKです。
ただデフォルトでは個別エントリーのページに移動します。
indexの同じページ内でエントリーの続きをクリックひとつで表示したり折りたたんだりする方法です。

以下覚書↓

Continue reading

Movable Type 3.121にアップグレード

Movable Type 3.121の提供を開始

Movable Type 3.121はMovable Type 3.11のマイナー・バージョンアップ版です。 Movable Type 3.11のリリース後にユーザーの皆様から寄せられたバグ・レポートなどを反映し、修正を加えたと同時に、mt-load.cgi,mt-check.cgi のメッセージやドキュメントなどを日本語化し、日本語対応を進めました。

今日からMovable Type 3.121日本版がDLできるようになりました。
いつもの通り即やってみました。
アップグレード用のファイルをDL→解凍→フォルダごとサーバーにUP
(検索テンプレートを修正している場合search_templatesディレクトリはUPしない)
cgiのパーミッションを755にする→アップグレード用のcgiを実行する
(以前のバージョンが3.11の場合はmt-upgrade31.cgi)
アップグレード用のcgiを削除する→リビルド

*コメントスパム対策などを施している場合は忘れずに修正し直す。

以上で完了です♪

今のトコ特に変わった感じは致しません…

トラックバックランキングのプラグイン

面白そうなプラグインを見つけるとつい試したくなります。
ワタシのblogのpluginsディレクトリってものすごい事になってそうですがまた入れちゃいます。

MTTrackbackRanking

トラックバックされたページを、トラックバック数でランキング表示します。機能は下記のようになっております。

  • 総トラックバック数が表示できます
  • ランキングのソート方法を昇順、降順に設定できます
  • 表示件数を設定できます
  • やり方次第ではJavaScriptによるリスト配信も可能です

導入方法はとっても簡単でした。
以下覚書です↓

Continue reading

トラックバックのauto-discovery

エントリーした後編集しなおす事はありますか?
ワタシはかなりの頻度で手直しします。
間違いとか足りないものって不思議とUPしてから気がつくんですよね…
編集したものを保存する時「トラックバック先のURL 」は空のまま何も入れてないのに勝手にpingが飛んで行って相手先に重複トラバをしてしまう事ありませんか?
ワタシのところにもたまに重複トラバがきますが削除する手間はなんでもないので特になんとも思わないです。
でもやっぱりしてしまう方はそういう風には思えないですよね…

以前から不思議に思ってた事があって記事内にblogの個別アーカイブのURLを書くと「トラックバック先のURL 」は空のままでも勝手にpingが飛ぶ事があるんです。

もしかしたら基本的な事なのかもしれませんが謎が解けました!!

Continue reading

カテゴリー別RSSの作成とPOQUE設置

POQUE

またしてもサイドバーにつけてしまいました…

POQUE

POQUEは自分のサイトのRSSリーダ?!
POQUEは、ブログから書き出されるXML(RDF)ファイルを読み込み表示するブログ用ツール!

POQUEの設置自体はとっても簡単!
poque.swfをDL→サーバーにUP→ソースをテンプレに追加→リビルド
10分もあれば完了しちゃいます。
詳しくは. BLOG ドツトブログさんをご覧下さい。

以下ちょっとした補足です↓

Continue reading

コメント編集ボタンの設置

MTのエントリー投稿画面にある編集ボタン。
こいつをコメントフォームにもつけられる方法をnetwork styly *さんで発見しました!
未確認なのですがIEでのみ機能するそうです。

<参考先>
network styly *: コメント欄にもhtmlタグはめ込みツールバーを設置する
Sync A World You Want To Explore: コメントにもリンクを

以下導入方法です↓

Continue reading

Radio.blog Ver2.0の設置

-- Radio.blog デフォルトサイズ --

radio.blog

-- Radio.blog ポップアップ・ミニサイズ --

radio.blog_mini

Radio.blog is the first stand-alone player to let you stream sound on your website.

Radio.blogはあなたのウェブサイト上の音をダウンロードしながら再生するスタンド・アロンのプレーヤーです。

このradio.blogを見つけてすぐに設置してみたかったんですがこれって横幅が200pxあるみたいで思い切りレイアウトが崩れてしまいます。
ウチのblogは3カラムなのでこれ以上広げない方がいいと思い諦めてたんですがサイドバーに直接貼る事にこだわらない事にしました。
いかんともしがたいさんのエントリーにも詳しく設置方法が書かれているのですがradio.blogのバージョンが上がった事で若干違う点もありますので以下Version: 2.0の場合の設置方法です。

<参照先>
いかんともしがたい: ココログにも音楽を - radio.blog を設置する -
RADIO.BLOG.CLUB

PHPが使えるサーバーでないと設置できません!

Continue reading

BlogPeopleリストのツリー化

ブログ::カスタマイズページ集 β版経由で見つけたカスタマイズです。

サイドバーなどに表示しているBlogPeopleのリンクリストをツリー化する技です。
<参照先>JUGEMカスタマイズ講座 | BlogPeopleリストのツリー化
(JUGEM以外でもOKです!)

BlogPeopleリストのツリー化

↑うまくいくとこんな感じに表示できます。
JUGEMカスタマイズ講座さんでこれ以上ないくらい親切丁寧に解説されているのですが以下覚書です。

Continue reading

個別アーカイブに同じカテゴリーの最新記事一覧を表示

タイトルが長くなってしまいましたが個別記事のページにその記事と同じカテゴリーの最新記事のタイトルをリストアップする方法です。
(説明も長くなってしまいました…)

今回は全面的にこちらを参考にさせていただきました!

「このカテゴリの最新記事一覧」を表示するプラグイン「MTTagInvoke」 (CROSSBREED クロスブリード!)

CROSSBREED クロスブリード!さんに書いてある通りにやりましたらサクっとできました。
以下覚書です。

Continue reading

管理画面のスタイル変更

log_in.gif

この画像MTの新規エントリー投稿画面です。
見慣れたブルーの管理画面と全然違いますよね?

David Michael Allen

↑こちらで管理画面用のスタイルのファイル一式DLできます。
「DOWNLOAD .ZIP HERE」ってところからどうぞ♪

ただ一部のメニューが日本語→英語表記になったり
文字がちょっとずれちゃったりしてるのが残念です
色合いとか結構好きなんだけど…

またすぐ元に戻しそうかな…

コメントのレスをちょっとラクチンに…

なかよしこよしさんのエントリー(なかよしこよし: コメントする画面を使いやすく)を読んでmt-link-numberというプラグインが気になったんですが閲覧者同士で活発な意見交換をするわけでもないのでレス付けの時だけでもちょっとラクチンになるようにテンプレートをいじってみました。

参考にさせていただいたのは以下のサイト様です。
なかよしこよし: コメントする画面を使いやすく
bricklife.library."mt-link-number" ←プラグイン配布元

どんな感じになるかと言うと…
res_sample1.gif
↑のコメント表示部分の[res?]画像をクリックすると…

res_sample2.gif
自動的にコメントフォームまでフォーカスしてレス用の文字列が入力済になるのです。
これだけならプラグインは必要ありません。

以下導入方法です。

Continue reading

3カラム テンプレート MT3.11対応版

ワタシも使わせていただいているMSM-03Cさんの3カラム テンプレートのMT3.11対応バージョンが公開されました!

3カラム テンプレート [ RGM-79 GM ] MT3.11ja対応版 [ MSM-03C ]

今までは2.6対応版だったのですがtype keyは使うつもりなかったので特に問題なく使ってました。
でも今回サブカテゴリーに対応されたりその他細かい点も修正されたとの事でテンプレも是非バージョンアップしたいところです。
でもカスタマイズしすぎてるので時間のある週末にでもやってみようと思ってます。

Movable Type3.11導入

Movable Type3.11日本版がDLできるようになった日に速攻バージョンアップを試みたんですがアーカイブが表示されなくて結局すぐに元に戻しました。
(caramel*vanilla : 幻のMovable Type3.11日本版)
他のblogさんはなんだかとってもすんなり3.11にバージョンアップされてるっぽいのですんごい取り残されたような気持ちになってました。

今日は仕事も休みなので再チャレンジです!

バージョンアップは前回と全く同じ手順でやりました。
作業自体はとっても簡単です。
でもやっぱりアーカイブが表示されないんですよね…
FTPでarchivesディレクトリを覗いてみたら拡張子が勝手にphp→php.staticに変わっちゃってます。
コレが原因ぽいです。
いろいろ試行錯誤した結果実にアホらしい原因が判明しました!

Continue reading

幻のMovable Type3.11日本版

今日からMovable Type3.11日本版がDLできるようになりました♪
試したがりなのでさっそく導入♪

念の為エントリーの書き出しを…
と思ったんですがエントリーが多すぎて途中で終わっちゃいました。
新しいのから先に書き出してってくれれば以前の分はバックアップ取ってるのに~
仕方がないんでFTPでディレクトリごとごっそりバックアップしてからアップグレード作業開始しました。
参考にしたのはこちらです↓

Movable Typeのアップグレード手順

Continue reading

スタイルシートを切り替える[改]

先日のエントリー(caramel*vanilla : スタイルシートを切り替える(フォントサイズの切替))でスタイルシートを切り替えられるようにしました。
最初はフォントサイズの大小だけ切り替えられるようにしたんですがそれだけじゃ面白くないので、スタイルシートで作るBLOGのskinというカタチで全く違うデザインをいくつか作って選択できるようにしました。
でも種類が増えてくるとテキストリンクは場所をとってしまいます。
コンパクトなセレクトメニューに変える事にしました。
今回参考にしたのはこちら↓

スタイルシート切り替えのJavaScript-Tip

実は最初うまく設置できなくて諦めかけてました。
同じような機能のJavascriptを検索して3つ目に試して成功したのが↑のスクリプトです。


Continue reading

カスタマイズのコツ?

blogをカスタマイズするのは最初に考えてた以上にハマります。
特にMovable Typeは無料blogツールより自由度が高いのでできる事がたくさん!
いろいろなカスタマイズ方法もたくさんのblogで紹介されています。
そんなカスタマイズネタを日々探して結構試してるのですが最近になってやっとコツがわかってきて前より要領よくスムーズに進むようになりました。
(相変わらずうまく行かない場合もありますが…)
ごくごく当たり前の事ばかりかもしれませんが以下にいくつかコツと思える事を書いてみます。

Continue reading

MTのコメント欄で絵文字を使えるようにする[改]

以前のエントリーでコメントに絵文字を使えるカスタマイズは実施済です。
(caramel*vanilla : MTのコメント欄で絵文字を使えるようにする)
文字だけの味気ないコメント欄が一気に楽しくなってもしかしたら1番のお気に入りカスタマイズかもしれません。
でもずっと気になってたのがコメント入力時にIMGタグが丸見えって事。
ズラズラ長くなるし何の絵文字なのか投稿するまでわかりにくいって欠点がありました。

少し前JUGEM用カスタマイズのblogでとっても気になるスクリプトが紹介されてました。

stroll::blog | コメントにカスタマイズ絵文字入力機能

JUGEM以外でも設置可能との事でしたが何回頑張ってみても設置できなかったんです。
諦めて何事もなかったようにウロウロしてたらtokitama::weblogさんのコメント投稿部分でMT用の絵文字入力機能を発見しました!

Continue reading

スタイルシートを切り替える(フォントサイズの切替)

見やすいサイト作りと自分の勝手な美意識とのハザマで結構悩んだりしてます。
テキストを読みやすくするには文字色と背景色の組み合わせにも左右されると思いますが1番はフォントサイズなのかなぁ…
でも「大きいフォントサイズはスマートじゃない!」って強く思ってるんですよね…
ついでに「英数字の全角はスマートじゃない!」とも思ってたりします。
(↑の表現オブラートに包んでます…アハ)
まぁこれは個人の主観ですけどね…
そんなワケでメインのエントリー部分はフォントサイズ11pxにしています。
これがワタシにとって1番ちょうどいいサイズだからです。
(逆に言うとメインが10px以下の場合読むのがとても疲れます…)

でも文字サイズが小さいせいで見に来てくれる方のストレスになったり見る気がなくなったりして素通りされてたりしたらそれは本末転倒というか非常に悲しい事です。

スタイルシートで指定しているせいでブラウザで文字サイズを自由に変えられないんですよね…
そこで閲覧している方が文字サイズを簡単に変えられるようにしてみました。

Continue reading

休日表示カレンダープラグイン

nlog(n) - 休日表示カレンダープラグイン

MovableType のカレンダーに色づけをするプラグインです。色づけできるのは、日本の休日(日曜・祝祭日)、土曜日、奇数カラムの曜日(月・水・金)、偶数カラムの曜日(火・木・土)で、色はそれぞれ別に指定することができます。

以前導入しようと思った休日表示カレンダープラグインですがサーバーに「Date::Japanese::Holiday」モジュールが必須という事で泣く泣く断念しました。
(caramel*vanilla : カスタマイズ失敗記)
諦めていた矢先Magic Whiteのみよたんさんからロリポにモジュールがインストールされたというありがたい情報をいただき早速再チャレンジ!

みよたん様その節はありがとうございました♪

Continue reading

カスタマイズ失敗記

いつもカスタマイズの成功ばかり書いてるのでたまには失敗した記録も残しておきます。
最初は失敗ばかりでしたが最近はやりたいと思った事のほとんどはなんとかできるようになりました。
でも場合によっては何度も何度もやり直したりちょっとづつ修正したりでかなり時間を費やしたものもあります。
以下にあげるカスタマイズはワタシの環境では導入が厳しそうで諦めたものや何度やってみてもどうしても成功しなかったものです。
機会を作って懲りずに再チャレンジするかもしれません。
もし成功された方いらっしゃったらアドバイスいただけたら嬉しいです!

Continue reading

コメントの背景色を交互に変えるプラグイン

テンプレにも因ると思うんですがたくさんコメントが続くとちょっと見難いかな?って思ってました。
そんな問題を解決する痒いところに手が届くようなプラグイン見つけました。

nlog(n): しましまコメントプラグイン 1.0

Bloglines の表示は、記事の背景色が交互に色づけされていて見やすい。
MovableType のコメント欄もこんな風に色づけしてみたい、と思ってプラグインを書いた。

このプラグインを入れるとコメント本文と投稿者情報の欄に好きな背景色を交互に設定できるようになるのです。
文字通りしましまになっちゃうんです♪

Continue reading

AudioscrobblerでNow Playing

Audioscrobblerは結構面白いんですがNow Playingとか表示されなくてユーザーページへのリンクが貼られるだけです。
RSSを読み込んでサイドバーに表示しようかと思ってたんですがちょっと難しそう…

Audioscrobblerに特化したページ埋め込み型RSSリーダーが公開されたのを知り早速導入してみました。

大黒屋本舗: jsRSS for Audioscrobbler++ v0.1β


Continue reading

blogのエントリーをラクチンに?

ワタシはhtmlとかちゃんと理解してないのでタグの手打ちとかできないへたれです。
MTのエントリー編集画面って必要最低限以下のボタンしかありません。
2.661の時はHTMLAreaというブラウザーで利用できるHTMLエディターをMTに組み込んで使ってました。
(caramel*vanilla : MTの編集画面にHTMLエディター機能を組み込む)
3.01にしてからは面倒でまだ導入してませんでした。
正直HTMLAreaは重いんですよね…
ちょっと調べてみたらエントリーをラクにするかもしれないツールを2つ見つけました。

 

Continue reading

年間アーカイブの作成

blogを始めてからはまだ3ヶ月ほどですがcaramel*vanillaは来月で1周年を迎えます。
利用頻度は低そうですが年間アーカイブを作成してみようと思います。

<参考先>
Chitatopops: 年ごとのアーカイブ
ArchiveYear plugin for Movable Type
Archive Date Header Plugin :: Kalsey Consulting Group

Continue reading

MT4i v2.0にバージョンアップ

MT用携帯電話向け変換プログラム MT4iのv2.0β2が本日仮公開されました。

talk to oneself 2: MT4i v2.0β2仮公開

MT3.0にも対応されてるしいろいろな新機能も盛りだくさんのようです。 さっそく導入してみました。

Continue reading

Recent imageの表示

たぶんウチのメインコンテンツと思われるのが手作り石鹸について。
慣れないとちょっとわかりにくいblogなのでなんとか手作り石鹸へ辿りやすくしたいと思いました。
そこで最新の手作り石鹸の画像をサイドバーに表示してみます。

Continue reading

カテゴリーリストの折りたたみとツリー化

前回(caramel*vanilla : カテゴリーリストのカスタマイズ)エントリーしてから間もないのですがMT3.0にバージョンアップしたりテンプレートを変えたりでカテゴリーリストの表示方法を変えたので改めて覚書を…

ツリー化してもたくさんあるカテゴリーのせいでごちゃごちゃ感は歪めないしリストもズラズラ長くなってしまってました。
Javascriptでの折りたたみも活用しつつ何とか思い通りのカテゴリーリストの表示をしようと思います。

Continue reading

Trackback Peopleの表示とping送信

トラックバック・ピープル
「BlogPeople トラックバックピープル」は特定の話題にトラックバックされた記事の新着10件をあなたのサイト内に表示するためのスクリプトを提供します。

blog始めたらほとんど誰もがBlogPeopleを利用してると思います。
BlogPeopleが先週から新しく始めたサービスTrackback Peopleの盛り上がりと浸透に期待しています。

Continue reading

MT壊れた原因とコメントスパム

ほんの2週間位の間に2回もMTの管理画面で致命的なトラブルに見舞われリビルドもできず再インストールするハメになりました。
他でもMTが壊れてしまった方がチラホラいらっしゃるようです。
私には今回の原因は全くわかりませんがMT-Blacklistプラグインが関係しているかも?って話を聞いてちょっと不安になりました。

Continue reading

エントリーのバックアップのススメ

今回はじめてエントリーの書き出しと読み込みをしました。
トラブルやお引越しのときだけじゃなくバックアップのためにもたまにやった方がよさげです。
書き出しするだけなら短時間ですぐできるので定期的にやっといた方がいいと思います。
トラブルに巻き込まれて痛感しました。

Continue reading

カテゴリーリストのカスタマイズ

本家(?)サイトのコンテンツをこちらに移動してblog1本で行こうと思ったんですがカテゴリーが多くなりすぎてごちゃごちゃしてしまいました。
カテゴリーの表示順ってアルファベット順なんですよね…
そこで…

1)カテゴリー表示を好きな順番に変える
2)カテゴリーをツリー表示にする
以上を実施してみました。

1)カテゴリー表示を好きな順番に変える

カテゴリーを自分の並べたい順番にする:ウェブログ(blog) 活用フォーラム

カテゴリーを自分の並べたい順番にする
当サイトでは、まず最初に数字のヘッダをつけてカテゴリーを作ります。さらに数字だけだと分類するときにプルダウンでどれがどれか分からなくなるので、ローマ字か英語で意味のある言葉を付け足します。

まずはカテゴリーの編集でカテゴリーの名前を「数字-カテゴリー名」って感じに変えてしまいます。
上に表示したいカテゴリーから順に数字を割り振ってください。

カテゴリーの名前
about→010-about
photo→020-photo

後々カテゴリーが追加される事もありえるので数字は10,20,30…などと間を空けた方がいいみたいです。
このままだとカテゴリーのリストには数字まで表示されてしまうのでカテゴリーの属性を編集します。
カテゴリーの説明のところに表示させたい名前を記入します。
後で説明する無理やりツリー化技のため名前の頭にちょっと記号をつけました。

カテゴリーの説明
親カテゴリー→* Handmade
サブカテゴリー→∟ Soap

後はカテゴリー名を表示させているテンプレートを赤字のタグに修正します。
メニューだけならMain Indexのみ。
各エントリーにカテゴリ名を表示させているならIndividual Entry Archiveなども忘れずに…

カテゴリーの名前→カテゴリーの説明
<$MTCategoryLabel$>→<$MTCategoryDescription$>

2)カテゴリーをツリー表示にする

はかいおうこうむてん: MTにサブカテゴリー
David Raynes: SubCategories v0.4

まずはSubCategoriesプラグインを手に入れ解凍後pluginsディレクトリにUP
mt-sc.cgiは1行目のperlのパスを自分の環境に書き換えてmt.cgiと同じ場所にUP
パーミッションを755にします。
(サーバーによって違うかも?)
mt-sc.cgiにアクセスしてサブカテゴリーの設定をします。

[左プルダウン] is the parent of  [右プルダウン]
   ↓
[左のカテゴリー]は[右のカテゴリー]の親

1つづつサブカテゴリーを設定していくごとにCurrent parent/child relationshipsの下でツリー表示が確認できます。
ただ要注意なのは一度サブカテゴリーの設定をしてしまうと解除できないっぽいのです。
このへんはプラグインのバージョンアップを祈るばかりです。
後はテンプレートのカテゴリーリストの部分に以下のタグを追加します。

<MTSubCategories show_empty="0">
<MTSubCatIsFirst><ul style="list-style-type:none">
</MTSubCatIsFirst><li>
<a href="<$MTCategoryArchiveLink$>">
<$MTCategoryDescription$></a> (<$MTCategoryCount$>)<br>
<MTSubCatsRecurse>
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories></div>

<ul>タグはツリー化のためスタイルをなしに設定しました。
このままだとサブカテゴリーがすごく右によってしまうのでスタイルシートで設定します。

.side UL{
margin-left:1em;
margin-top:0em;
}

カテゴリーの説明でサブカテゴリーの頭に「∟」をつけたので無理やりツリー化できました。
もっとスマートな方法があるのかもしれませんがとりあえず当分はこんな感じで。
ただずらずら長くなってる事には変わりないのでプルダウンメニューにしちゃうかもしれません…

コメントスパム対策5

半角英数字のみのコメントをはじくスパム対策(きままにポロポロさんより)をとっていたんですが先月末に結構まとまった数のスパムがきまして他の対策も!と思いMT-Blacklistプラグインを導入したりしました。
誠にありがたいことにきままにポロポロさんよりトラックバックをいただいて新しい対策を知ることができました!
VIVA blog!
VIVA Trackback!

きままにポロポロ: コメントスパム ひらがな対策

今回の方法は、"連続したひらがなが必要"バージョン。
本文中に連続したひらがながあればOK、なければエラーが起きるようになっています。
ひらがなの文字数は任意に指定できます。

こちらでは具体的な方法を書くのは避けますがとても簡単な方法です。
(mt-comments.cgiをちょっといじるだけ)
もしすでに「全角必須」もしくは「句読点必須」の対策を講じている場合はその部分を上書きするようにするそうです。
前回のコードに追加しないようにとAkihiさんにアドバイスいただきました。
本当に感謝です!


MTPingedEntryプラグインの導入

またちょっとしたカスタマイズです。
今回は最新のトラックバック表示について…

Individual Page : MTの「最近のTrackback」にエントリーのTitleとPermalinkを!
Movable Typeの標準機能では、「最近のTrackback」を表示するとき、どのエントリーへのTrackBackかを表示できません。

そこで、Movable Typeの「最近のTrackback」にエントリーのTitleとPermalinkを表示する「MTPingedEntry」プラグインを作成しました。

そうそう!最新のトラックバックで見てもどのエントリーに対してなのかなーーって思うことがありました。
導入は簡単でした。
MTPingedEntryプラグインをGET→解凍→pluginsディレクトリへUP
あとは表示させたいところにタグを追加します。
ウチの場合は↓の感じです。
(画像タグは省略してます)

<MTPings lastn="5"> <MTPingedEntry> Re: <a href="<$MTPingedEntryLink$>"> <$MTPingedEntryTitle$></a> </MTPingedEntry><br /> <$MTPingDate format="%m/%d"$> <a href="<$MTPingURL$>" target="_blank"><$MTPingTitle trimj_to="26"$></a> <br> From <$MTPingBlogName$></MTPings>

赤字で表示数を変更できますのでお好みで変えてください。
プラグインっていろんな便利機能や表示方法の幅が広がって面白いです♪

がちゃがちゃエントリ

なかよしこよしさん経由で知ったがちゃがちゃエントリ!
面白そうなので導入してみました。

なかよしこよし
BlogPeopleの「がちゃがちゃブログ」は色んなブログサイトをガチャガチャするのに対してこちらの「がちゃがちゃエントリ」は今、見ているサイトの中の記事をガチャガチャするものなのです。
過去に書いて埋もれてしまっている記事もコレを導入する事により、また日の目を見る事ができるようになるかもしれませぬ:-)

もともとは僕は見ていた(.Mac Tips)さんが作られたiBlog用のJavaScriptだそうです。
MT用はPIROBLOG2さんのところにありますのでありがたくいただいてきました。

PIROBLOG2 : がちゃがちゃエントリ for MT
.Mac Tips : がちゃがちゃエントリ

導入手順です。
「Templateの編集」→「新しいインデックス・テンプレートを作る」でがちゃがちゃエントリのテンプレートを作成します。
テンプレートの名前→GachaGachaEntry
出力ファイル名→GachaGachaEntry.js
以上のようにしてテンプレートの中身はPIROBLOG2さんのMT用のがちゃがちゃエントリのJavaScriptをそのままコピーして貼り付けます。

function GachaGachaEntry()
{
 var urls = new Array(
<MTArchiveList>
  "<$MTArchiveLink$>",
</MTArchiveList>  "");
 location.href = urls[Math.floor(Math.random() * (urls.length - 1))];
}

あとはがちゃがちゃエントリを貼り付けたいところに以下を貼り付けます。
私の場合はサイドバーのテンプレートモジュールに貼り付けました。
赤字は各自の環境に合わせてください。
GachaGachaEntry.jsはmt.cgiと同じ場所にできてるはずです。
後は保存してリビルドすれば完了です。

ボタンバージョン --- .Mac Tipsさんより

<script type="text/javascript" src="GachaGachaEntry.jsのURL"></script>
<input type="button" value="がちゃがちゃエントリ" onclick="GachaGachaEntry()" onkeypress="GachaGachaEntry()" /><br />
<noscript>ごめんなさい。これも JavaScript で実装しています。</noscript>

画像バージョン --- .Mac Tipsさんより

<script type="text/javascript" src="GachaGachaEntry.jsのURL"></script>
<input type="image" height="" width="" src="画像のURL" alt="がちゃがちゃエントリ" onclick="GachaGachaEntry()" onkeypress="GachaGachaEntry()" /><br />
<noscript>ごめんなさい。これも JavaScript で実装しています。</noscript>

テキストバージョン --- なかよしこよしさんより

<script type="text/javascript" src="GachaGachaEntry.jsのURL"></script>
<span title="エントリをランダムに選んで表示します。" onclick="GachaGachaEntry()" onkeypress="GachaGachaEntry()" />&raquo;がちゃがちゃエントリ&laquo;</span>
<br />
<noscript>ごめんなさい。これも JavaScript で実装しています。</noscript>

自分でがちゃがちゃやってたら忘れてたエントリーが出てきたりしてちょっと懐かしかったです。

エントリーのプレビュー

MTの編集画面に[確認]ボタンありますがこれって使えなくないですか?
簡易表示なのでテキストの誤字脱字のチェックはできるけど表示の最終確認はできません。
エントリー後にミスに気がつく事が多いのでしょっちゅう直してます。
偶然知ったんですがエントリー前にプレビューできるプラグインなんてのがあるんです!

Chitatopops: WYSIWYGモードでプレビュー
WYSIWYGボタンを押すとウィンドウがポップアップし、Individual Entryの状態でプレビューすることが出来る。Textileプラグインにしっかり対応しているのもうれしい。

でも上記のサイトでは具体的な導入方法の記載がありませんでした。
他で調べても見つからなかったので海外なのでビビりつつ配布元へ行ってみました。

10 Goto 10: MT-Preview: WYSIWYG Preview Mode for Movable Type

翻訳サイトのお世話になりながら導入してみます。
まずはpreviewプラグインをGETして解凍します。

mt-preview.cgi → 1行目のperlのパスを修正後mt.cgiと同じ場所へUP → パーミッションを755へ(ロリポの場合)
preview.pl → pluginsディレクトリへUP
Preview.pm → 解凍して出てきたLaurentmフォルダごとextlibディレクトリへUP

以上でダウンロードしたファイルの修正は終了です。
次は/tmpl/cmsディレクトリ内にあるedit_entry.tmplを3箇所修正します。
修正前にバックアップを取るのを忘れずに…
赤字が追加部分です。

12行目あたり

<script language="JavaScript">
<!--
function doPreview () {
window.open('<TMPL_VAR NAME=SCRIPT_PATH>mt-preview.cgi?blog_id=<TMPL_VAR NAME=BLOG_ID>&entry_id=<TMPL_VAR NAME=ID>', '', 'width=800,height=600,resizable=yes,scrollbars=yes');
}

if ((!(navigator.appVersion.indexOf('MSIE') != -1) &&
      (parseInt(navigator.appVersion)==4))) {
    document.write("<STYLE TYPE=\"text/css\">");
    document.write("BODY { margin-top: -8px; margin-left: -8px; }");
    document.write("</style>");
}

青字は別窓で出てくるプレビュー画面のサイズだと思うのでお好みで変えてください。

299行目あたり

<tr>
<td bgcolor="#999999" align="center">
<TMPL_UNLESS NAME=NEW_OBJECT>
<input class="button" onClick="doPreview()" type="button" value="<MT_TRANS phrase="WYSIWG">"> 
</TMPL_UNLESS>

 <input class="button" type="submit" name="preview_entry" value="<MT_TRANS phrase="Preview">">

584行目あたり

<tr>
<td bgcolor="#999999" align="center">
<TMPL_UNLESS NAME=NEW_OBJECT>
<input class="button" onClick="doPreview()" type="button" value="<MT_TRANS phrase="WYSIWYG">"> 
</TMPL_UNLESS>

 <input class="button" type="submit" name="preview_entry" value="<MT_TRANS phrase="Preview">">

以上の修正が終わったら/tmpl/cmsディレクトリ内にUPして導入完了!なはず…

さてさて肝心なプレビュー方法です。
エントリー画面でいつも通り編集後下書き状態でいったん保存します。
すると画面下に新しいボタンが出てきます。

1番左の[WYSIWYG]ボタンを押してみると別窓でIndividual Entryの状態そのままでプレビューできます。
ただそのままでは文字化けしてるのでエンコードで文字コードを日本語に指定します。
この辺がちょっと不便ですが調べても文字化け対策がわからなかったのでこのままにしています…
どなたかわかる方いたら教えていただきたいです…

MT-Blacklistプラグイン導入

コメントスパム防止のためにいくつか対策してたんですが数日前まとめてやってきやがりました。
きままにポロポロさんで紹介されてる半角英数字のみのコメントをはじく方法も一部のスパマー野郎には通用せずコメントに無意味な漢字が1文字入ってたりするんです。
めんどくさそうで導入する気はなかったんですがお盆休みで時間もたっぷりあるしちょっと頑張ってみました。
今回のプラグインはちょっとやっかいでした…
参考にさせていただいたのは以下のサイト様です。

alfabeat: MT-Blacklist設置、MT-Notifierとの共存
Milano::Monolog: MT-Blacklistを使用した場合の文字化け対策

ややこしいので詳しい導入方法は上記を参照してください。
わかりやすく解説されています。

簡単な手順は…

MT-BlacklistプラグインGET→解凍
mt-blacklist.cgi →各自の環境に修正
MTBIPing.pm→トラックバックの不具合対策を施す
MTBIPost.pm→MT-Nofitier導入してる場合のみ修正
各ファイルをFTPでサーバーにUP
YAMLをGET→解凍→サーバーにUP

ここまでで準備は完了です。
あともう一息!

最新のBlacklistデータをGET
mt-blacklist.cgiにアクセスして最新リストをインポート

以上です!
ふぅ~
常に最新のリストであるようにBlacklistのRSSをチェックしたら完璧ですね!
でもいつまでこのいたちごっこは続くんでしょうか…

普段見たことなかったんですがメインメニューからたどれるMovable Type のログの確認ってシステムの状態やログイン履歴の確認ができるって事みたいですがスパマーがきた記録も残るんですか??
よくわかりませんがちょっと見てみました。
スゴイ!
4/2にインストールした時からの記録がずっと残ってるんですねー
このログで過去どんなワードで検索されたかもわかるんですねー
おもしろい!
因みに今日は「アイコン」と「天気」での検索があったみたい。
結局スパマーの形跡はわかりませんでした…

トラックバックを簡単に…

トラックバックって週に1回ペースくらいかな?
そんなにくるわけではありません。
でもblogを始めた頃トラックバックがよくわからず困った覚えがあります。
トラックバックして下さろうと考えてる方にちょっとでもラクしてもらうようにいくつか変更しました。

Zakimi::Blog: TrackBackのアドレスを自動選択
ちょっとだけソースを修正するだけで上記のようなテキストボックスが作れて、訪れてくれるユーザに(少し)楽させてあげることができますよね(軽くテキストボックスを選択後、Ctrl+Cを実行するだけ)。

クリックひとつでURL全部が選択できるのでちょっとラクですよね♪
TrackBackURLってどこ??って感じに思われる場合もあるかもしれないので各エントリー下に表示するようにしました。
テンプレートのMain IndexとIndividual Entry Archiveに上記のソースを貼り付けてます。

MT2.661のバグ対策

コメントのプレビュー画面の下にわけのわからない文字が並んでいるのが気になってたんですがこういうものかと思って特に対策を探したりしていませんでした。
そんなに目立たないしプレビュー画面なんてあんまり見ないと思うし…
これってMT2.661のバグだったんですね!

hwp blog: MT2.661のバグ対策

↑のエントリー読ませていただいて同じ症状があることを思い出し早速対策させていただきました。

サーバーのディレクトリをlib→MT→Templeteと辿っていきContext.pmというファイルを修正します。

return sprintf(qq(<a target="_blank" href="%s%s?__mode=red&id=%d">%s</a>),
$cgi_path, $comment_script, $c->id, $name);
} elsif ($show_email && $c->email) {
my $email = remove_html($c->email);

↑の部分を探して(私の場合1187行目にありました)以下のように修正します。

# return sprintf(qq(<a target="_blank" href="%s%s?__mode=red&id=%d">%s</a>),
if($c->id){
return sprintf(qq(<a href="%s%s?__mode=red&id=%d">%s</a>),
$cgi_path, $comment_script, $c->id, $name); } else {
return sprintf(qq(<a href="%s">%s</a>), $c->url, $name);
}
} elsif ($show_email && $c->email) {
my $email = remove_html($c->email);

あっという間に終了♪
試しにプレビュー画面を確認してみましたが意味不明の文字列がキレイサッパリ消えてました!!
すごくスッキリしました!

MyClipにスクロールバーをつける

blog始めたと同時にBlogPeopleMyblogList には登録しました。
ついでにMyClipも登録してたんですがまったく使ってなくて忘れてました。

MyClipは、気になるニュースやblog記事を自分のblogに「Clip」し、 blogのサイドバーに記事へのリンクや簡単なコメントなどを表示できる機能です。
「あ、このニュース、ちょっと面白い」「このblog、みんなに教えたいかも」 そんなとき、blogを書くよりもっと手軽にピックアップする新しい方法、それがMyClip!

今までは気になる記事とか一時的にブックマークしてたんですけどごちゃごちゃしちゃうしMyClip! って結構使えるのかも?と思いサイドバーに表示させることにしました。
サイドバーにはやっぱりスクロールバーは付けたいです。
気になった記事を気軽にどんどんClipしたいですもん…
参考にしたのは以前エントリーした「BlogPeopleにスクロールバーをつける」です。
MyClip! も同じようにテンプレートのStylesheetにclass属性をひとつ加えました。

スクロールバーをつけるだけなら以上でOKです。
他にもスタイルを追加したので最終的には↓のようになりました。

最新ClipClipランキングもたまにチェックしてみると面白いかもです。
ついでにこのblogの各エントリーにも簡単にClipできるClipLinkを設置してみました。

MTBlogPingsプラグイン導入

面白そうなプラグインが紹介されてるのを見つけて即導入してみました。

hwp blog: BlogStats追加

MTBlogPingsというプラグインを導入するとこれまでのエントリー数・コメント数・トラックバック数を表示することができるそうです。
自己満足ですけどね…
プラグインを導入するときはいつも通りダウンロード→解凍→pluginsディレクトリにUPという手順です。
以下のタグを好きな場所にコピペしてリビルドしてください。

<$MTBlogEntryCount$> → エントリー数
<$MTBlogCommentCount$> → コメント数
<$MTBlogPingCount$> → トラックバック数

スパムコメント数なんて表示できたら笑うに笑えないかも…

横型カレンダー設置(2ヶ月分)

先日のカスタマイズで2ヶ月分のカレンダーを表示できるようにしました。
(カレンダーを2か月分表示)
でも場所をとってしまい見た目がスッキリしないんですよね…
月めくりのカレンダーも設置できるようですがちょっとうまくいかなくて断念しました。
横型ならどうだろう??
いろいろ調べてみたら理想形の形のカレンダーをみつけました。

Feanor Fan Club: カレンダーの表示変更


ほとんどそのまま使わせていただきましたが一部を変えた最終的なカレンダーのソースは以下の通りです。

今までカスタマイズしてきたソースも盛り込んで私にとってのカレンダーの最終形になったかな?

MTの日付フォーマット表

カスタマイズをする上でとっても役に立つ一覧表をDIGITALWAVEさんでみつけました。

DIGITALWAVE : 日付format属性の表

自分の好きなフォーマットで日付を表示する為には以下の表を参考にしてください。
…っていうか参考にさせていただいております!

形式

意味

%A完全な曜日名Thursday
%a短縮形式の曜日名Thu
%B完全な月名September
%b短縮形式の月名Sep
%d日付を表す2桁の数字09
%e日付9
%H24時間表記の時16
%I12時間表記の時04
%jその年の通算日数を表す3桁の数字056
%k24時間表記の時。
※1桁の場合はスペースを挿入
 9
%l12時間表記の時。
※1桁の場合はスペースを挿入
 4
%M分を表す2桁の数字02
%m月を表す2桁の数字09
%pAMかPMのいずれかAM/PM
%S秒を表す2桁の数字04
%X一般的な時刻表現4:31 PM
%x一般的な日付表現September 9, 2001
%Y年を表す4桁の数字2001
%y年を表す2桁の数字01

いろんな場所で日付を表示する事があると思うのですがどうせなら自分の好きな表示方法にしたいですよね?
そんな時この表はとてもわかりやすくて便利です!

カレンダーを2か月分表示

っていうか何か月分でも表示できます。
(意味ないけど…)

charaBLOG: カレンダー

今回の手順は…
*プラグイン(calx.pl)をダウンロード
*FTPでサーバーにUP
 ∟calx.pl→pluginsディレクトリへ
 ∟calx.pm→extlib内にbradchoateディレクトリを作ってその中へ
*テンプレート修正
 カレンダーのタグを全部コピーして一部を修正
 私の場合は以下のような感じです。

<div align="center" class="calendar">
<table width="150" border="0" cellspacing="1"
line-height:125% letter-spacing:1pt
cellpadding="0" fout size="1"
<summary="Monthly calendar with links to each day's posts">
<caption class="calendarhead" >
<MTDateEx format="%B %Y" month_offset="-1">
</caption>
<tr>
<th abbr="Sunday" align="center"><span class="calendar"

>日</span></th>
<th abbr="Monday" align="center"><span class="calendar"
>月</span></th>
<th abbr="Tuesday" align="center"><span class="calendar"

>火</span></th>
<th abbr="Wednesday" align="center"><span class="calendar"
>水</span></th>
<th abbr="Thursday" align="center"><span class="calendar"

>木</span></th>
<th abbr="Friday" align="center"><span class="calendar"
>金</span></th>
<th abbr="Saturday" align="center"><span class="calendar"

>土</span></th>
</tr>
<MTCalendarEx offset="-1">
<MTCalendarWeekHeader>
<tr>
</MTCalendarWeekHeader>

<MTCalendarIfEntries><MTEntries lastn="1">
<a title="[<$MTEntryCategory$>] <$MTEntryTitle$> |
<$MTEntryDate format="%X"$>
" href="<$MTEntryLink archive_type="Daily"$>">
<$MTCalendarDay$></a></MTEntries>
</MTCalendarIfEntries>


<MTCalendarIfNoEntries><$MTCalendarDay$>
</MTCalendarIfNoEntries>
<MTCalendarIfBlank>&nbsp;</MTCalendarIfBlank>
</span>
</td>
<MTCalendarWeekFooter>
</tr>
</MTCalendarWeekFooter>
</MTCalendarEx>
</table>
</div>

offsetの値を変更すると表示するカレンダーが自由自在みたいです。
未設定で今月
offset="1"では来月
offset="-1"で先月
offset="-2"で先々月
…などなど

↑のタグは無意味なのもあるかもしれませんが一応これで2か月分表示されてます。

Google Similarの導入

Google Similar β2 リリース :: Drk7jp

Google Similar?

ご自分の Blog 等に JavaScript なリンクを設置するだけで、自分のページ似たページの一覧を表示することができます。CGI 設置が不要で簡単手軽サービスです。

前から気になってたGoogle Similarを導入してみました。
エントリーの中にあるいくつかのキーワードを選んで自動でGoogleで検索して同じキーワードが含まれるページを探して表示してくれるのです。
Individual Entry Archiveテンプレートの表示したい箇所に簡単なコードをコピペするだけです。
Google Similar 導入支援ツールもあり必要項目を埋めていくだけで自動でコードを生成してくれるので簡単に導入できました。
中継君JS」という表示を高速化するためのプログラムもついでに導入してみました。
表示はスタイルシートで好みに変更できます。

肝心の精度ですが正直微妙な部分もありましたが改めて自分のエントリーを見直して「おっ!ここ行ってみよう!」って思える新たな発見もありました。
ちょっと面白いかもしれないです♪


コメントスパム対策4

なんだか最近ぽつぽつとスパムが書き込まれてます。
出先で携帯から発見するとすごくヘコみます。
気がついてるのに消せないっていうのはホント嫌なものです。
こうなったら究極の対策を取るしかないのか…

きままにポロポロ: 続々コメントスパム

こちらで紹介されてる方法は半角英数字のみのコメントは全てはじいてしまうという荒業です。
以前からこの方法は気になったのですが外人サンが写真に対してコメントくれた事が何度かあったので思いとどまってました。
でもまぁめったにあるわけじゃないし思い切ってやっちゃいます!
具体的な方法はきままにポロポロさんに行っていただくとしてざっと手順を…

mt-comments.cgiにほんの数行書き加える
FTPでサーバーにUPする

たったこんだけです!
時間にして5分もかかりません。
試しに英数字だけでコメントしてみましたがcgiエラーになって書き込めないようになってます。
これでよかったのかどうかわかりませんがしばらく様子を見てみようと思います。

-------------------------

7/31 追記

これまでで最悪の数のコメントスパムがきました…
一気に20件くらい…
いちいち全部見てないですがコメントの中に1文字だけ漢字が混ざってたりしました。
完全な対策はないんでしょうか??
複数の対策をしていかなくちゃいけないのかなぁ~


カレンダーのリンクにタイトル表示

カレンダーの日付をクリックするとその日にエントリーした一覧へリンクしますが飛ぶ前にタイトルがわかると便利です。
オンマウスでタイトルと更新時間が表示されるようにしました。

<参考元>
cocoons.org*: カレンダーのリンクにタイトル表示

カレンダーのタグを以下のように修正します。
赤字が追加部分です。

<MTCalendarIfEntries>
<MTEntries lastn="1">
<a title="[<$MTEntryCategory$>] <$MTEntryTitle$> | <$MTEntryDate format="%X"$>" href="<$MTEntryPermalink$>">
<$MTCalendarDay$></a>
</MTEntries></MTCalendarIfEntries>
<MTCalendarIfNoEntries>
<$MTCalendarDay$>
</MTCalendarIfNoEntries>



ほんのちょっとした事ですが便利になって満足です♪

携帯向け変換プログラムMT4i

blogを携帯から見ちゃおうってプログラムを導入してみました。

talk to oneself 2: MT4i Version 1.81公開

最近MT3.0対応のβ版も公開されてたので最初はそちらを試してみたんですが何度やっても500エラーになってしまいます。
cgiが正常に動いていないとか言われてもサッパリなのでMT3.0には未対応ですが最新バージョンで試したらちゃんと表示されました!

シンプルな画面ですがエントリーを見てコメントを書く事はちゃんとできるようです。
でもMT3.0特有の現象なんでしょうか?
「未登録の読者からのコメントを受けつける」にチェックを入れて「コメントの事前確認を有効にする」はチェックをはずしてるのに掲載の承認するまでは保留状態で表示されないです。
やっぱりMT3.0対応版にしないとダメっぽいです。 
でもcgiの設定項目が少なくて設置自体は簡単にできたのでバージョンアップしたらまた試してみようと思います。

PING送信先の追加

せっかく更新した自分のblogですもん…
どうせならたくさんの人に見て欲しいと思いませんか??
方法はイロイロあるんでしょうがエントリーする時のping送信先を増やしてみるのは簡単かも?
いろんなところにpingを飛ばす事によってあっちこっちに「更新したよ~」って嫌味なくらい言いふらせます。
pingサーバーを調べたら結構種類がありますね。
どこが1番効果的なのかまではちょっと不明ですが…

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

ping送信先の追加は
ウェブログの設定→広報 / リモートインターフェイス / トラックバック
の1番最初「ウェブログが更新されたときに通知する」にコピペしてください。
あとは保存してリビルドして完了!
あんまり追加しすぎるとエントリーの更新時間に時間かかっちゃいますんでほどほどがいいみたいです。
とりあえず私は5つくらい追加しましたが実際に訪れてくれる人が増える効果はどれくらいなのかな…
よくわかりませんがやらないよりましって程度かも?

リンク先を別ウインドウで表示

編集画面のURLボタンでリンクを挿入するとデフォルトでは同じウインドウに表示されるようになっています。
target="_blank"のタグを手打ちで追加すればいい事なのですが毎回修正するのは面倒です。
常に別ウインドウで表示するようにしてみました。
参考にしたのはごみのやまさんの「リンク先を常に別ウィンドウに」です。

tmplディリクトリのcmsの中にある bm_entry.tmplとedit_entry.tmplという2つのファイルをいじるという事でしたがMT3.0では該当の記述がありません。
3.0からはmt.jsというファイルにjavascriptがまとめられてるっぽいのかな?
よくわかりませんがこのファイルを修正します。

document.selection.createRange().text = '<a href="' + my_link + '"target="_blank">' + str + '</a>';

赤字部分を書き加えれば完了です!

MT3.0に引用ボタン

他のblogの記事を参考にしてエントリーを書く時に引用部分を他とわかりやすく区別する為のタグをボタンひとつで挿入できるのでとても便利です。

こんな感じです♪

今回はDEPOLOGさんの「blockquoteを簡単に」とdimancheさんの「MT3.0にアップグレード♪」を参考にさせていただきました。

まずはテンプレートのスタイルシートにblockquote用のスタイルを定義します。
これはもうお好みですがウチの場合は以下の通りです。

次に編集画面に表示するボタンを用意します。
DEPOLOGさんにボタン画像も用意されていたのでありがたく保存して使わせてもらいました。
この画像はimagesディレクトリにUPしておきます。
以上で準備段階終了です。

次にtmpl内のcmsディレクトリの中にある「edit_entry.tmpl」をいじります。

以上を174行目と175行目の間にコピペします。
これで引用したい文章をドラッグした状態で新しくできた引用ボタンを押すだけでラクに引用できます♪

MT 3.0にアップグレード

Movable Type 3.0 Developer Edition 日本語版の提供がやっと開始されたようです。
早速アップグレードしてみよう♪
その前に万一のためにMTの入ったディレクトリごとバックアップを取っておきました。 ついでにコメントのエキスポートもしておき取り返しがつかなくなった場合に備えて準備完了!
具体的な作業は「Movable Typeのアップグレード手順」に沿って行いました。
どこかのblogで詳しいアップグレードマニュアルでもエントリーされてからの方がいいかな??とも思いましたがまずは自分でやってみる事にしました。

なんだかあっさりできちゃいました!
バックアップの時間は結構かかりましたがアップグレードの作業自体は10分もかかってません。
でもblogだけ見てるとどこも変わった気がしません。
ホントにこれは3.0??
でもログインすると管理画面はガラッと変わってスッキリさわやかな感じになってます。
見慣れてないから違和感を感じます…
2.661との違いなどは今夜改めてエントリーしてみようと思います。

--------------

やっぱりちゃんとアップグレードされてないような気がしてきました…
管理画面だけ3.0で表面上は変わってないんですもん…
cssの構造が変わったとか対応するテンプレートの事とかの問題があるようなのでこんなにあっさり終わるわけないですよね…
もっとよく調べてみよう…ふぅ~

カレンダーのカスタマイズ

blogにつきもののカレンダー…
今使ってるphotoblog用のテンプレートにはカレンダー用のタグが省略されていました。
無意味かなーと思いつつやっぱり表示させてみたい!
以前やってみた時はカレンダーは表示されても日付とエントリーのリンクがちゃんとされてない状態だったのですっぱり諦めたのでした。
懲りずにまたちょっと試行錯誤してみます。

まずは標準のテンプレートのカレンダー部分のタグを表示させたいところにコピペします。

<div align="center" class="calendar">
<table width="160" border="0" cellspacing="2"

cellpadding="0" summary="Monthly calendar with links to each day's
posts">
<caption class="calendarhead" ><$MTDate format="%B %Y"$></caption>
<tr>
<th abbr="Sunday" align="center"><span class="calendar"

>Sun</span></th>
<th abbr="Monday" align="center"><span class="calendar"
>Mon</span></th>
<th abbr="Tuesday" align="center"><span class="calendar"

>Tue</span></th>
<th abbr="Wednesday" align="center"><span class="calendar"
>Wen</span></th>
<th abbr="Thursday" align="center"><span class="calendar"

>Thu</span></th>
<th abbr="Friday" align="center"><span class="calendar"
>Fri</span></th>
<th abbr="Saturday" align="center"><span class="calendar"

>Sat</span></th>
</tr>
<MTCalendar>
<MTCalendarWeekHeader>
<tr>
</MTCalendarWeekHeader>
<td align="center"><span class="calendar" >

<MTCalendarIfEntries><MTEntries lastn="1">
<a href="<$MTEntryLink archive_type="Daily"$>" title="Last entry is[<$MTEntryTitle$>]">
<$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries>

<MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries>

<MTCalendarIfBlank>&nbsp;</MTCalendarIfBlank></span>
</td>
<MTCalendarWeekFooter>
</tr>
</MTCalendarWeekFooter>
</MTCalendar>

</table>
</div>

ながっ…
以上がカレンダーを表示させるためのタグのはずです。
次にテンプレートのスタイルシートにカレンダー表示用のクラスを指定します。
これはもうお好みで…
以下はウチの場合です。

 .calendar {
  font-family:  verdana, arial, sans-serif;
  color:#000000;
  font-size:x-small;
  font-weight:normal;
    padding:1px;    
  }
 
 .calendarhead { 
  font-family: verdana, arial, sans-serif;
  color:#000000;
  font-size:x-small;
  font-weight:bold;
    background:#ffffff;
    line-height:140%;    
  }

ついでに今日の日付をハイライトで表示してみます。
この技はBLOG質問箱さんの「カレンダーで「今日」をハイライトする」のエントリーを参考にさせていただきました。
やりかたはカレンダー表示のタグをちょっとだけいじります。

<td <MTCalendarIfToday>bgcolor=好みの色</MTCalendarIfToday> align="center">

赤字の部分を加えるだけです。

今度はカレンダーの日付をクリックしたらその日のエントリーを全部一覧表示するようにしてみます。
またしてもBLOG質問箱さんにお世話になりました。
参考にしたエントリーは「カレンダーで1日まとめて表示する」です。

まずはblogの設定→アーカイブの設定で「daily」にチェックを入れて保存→リビルドします。
カレンダー表示タグを書き換えます。

<MTCalendarIfEntries><MTEntries lastn="1">
<a href="<$MTEntryLink archive_type="Daily"$>">
<$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries>

赤字が書き加えた部分です。
以上の2種類のカスタマイズ後の最終的なカレンダー表示用タグは↓のような感じ。

<div class="sidetitle">
Calendar
</div>
<div align="center" class="calendar">
<table width="160" border="0" cellspacing="2"

cellpadding="0" summary="Monthly calendar with links to each day's
posts">
<caption class="calendarhead" ><$MTDate format="%B %Y"$></caption>
<tr>
<th abbr="Sunday" align="center"><span class="calendar"

>Sun</span></th>
<th abbr="Monday" align="center"><span class="calendar"
>Mon</span></th>
<th abbr="Tuesday" align="center"><span class="calendar"

>Tue</span></th>
<th abbr="Wednesday" align="center"><span class="calendar"
>Wed</span></th>
<th abbr="Thursday" align="center"><span class="calendar"

>Thu</span></th>
<th abbr="Friday" align="center"><span class="calendar"
>Fri</span></th>
<th abbr="Saturday" align="center"><span class="calendar"

>Sat</span></th>
</tr>
<MTCalendar>
<MTCalendarWeekHeader>
<tr>
</MTCalendarWeekHeader>
<td <MTCalendarIfToday>bgcolor=gray</MTCalendarIfToday> align="center">

<MTCalendarIfEntries><MTEntries lastn="1">
<a href="<$MTEntryLink archive_type="Daily"$>">
<$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries>


<MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries>

<MTCalendarIfBlank>&nbsp;</MTCalendarIfBlank></span>
</td>
<MTCalendarWeekFooter>
</tr>
</MTCalendarWeekFooter>
</MTCalendar>

</table>
</div>

長すぎですね…
dailyアーカイブを作った事によりリビルド時間が長くなったというのはこの際気にしない事にします…

スタイルシート参照ツール

css.jpg

blogのカスタマイズに欠かせないスタイルシート。
使いこなせればパパッと見た目を自由に変える事ができます。
でも正直最初は呪文みたいでワケがわからず拒否反応…
MovableTypeで行こう!さんの「スタイルシート参照ツール」にとっても便利なツール(CSS TOOL)があります。
MT設置したばかりの頃はかなりお世話になりました。

使い方は、自分のBLOGに今ブラウザで開いている自分のBLOGのURLアイコンをドラッグ、参照したいBLOGにスタイルシートを参照したいBLOGのURLアイコンをドラッグして、DOWNLOADボタンを押します。
入手したファイルは、アプリケーションと同じ場所に保存されます。
スタイルシートを修正して、再読み込みすると適用されます。

つ・ま・り!
使いようによってはお手軽パクリツールにもなりえる代物なんですねー
でもどこをどういじればどうなるかが全くわからない時は修正の手がかりになりますし
スタイルシートひとつで見た目がガラッと変わるという事を身をもって実感する事もできます。
いろんなblogのスタイルシートを見ているうちにちょっとづつ慣れてきて法則めいた事もわかってきます。
私にとってblogはまさに「習うより慣れろ」って感じなのです。

Google PageRankを表示

検索はGoogleを使っています。
いつでも気軽に検索できるようにブラウザ(IE6)にはGoogle ツールバーも入れてます。
邪魔くさいポップアップ広告もブロックしてくれるので便利です。
で、このツールバーにはPageRankっていうものがあります。
各サイトに対してGoogle独自のランク付けをしてるそうです。(0~10)
人気・優良サイトからの被リンク数が多いとランクが上がるみたいです。
また、高ランクからのリンクもランクアップに繋がるとか…
まぁウチには関係ないですね…
でもやっぱりちょっと気になります。
このGoogle PageRankを表示するプラグインをdrk7.jpさんで見つけました。
エントリーは「Google PageRank プラグイン」です。

導入はとっても簡単。
drk7.jpさんで配布されているMTGooglePageRankプラグインをダウンロードして解凍後出てきたMTGooglePageRank.plをpluginフォルダにUPします。
PageRankを表示させたい箇所に以下をコピペします。

<MTGooglePageRank url="URL"><$MTpagerank$></MTGooglePageRank>

URLの部分には自分のサイトのURLを入れてください。
たったこれだけで自己満足カスタマイズ完了です!

天気予報を表示

普段テレビはあんまり見ないけど絶対ネットはする生活。
つい天気予報チェックを忘れる事があります。
よくblogのサイドバーに天気予報を表示してるの見かけますがイラスト入りはちょっと気に入らない…
シンプルな天気予報を表示できるプラグインの存在を知り早速導入してみます。
プラグインの入手と導入方法の説明はdrk7.jpさんの「MTWeatherプラグイン公開」へ是非どうぞ!

導入方法は簡単です。
まずMTWeatherプラグインをダウンロード→解凍
出てきたMTWeatherJP.plとlibフォルダはサーバーのpluginフォルダへUP
imgフォルダ内の画像は適当なフォルダにUP
(デフォルトではimagesフォルダ内のMTWeatherフォルダになってるのでその通りにした方がラクチンです)
あとは天気予報を表示したい場所へ指定のタグをコピペします。

<MTWeatherJPのタグ一覧>

  • <$MTToday$> 本日の天気予報情報
  • <$MTTodayGifEx$> 本日の天気画像のURL
  • <$MTTodayDate> 本日の日付
  • <$MTTodayMax> 本日の最高気温
  • <$MTTodayMin> 本日の最低気温
  • <$MTTodayRain00> 本日の00-06時の降水確率
  • <$MTTodayRain06> 本日の06-12時の降水確率
  • <$MTTodayRain12> 本日の12-18時の降水確率
  • <$MTTodayRain18> 本日の18-24時の降水確率
  • <$MTTomorrow$> 明日の天気予報情報
  • <$MTTomorrowGifEx$> 明日の天気画像のURL
  • <$MTTomorrowDate> 明日の日付
  • <$MTTomorrowMax> 明日の最高気温
  • <$MTTomorrowMin> 明日の最低気温
  • <$MTTomorrowRain00> 明日の00-06時の降水確率
  • <$MTTomorrowRain06> 明日の06-12時の降水確率
  • <$MTTomorrowRain12> 明日の12-18時の降水確率
  • <$MTTomorrowRain18> 明日の18-24時の降水確率
  • 以上のタグから表示したい情報や順番などを自由に選んでカスタマイズできます。
    因みに私の場合はこんな感じ↓

    <div class="sidetitle">
    weather
    </div>
    <MTWeatherJP timeout="15" area="大阪府" ie="euc">
    <b>-- 大阪 --</b><br>
    <b><$MTTodayDate$>日</b> → <$MTToday$> <img src="<$MTTodayGifEx$>" width="25" height="15" alt="<$MTToday$>"><br><FONT color="red"><$MTTodayMax></FONT> : <FONT color="blue"><$MTTodayMin></FONT><br>
    <IMG src="雨アイコンのurl" width="16" height="16" border="0">(06-12) : <$MTTodayRain06><br><IMG src="雨アイコンのurl" width="16" height="16" border="0">(12-18) : <$MTTodayRain12><br><IMG src="雨アイコンのurl" width="16" height="16" border="0">(18-24) : <$MTTodayRain18><br>
    <b><$MTTomorrowDate>日</b> → <$MTTomorrow$> <img src="<$MTTomorrowGifEx$>" width="25" height="15" alt="<$MTTomorrow$>">
    <br><FONT color="red"><$MTTomorrowMax></FONT> : <FONT color="blue"><$MTTomorrowMin></FONT><br>
    <IMG src="雨アイコンのurl" width="16" height="16" border="0">(06-12) : <$MTTomorrowRain06><br><IMG src="雨アイコンのurl" width="16" height="16" border="0">(12-18) : <$MTTomorrowRain12><br><IMG src="雨アイコンのurl" width="16" height="16" border="0">(18-24) : <$MTTomorrowRain18><br>
    </MTWeatherJP>

    ちょっと実用性のあるblogになりました♪

    adminlinksプラグインを導入

    前のエントリー(エントリーの最終更新時間を表示する)にも書きましたが書き直しする事が多いので個々のエントリーの編集画面へダイレクトに移動できるリンクを貼ってみました。
    参考にさせていただいたのはyamiyo.jpさんの「Re:個々のエントリーに編集ボタンをつける」です。

    まずadminlinksプラグインをダウンロードし例のごとくpluginsフォルダにUPします。
    このプラグイン1つでいろんな機能を追加できるようです。
    *メインページへのlink作成 (blogmenu)
    *新規エントリ作成画面へのlink作成 (newentry)
    *エントリ編集画面へのlink作成 (editentry)
    *コメント編集画面へのlink作成 (editcomment)
    *コメント削除画面へのlink作成 (deletecomment)
    *リビルドへのlink作成 (rebuild)
    それぞれの機能に対応したタグを書き加えればリンクが貼れるって事みたいです。

    *メインページへのlink作成の場合
    <a href="<MTAdminLink type="blogmenu">">MAIN</a>

    赤字の部分を作成したいリンクのタイプに変えればOKです。
    今回私は個別のエントリーの編集画面へのリンクを作成したので「Main Index」と「Individual Entry Archive」の2つのテンプレに以下をコピペしました。

    *エントリ編集画面へのlink作成の場合
    <a href="<MTAdminLink type="editentry">">Edit</a>

    セキュリティの面から編集画面へのリンクを表示させたくなければ上記のタグを以下のように修正します。
    そうすると管理者以外からはリンクが見えなくなるそうですが私は丸見せ状態です…

    *エントリ編集画面へのlink作成の場合
    <MTAdminOnly><a href="<MTAdminLink type="editentry">">Edit</a></MTAdminOnly>

    いずれにしてもMTのパスワードがなければ勝手にエントリーなどを修正される事はないそうです。

    エントリーの最終更新時間を表示する

    エントリーを書いてからちょっとした間違いに気がついて書き直す事がよくあります。
    また、しばらくたってから新しい情報を得たりして書き直す場合もあります。
    たいして重要な事ではありませんがエントリーの最終更新時間も表示するようにしてみました。
    参考にさせていただいたのは佰壱式さんの「プラグインで行こう!」です。
    (最終更新表示以外のプラグインについてもいくつか紹介されているので是非チェックしてみてください。)

    導入は簡単です。
    まずLastModifiedプラグインをダウンロードして解凍後出てきたLastModified.plをサーバーのpluginsフォルダにUPします。
    最終更新時間を表示させたいテンプレをいじります。
    私の場合は「Main Index」と「Individual Entry Archive」の2つです。
    以下の例を参考にしつつお好みの時間表示になるようにformatは適当に変えてください。

    [例]
    %y → 年
    %m → 月
    %d → 日

    Updated at <$MTLastModified format="%I:%M %p on %B %e, %Y"$>

    <MTIfModified>
    [last update: <$MTLastModified format="%m/%d/%y %I:%M%p"$>]
    </MTIfModified>

    以上自己満足のカスタマイズでした!

    コメント投稿者別のアイコンを表示

    コメントした時、投稿者別のアイコンを表示させる事が出来る技をstroll::blogさんでみつけました。
    ただこちらは基本的にJUGEMカスタマイズメインなのでMTでも使える方法は*nisshi.jpさんの「コメント投稿者名別アイコン表示(MTでも。)」を参考にさせていただきました。

    Continue reading

    リーセントトラックバックを表示

    トラックバックが多いわけではありませんが(むしろほとんどありませんが…)
    サイト上で表示していないとうっかり見逃す事があります。
    先日も思いがけないエントリーに対してトラックバックしていただいたんですが気がつくのが遅かったんです。
    サイドバーに最新のコメントと同じように最新の5件を表示するようにしました。
    参考にさせていただいたのはhwp blogさんの「リーセントトラックバック」です。

    <div class="sidetitle">
    Recent Trackback
    </div>
    <MTPings lastn="5">
    <div class="side">
    <a name="<$MTPingID$>"></a>
    <span class="trackback-post">
    <a href="<$MTPingURL$>" target="_blank"><FONT color="gray">[ </FONT><$MTPingTitle$><FONT color="gray"> ]</FONT></a><br />
    └ <$MTPinBlogName$> at <$MTPingDate format="%m/%d"$><br>
    </span>
    </div>
    </MTPings>


    以上を最新のトラックバックを表示させたい箇所に貼り付けます。
    赤字の部分で表示件数を変えられます。

    コメントスパム対策3

    今まではスパム自体を防ぐ積極的な対策をしましたがそれでも完全じゃないと思います。
    きてしまったスパムコメントをなるべく手間をかけずにザックリ削除する方法をみつけました。
    Memo Leavesさんの「編集メニュー画面からコメントスパムを一括削除」です。
    スパムコメントを削除するにはスパムが書かれたエントリーの編集までたどって1個1個削除しなければなりません。
    1個ならいいけど何十個、何百個となったら放置したくもなります…
    ウチにきたスパムは最新のエントリーじゃなくちょっと昔のエントリーに書き込まれてました。

    そこでメインメニューのTOPで一気に削除する技の登場です。
    通常画面右側に最近のエントリー、コメント、トラックバックが5個づつ並んでます。
    この最近のコメント欄に削除ボタンをつけられるのでいちいち探さなくてもいいのでラクチンです。

    いじったファイルはmenu.tmplの以下の部分です。

    ・35~52行目のdoRemoveCommentsというJavaScriptFunction
    ・53~66行目のcheckAllcomment_deleteというJavaScript
    ・208、239行目の<form></form>タグ
    ・226目のチェックボックス
    ・231~234行目のCheckAllボタン、Deleteボタン


    Memo Leavesさんには以上を修正済のmenu.tmplを配布されていますのでサーバーにUPするだけです。
    ありがたくいただいてきました!
    ありがとうございます!

    デフォルトでは編集メニュー画面にはコメントは5個しか表示されないので、CMS.pmの263行目の
     limit => 5
    を10に増やしてやると効率アップ。

    なるほど!
    CMS.pmも修正して最新のコメントを10に増やしました。
    スパムはこない方がいいけれどきた時にサクッと削除できるこの方法はオススメです♪

    コメントスパム対策2

    前回のスパム対策「mt-comments のリネーム」がうまくいかずコメントしようにもエラーになってしまいました。
    まぁコメントできないのが最高のスパム対策ではあるのですがどうせなら前向きな方法をとりたいです。
    今回は女子十二月号さんの「MovableTypeコメントスパム対策」を参考にさせていただきました。
    コメント欄にhidden属性の変数を追加するやり方だそうですが意味はサッパリわかりません!
    とりあえず何も考えず言われた通りにやってみます。

    まずは以下のテンプレートをいじります。
    Individual Entry Archive
    Comment Listing Template
    Comment Preview Template
    Comment Error Template

    <input type="hidden" name="spammer" value="goaway" />
    <input type="hidden" name="spamming" value="gotohell" />

    このタグをテンプレの<form>と</form>の間に追加します。

    次はmt-comments.cgiをいじります。

    use CGI qw(:standard);

    if ($ENV{'REQUEST_METHOD'} eq "POST") {

    my $data = param('spammer');

    die unless ($data);

    }

    use CGI qw(:standard);

    if ($ENV{'REQUEST_METHOD'} eq "POST") {

    my $data = param('spamming');

    die unless ($data);

    }

    以上のタグをmt-comments.cgi内「use strict;」の下に貼り付けます。
    あとはサーバーにUPするだけです。
    うまく行ったかどうかわかりませんがとりあえずコメントは投稿できるみたいなので大丈夫っぽいです。

    さて…効果はでるんでしょうか??

    コメントスパム対策

    ウチには関係ないわぁ~と思ってまったく手をつけてなかったコメントスパム対策…
    数は少ないけれど今まで2回ほどコメントスパムが書き込まれてました。
    気持ちのいいものではないし早めに対策を立てた方がいいよなぁ~って事で遅ればせながらやってみます。

    スパム対策といってもいろんなやり方があるようですがまずは簡単な方法から…
    今回は小林ScrapBookさんの「コメント_ス_パ_ム対策」を参考にさせていただきました。

    * mt-comments のリネーム

    1:mt.cfgの下の方にある「CommentScript」に「com_m_e_n_t.cgi」などと適当な名前を設定
    # CommentScript mt-comments.pl
            ↓
    CommentScript comment.cgi
    2:mt-comments.cgiをその名前にリネーム
    3:サイトをリビルド

    効果があるのかないのかがわかりにくいカスタマイズですが一応できました。
    ただ気になるのは参考にしたエントリーに怪しいコメントがあった事…
    これってどういうことなのかな…

    カテゴリーページの分割表示

    エントリーが増えてきたのはいいですがカテゴリーによっては100以上もあったりします。
    photoblogなのでカテゴリーページにはエントリーの数だけ画像が表示されているので読み込みも遅いしスッキリしてないし今後もっと増え続ける事を考えるとちょっと困っていました。
    ARTIFACTさんの「MovableTypeのページ分割/Permalinkの変更」に解決策が紹介されていました!

    まず準備…
    *blogのphp化
    *プラグイン(MTPaginate)を用意→pluginsフォルダにUP

    後はアーカイブの設定の変更とテンプレのタグを書き換えます。
    具体的なタグはARTIFACTさんをご覧になってください。
    わかりやすい手順の通りにしたら簡単にカテゴリーが分割できました!
    画像は自前の物を用意して18個のエントリーごとに分割するようにしました。
    迷子にならないよう現在位置のページは太字になってます。
    至れり尽くせりのタグのおかげです♪

    サイドバーのタイトルをトリミングする

    サイドバーにエントリーのタイトルがずらずら並んでるんですがタイトルが長いものなどもありちょっと見苦しいです。
    1行で収まるように指定文字数でトリミングするプラグインを導入する事にしました。
    参考にさせていただいたのはM's folderさんの「MT 長いタイトルをトリミングする」と人生迷い箸さんの「日本語対応トリミングフィルタ(再度バグ修正)」です。
    M's folderさんで紹介されているスクリプトをEUC以外の文字コードにも対応できるように修正したものが人生迷い箸さんにあります。
    このスクリプトをコピーしてpluginsフォルダにUPします。
    あとはサイドバーのテンプレの中のタイトル部分のソースをちょこっと書き変えるだけです。

    <$MTEntryTitle trimj_to="20"$>

    これで半角20文字以上のタイトルは自動的にカットされ末尾に「...」とつくようになりました。
    う~んスッキリしました♪

    BlogTimes(TypeR)を設置

    time.jpg

    今までは普通のバー型BlogTimes(RSSTIMES)を設置してたのですが最近更新してもまったく反映してなくてどうしたものかと思ってました。
    何度もやり直したんですが原因は不明です。
    この際なので前から気になってた丸型のBlogTimes(BlogTimes/TypeR)に乗り換えることにしました。
    面倒なFlashの設定もプレビューしながら細かく設定できるフォームがあり、自動でタグを生成してくれます。
    あとはFlashファイルをサーバーにUPして表示させたい箇所にタグを貼り付けるだけでラクチンです♪
    ちょっと幅はとりますがかわいいので大満足です♪

    MTにNow Playingを表示する

    now.jpg

    blogを見てまわると自分の今聴いてる曲をサイドバーに表示してるのをたまに見かけます。
    PCやりながら音楽を聴いてる事が多いので私もやってみたくなりました。
    (自己主張しすぎかな…)
    いろんなやり方があるようですが最初はAudioscrobblerを利用しようと思いました。
    こちらでサインアップすると簡単にサイドバーに表示できる他同じ趣味の人をみつけられるみたいなんです!
    でもここ何週間か毎日チェックしてますが新規のアカウントは停止中のままだしサーバーダウンしてたりちょっと大丈夫かな?って感じです。
    とりあえず様子を見つつまずは自力で表示させてみる事にしました。
    激しく参考にさせていただいたのがGoing My Wayさん(現在聞いている曲を表示する「Now Playing」)
    Sakz Blogさん(Now Playing@QCD Player)です。
    iTuneWinampでも同様に表示させる技がありますが私が普段使ってるプレーヤーはQCD(Quintessential Player)なのです。
    QCDはCD→MP3に簡単に変換できてビットレートも320kbpsまで自由に設定できます。
    海外ソフトですが日本語プラグインがあり無料!です。


    …で、Now Playingを表示ですがいくつか用意するものがあります。
    *QCD本体
    *QCDプラグイン「Now Playing」
    *ChangedFileUploader
    日本語タイトルだとプレイリストが文字化けしてしまう場合があるのでQCD日本語化推進ページで配布されている「Now Playing」のプラグインを使用した方がいいと思います。
    詳しいやり方は上記のサイトさんに是非行ってみて下さい。
    プラグインの設定自体は特に難しい事はないと思います。
    ただ表示用のテンプレートをいろいろいじるのに時間がかかってしまいました。
    私がいじったテンプレは3つ。
    *playing_tmpl.txt→現在プレイ中のテンプレ。今聴いてる曲が太字になってます。
    *stopped_tmpl.txt→プレーヤーは起動してるけど止まってる状態。最近聴いていたアルバムが表示されます。
    *off_tmpl.txt→プレーヤーが起動してない時。
    確認しながら修正していくのがちょっと大変でした。
    私の場合インラインフレームでサイドバーに表示させています。
    (アルバムタイトルを全部表示するので場合によってはスクロールしまくりそうなので…)
    ジャケットを表示させる事もできるようですがちょっと面倒みたいなのでまた今度チャレンジしてみたいと思います。



    MTの編集画面にHTMLエディター機能を組み込む

    html.jpg

    エントリーを書く時はいつもクリップボード支援ソフト(Charu3)を使っています。
    手打ち派ではないのでタグを暗記してないので定型文としておもなタグを登録しておくのです。
    リンク・画像・文字色…などなど
    必要に応じてタグを貼り付けて編集してました。
    ところが!
    Going My Wayさんの「MTの編集画面にHTMLエディター機能を組み込む」を読ませていただきすごい技を発見しました。
    編集画面にHTMLエディターを組み込む事ができるんです!
    HTMLAreaというブラウザーで利用できるHTMLエディターを利用するのだそうです。
    私のようなHP作成ソフト愛用者にはなんともありがたい機能です。
    文字色・文字サイズ・画像・リンク・テーブル…ボタンを押すだけで簡単にタグが挿入できます。
    ボタンひとつでタグモードとプレビューモードに切り替えられるところも便利です。
    ただ問題がひとつ…
    画像貼り付けのタグを挿入するとHTMLAreaが勝手にソースを書き換えてしまって画像が表示されないのです。
    またまた調べてみたら解決策と思われる記事を発見しました。
    よかろうもんさんの「HTMLAreaの導入」です。
    ファイルの修正方法をマネさせていただきました。
    ソース書き換えはしなくなったのですがやっぱり画像は表示されません。
    エントリーの編集で見るとちゃんと画像のUPされたurlを指定してるのにブラウザーで表示されてない画像のプロパティを見るとurlが勝手に変えられてます。
    コレはどういうことなんでしょうか??
    悲しいけど元に戻そうかな…

    MTのコメント欄で絵文字を使えるようにする

    time.jpg

    今までは普通のバー型BlogTimes(RSSTIMES)を設置してたのですが最近更新してもまったく反映してなくてどうしたものかと思ってました。
    何度もやり直したんですが原因は不明です。
    この際なので前から気になってた丸型のBlogTimes(BlogTimes/TypeR)に乗り換えることにしました。
    面倒なFlashの設定もプレビューしながら細かく設定できるフォームがあり、自動でタグを生成してくれます。
    あとはFlashファイルをサーバーにUPして表示させたい箇所にタグを貼り付けるだけでラクチンです♪
    ちょっと幅はとりますがかわいいので大満足です♪

    MovableTypeのphp化

    いろんなblogを見てまわって気がついたのがhtmlとphpっていう拡張子の違い。
    同じMTなのになんだろう??って思ってました。
    どうもphpにすると表示の読み込み速度がUPするみたい。
    エントリーが多くなったカテゴリーを何ページかに分割する技もphpならできるとも知りました。
    ウチの場合1つのカテゴリーで100エントリーを超えてるのがあります。
    (予定では300くらいになるものも…)
    photoblogの特性上カテゴリー別のページは写真がエントリー数分表示されるので分割は是非やりたいです。
    他にも…
    カテゴリーのタイトル表示を指定文字数以下省略技
    コメントへ絵文字(画像)を貼り付け技
    ザクッと調べただけでphp化する事で可能性が広がって面白そう。
    …ってワケでMovableTypeのphp化やってみます。
    特に参考にさせていただいたのがCROSSBREEDさんです。

    手順は4つ。
    *アーカイブの拡張子をphpにする
    (BLOGの設定→ウェブログの設定でできます)
    *インデックス・テンプレートの中でhtmlで出力するファイルをphpにする
    私の場合「Main Index」と「Master Archive Index」の2つでした。
    (テンプレートの編集でできます)
    *.htaccessを使ってhtmlファイルにアクセスがあった時に自動でphpファイルへ飛ぶようにする
    CROSSBREEDさんに詳しい手順が書いてあります。
    原理はよくわかりませんがテストしたらちゃんとphpへ飛びました!
    すごいです!
    *htmlファイルを手動で削除する
    これが1番面倒ですが以上でMovableTypeのphp化は終了です♪

    Continue reading

    BlogPeopleにスクロールバーをつける

    BlogPeopleって便利です。
    更新時間が一目瞭然で巡回の手間がかなり省けるし 横の繋がりが広がる可能性も秘めています。
    でもどんどんリストに登録していくとそれだけページの長さが縦にびよーーーんと伸びてしまいます。
    そんなわけでお気に入りのblogサイト全部を登録するのはためらっていました。
    何度かプルダウンメニューで表示するようにしてみましたがそうするとせっかくの更新通知機能が使えないのです。
    いろんなサイトでカスタマイズのあれこれを探してたらなかよしこよしさんにうってつけの方法が紹介されているのを発見しました! 
    まさにコレがやりたかったんです。 

    方法はいたって簡単。
    テンプレートのStylesheetにclass属性をひとつ加えるだけです。

    .blogpeople-main { overflow: auto; height: (高さ)px; }

    これで思う存分(?)BlogPeople活用できます♪

    MovableTypeのMySQL移行

    caramel*vanilla 2もエントリーの数が500を超えました。
    こうなると再構築の時間がストレスにもなってきます。
    カスタマイズをしたり失敗したりの繰り返しの為ちょっとでも時間短縮になるなら…って事で MySQLへ移行する事にしました。
    はっきり言って意味はわかっちゃいません!
    ただMySQLにすると再構築の時間が短くなる他にもデータの保守の面からもメリットがあるとの事。
    サーバーはlolipopなのでMySQLが利用可能です。
    オンラインマニュアルには詳しい手順が説明されていたので参考にしてみました。
    難しそうに思っていた移行作業も手順どおりに進めていってあっけないほど簡単に完了しました。
    時間にして10分程度。
    再構築はこれから何回もする事なのでほんのちょっとの手間で時間短縮になるならこんなオイシイ事ってないよね?

    MT3.0風管理画面にしてみる

    MovableType 2.661の管理画面をMovableType 3.0風にする方法がSoftware Linkageさんに詳しく紹介されています。
    早速手順に沿ってやってみました。

    <参考元>
    MT3.0風管理画面 for MT 2.661 - Software Linkage

    ただSoftware Linkageさんのスクリーンショットだとエントリーの編集画面に便利なボタンがたくさん並んでるんですが私のには半分しか表示されていません。

    うーーーん…なんででしょう?

    コメントに返信があるとお知らせする機能

    自分がコメントしたblogで返信がされてないかな?ってチェックするのは楽しいですがちょっと面倒に感じる人もいるでしょう…
    そこで便利なプラグインがある事を知り導入してみました。
    プラグインは海外製なので導入完了までちょっとわかりにくい部分もありましたが alfabeat さんでわかりやすく解説されていてとっても助かりました。

    alfabeat: コメントを書いたエントリーに新たにコメントがあるとお知らせする機能

    コメントする際「返信があったらメールで知らせる」にチェックを入れていただいたら返信があった時に自動でお知らせしてくれます。

    トラックバック→自動的にリビルドする

    BLOG質問箱さんの「トラックバック表示」を参考にさせていただいて個々のエントリーにトラックバックを表示するようにしたんですが、 トラックバック受付と同時には表示されないようなのです。
    せっかくなのでトラックバックと同時に表示されるようにしてみました。
    参考にさせていただいたのはnumalogさんです。

    <参考元>
    numalog: MTいじり

    cgiスクリプトに簡単なコードを追加するだけで完了!
    テストしてないので成功したか不明ですが…

    トラックバックを表示する

    自分自身トラックバックってあんまり気にしてなかったので気がつかなかったんですがウチってトラックバックが表示されてないようです。
    エントリーする時「トラックバックを受けいれる」にチェック入れてたんでおかしいなぁと思ってたんですがどうもテンプレにTrackBackを表示するコードが書いてないみたいです。

    「BLOG質問箱」に対策が書いてあったので早速試してみました。

    <参考元>
    BLOG質問箱: トラックバック表示

    無事エントリー下にトラックバックが表示されて受け付けられるようになりました!
    ついでに各エントリーにトラックバックを表示するようにしてみたんですが…
    なんだか表示がおかしいのでこれについてはまた後日チャレンジします。

    リーセントコメントの表示変更

    caramel*vanilla 2もエントリーの数が500を超えました。
    こうなると再構築の時間がストレスにもなってきます。
    カスタマイズをしたり失敗したりの繰り返しの為ちょっとでも時間短縮になるなら…って事で MySQLへ移行する事にしました。
    はっきり言って意味はわかっちゃいません!
    ただMySQLにすると再構築の時間が短くなる他にもデータの保守の面からもメリットがあるとの事。
    サーバーはlolipopなのでMySQLが利用可能です。
    オンラインマニュアルには詳しい手順が説明されていたので参考にしてみました。
    難しそうに思っていた移行作業も手順どおりに進めていってあっけないほど簡単に完了しました。
    時間にして10分程度。
    再構築はこれから何回もする事なのでほんのちょっとの手間で時間短縮になるならこんなオイシイ事ってないよね?

    Home > Movable Type

    Search
    Feeds

    Page Top