小粋空間: 2005年4月アーカイブ

テンプレート修正（XHTML1.0/CSS valid）

April 30,2005 3:01 PM
Category：[テンプレート]
Tag：[Template, Validation, WebStandards, XHTML]
Permalink

現在公開中のテンプレートをタイトルの通り、XHTML1.0 および CSS についていずれも valid （正当）にしました。

修正箇所は

img タグに alt 属性追加
font-weight指定の修正

です。
後者につきましては明らかに typo ですので、 styles-site.css にある下記のクラスセレクタについて修正ください。ご迷惑おかけして申し訳ございませんがよろしくお願い致します。

.date {
　　：
    font-weight: nonebold;
　　：
}
 
#content-commentspop h2 { 
　　：
    font-weight: nonenormal;
　　：
}
 
#content-commentspop h3 { 
　　：
    font-weight: nonenormal;
　　：
}

また CSSの検証で

行番号 : 168 can't find the warning message for otherprofile
行番号 : 491 can't find the warning message for otherprofile

という警告が表示されます。これは word-break についての警告で、IE専用のプロパティのためと思われますので予めご了承ください。
なお、それぞれの検証サービスは下記にあります。

The W3C Markup Validation Service W3C CSS 検証サービス

URLまたはファイルを指定して実行すれば検証結果が表示されます。

2005.05.01 追記
XHTML1.0については上記サービスで valid になったという事実のみで、XHTMLの準拠については別途xml宣言や名前空間指定等が必要となります。

Comments [0] | Trackbacks [1]

大型連休

April 29,2005 11:59 PM
Category：[ダジャレ]
Tag：[Joke]
Permalink

でかけると

続きを読む ≫

Comments [0] | Trackbacks [0]

Quasi-Spam Filter Plugin バージョンアップ

April 28,2005 10:20 PM
Category：[コメントスパム, トラックバックスパム]
Tag：[Customize, MovableType, Plugin, Spam]
Permalink

Ogawa::Memoranda さんご提供のスパム対策プラグインが 2005.04.08 付で 0.20 にバージョンアップされておりまして、大変遅くなりましたが本日アップグレードさせて頂きました。バージョンアップに伴いフィルタ対象変更のカスタマイズが楽になりました。またカスタマイズ方法についても配布元で掲載くださっています。ありがとうございました。

ということで、当サイトではスクリプトを下記のようにカスタマイズ致しました。

プラグイン：Quasi-Spam Filter Plugin - Release 0.20

改変内容：下記参照

この変更で前回（コメントスパム対策（その6）・トラックバックスパム対策（その2））までと同様の機能を継承しています。
プラグインは上記リンクよりダウンロードしてください。

改めて説明致しますと、このプラグインは、予め設定した文字列を含むコメント・トラックバックをフィルタリング（エラー返送等）してくれるという仕組みになっています。例えば "hoge" をフィルタ文字としてプラグインに設定しておけば、"hoge" が含まれるコメント・トラックバックは受け付けません。またフィルタ文字とは別に、フィルタリングしたい対象エリアを、コメント・トラックバックそれぞれ個別に設定することができます。さらに受信時のリアクションを選択することができます。

１．フィルタ対象文字列の追加

下記のように青色部分を追加します。

# Set your spam pattern
$COMMENT_PATTERN = 'char1|char2|…|charn|<h1>|<a\s'; # H1 or A elements
$TBPING_PATTERN = 'char1|char2|…|charn|<h1>|<a\s'; # H1 or A elements

char1 ? charn は任意のフィルタ文字列を設定します。文字列を複数配置する場合はサンプルのように "|" で区切ります。コメントでリンクを受け付けたい場合は、$COMMENT_PATTERN の "<a\s"（とその前の "|" ）は削除してください。

２．フィルタ対象フォームエリアの追加

デフォルトでのフィルタ対象となるフォームエリアは、「コメントの内容」および「トラックバックの概要（=本文の先頭n文字）」となっていますので、「コメント投稿者」および「トラックバックタイトル」を追加するサンプルを記します。

use MT::Comment;
use MT::TBPing;
 
sub is_comment_spam {
    my $comment = shift;
    return ($comment->text =~ /$COMMENT_PATTERN/i ||
            $comment->author =~ /$COMMENT_PATTERN/i);
}
 
sub is_tbping_spam {
    my $tbping = shift;
    return ($tbping->excerpt =~ /$TBPING_PATTERN/i ||
            $tbping->title =~ /$TBPING_PATTERN/i);
}

今回のバージョンアップで他のエリアについても簡単に設定できるようにしてくださっているので、「全部入り（ラーメンか）」を希望される場合は下記のように設定すればOKです。

sub is_comment_spam {
    my $comment = shift;
    return ($comment->text =~ /$COMMENT_PATTERN/i ||
            $comment->author =~ /$COMMENT_PATTERN/i ||
            $comment->email =~ /$COMMENT_PATTERN/i ||
            $comment->url =~ /$COMMENT_PATTERN/i ||
            $comment->ip =~ /$COMMENT_PATTERN/i);
}
 
sub is_tbping_spam {
    my $tbping = shift;
    return ($tbping->excerpt =~ /$TBPING_PATTERN/i ||
            $tbping->title =~ /$TBPING_PATTERN/i ||
            $tbping->source_url =~ /$TBPING_PATTERN/i ||
            $tbping->blog_name =~ /$TBPING_PATTERN/i ||
            $tbping->ip =~ /$TBPING_PATTERN/i);
}

なお上に設定したものから順番にチェックし、文字列がマッチした時点で処理が終わる（=残りは実行されない）ので、優先度の高いものから並べると良いでしょう。

３．コメントスパム受信時のリアクション変更

ここでは正常に受け付けたように見せかける設定にしています。

# Choose a method for rejecting Spam Comments from: 
# 'CommentFilter', 'CommentThrottleFilter', 'CommentError',
# 'CommentLongError', 'CommentRedirect', 'CommentEvilRedirect'
$COMMENT_METHOD = 'CommentErrorCommentFilter';

４．トラックバックスパム受信時のリアクション変更

こちらも同様です。

# Choose a method for rejecting Spam Pings from:
# 'TBPingFilter', 'TBPingThrottleFilter', 'TBPingError'
$TBPING_METHOD = 'TBPingErrorTBPingFilter';

Comments [19] | Trackbacks [18]

ナビゲーションバー・シンプルタイプ（その3：クリック時のロールオーバーを追加）

April 27,2005 11:11 PM
Category：[CSS]
Tag：[Customize, MovableType, NavigationBar, Rollover]
Permalink

前回までのカスタマイズで、マウス・カーソルをリンクにポイントした時のロールオーバーを、ページ遷移しても保持するところまでできましたが、リンクをクリックしてからページが変わるまでの挙動までは制御できていません。
例えばリンクをクリックした後、マウス・カーソルをリンクから外すとロールオーバーが解除されてしまいます。またクリックしてからページが変わるまでの間、以前のロールオーバーが保持されているため、リンクを確実にクリックしたという事実が視覚的に反映されていません。

ということで、この回ではクリック後からページ遷移までのロールオーバー保持と、クリック時に他のロールオーバーを解除するためのカスタマイズを行います。

１．テンプレートの設定（onclick属性追加）

ナビゲーションバーの各 a タグに JavaScript を起動するための onclick 属性を追加します。

<div id="navbar">
<span><a href="<$MTBlogURL$>" title="Home" id="Home" onclick="changeLinkStyle('Home');">Home</a></span> |
<span><a href="<$MTBlogURL$>about.html" title="About" id="About" onclick="changeLinkStyle('About');">About</a></span> |
<span><a href="<$MTBlogURL$>profile.html" title="Profile" id="Profile" onclick="changeLinkStyle('Profile');">Profile</a></span> |
<span><a href="<$MTBlogURL$>link.html" title="Link" id="Link" onclick="changeLinkStyle('Link');">Link</a></span> |
<span><a href="<$MTBlogURL$>search.html" title="Search" id="Search" onclick="changeLinkStyle('Search');">Search</a></span> |
<span><a href="mailto:hogehoge@hogehoge.com" title="Mail" id="Mail">Mail</a></span>
</div>

赤色部分はそれぞれの id 属性値と同じ文字列を設定します。モジュール化の有無に関係なくこの設定を行います。カテゴリーアーカイブの場合も文字列を直接設定してください。

２．テンプレートの設定（JavaScript追加）

ナビゲーションバーを適用しているテンプレートの <head> ? </head> の間に下記のスクリプトを設定します。

<script type="text/javascript" language="javascript">
<!--
function changeLinkStyle(name){
    var node;
    var list = new Array(5);
    list[0] = "Home";
    list[1] = "About";
    list[2] = "Profile";
    list[3] = "Link";
    list[4] = "Search";
    for (i = 0; i < list.length; i++) {
        node = document.getElementById(list[i]);
        if (name == list[i]) {
           node.parentNode.setAttribute("id","selected");
        } else {
           node.parentNode.setAttribute("id","navbar");
        }
    }
}
//-->
</script>

赤色部分のタイトルに該当する部分は id 属性名を設定します。また数字の部分は設定しているリンク数によって変更する必要があります。

var list = new Array(5);

は「設定したいメニュー数 - 1」を設定します。例では5つのメニューがあるので設定値は「4」となります。
その下にある

list[0] = "Home";
list[1] = "About";
list[2] = "Profile";
list[3] = "Link";
list[4] = "Search";

も設定したいメニュー数分用意します。例えばメニューをもうひとつ増やしたい場合は、

list[5] = "hogehoge";

と、カッコ部分の数字を増やした状態で追加します。
なお、ここではJavaScriptをHTMLに直接設定していますが、外部ファイルにしても構いません。

参考．クリック状態で別のスタイルを使う

ここまでの設定で、リンクをクリックしてからページが遷移するまでロールオーバーを保持することができました。一応これで完成ですが、別のスタイルをもうひとつ追加して、リンクをクリックした時に適用させることで「クリックされた」状態をさらに明確に表示することもできます。

まず、上記のJavaScriptの下記のように変更します。

<script type="text/javascript" language="javascript">
<!--
function changeLinkStyle(name){
    var node;
    var list = new Array(5);
    list[0] = "Home";
    list[1] = "About";
    list[2] = "Profile";
    list[3] = "Link";
    list[4] = "Search";
    for (i = 0; i < list.length; i++) {
        node = document.getElementById(list[i]);
        if (name == list[i]) {
           node.parentNode.setAttribute("id","selectedclicked");
        } else {
           node.parentNode.setAttribute("id","navbar");
        }
    }
}
//-->
</script>

あとはクリックされた時に適用するスタイル（下記）を styles-site.css に追加します。

/* クリックされたリンクのスタイル */
#clicked a,
#clicked a:hover{
    background-color: #8FABBE; /* 背景色 */
    color:#ffffff; /* 文字色 */
    padding: 2px 5px 2px 5px; /* リンク文字のパディング */
    text-decoration: none; /* テキストの装飾をなくす */
    position:relative; top:1px; left:1px; /* リンクをずらす */
}

サンプルでは同じ配色でリンクを右下方向に 1px ずらす設定を行っています。

これまでの設定をまとめたサンプルを配置しましたのでお試し頂ければ幸いです。HTTPレスポンスが早いと今回のカスタマイズの効果が分かりにくいのですが、その点は予めご容赦ください。
また全体的にもう少し良い実装があるかもしれませんので、色々試してみてください。

その1：基本スタイル

その2：クリックしたメニューのロールオーバーを保持する

その3：クリック時のロールオーバーを追加

2005.12.18 追記
サンプルリストのリンク表示を修正しました。

2006.10.09 追記
デッドリンクを修正しました。

Comments [8] | Trackbacks [0]

ナビゲーションバー・シンプルタイプ（その2：クリックしたメニューのロールオーバーを保持する）

April 26,2005 8:45 PM
Category：[CSS]
Tag：[Customize, MovableType, NavigationBar, Rollover]
Permalink

「その2」は、ナビゲーションバーにあるメニューをクリックした時、ジャンプしたページでクリックされたメニューのロールオーバーを保持、つまり選択された状態を保持するというカスタマイズです。このカスタマイズによって現在表示されているページとメニューの関連性がより明確になり、ユーザビリティを向上させることができます。
久しぶりに濃厚な内容です。

１．テンプレートの設定

各テンプレートに対し、前回設定したナビゲーションバーに span タグ（青色）を追加します。「各テンプレート」というのは、厳密にはロールオーバーを保持したいテンプレートだけが対象です。
ナビゲーションバーをモジュール化している場合は気にせず span タグを付与してください。

<div id="navbar">
<span><a href="<$MTBlogURL$>" title="Home">Home</a></span> |
<span><a href="<$MTBlogURL$>about.html" title="About">About</a></span> |
<span><a href="<$MTBlogURL$>profile.html" title="Profile">Profile</a></span> |
<span><a href="<$MTBlogURL$>link.html" title="Link">Link</a></span> |
<span><a href="<$MTBlogURL$>search.html" title="Search">Search</a></span> |
<span><a href="mailto:hogehoge@hogehoge.com" title="Mail">Mail</a></span>
</div>

設定したらテンプレートを保存・再構築します。

２．スタイルシートの設定

こちらも前回設定した styles-site.css のナビゲーションバー用スタイルの下に、保持状態表示用のIDセレクタ "selected" を追加します。

/* ナビゲーションバー全体のスタイル */
#navbar {
    text-align: center; /* 配置 */
    font-family: Verdana, Arial, sans-serif; /* フォントスタイル */
    font-weight: normal; /* フォントの太さ */
    font-size: 12px; /* フォントサイズ */
    width: auto; /* 全体の幅 */
    line-height: 150%; /* テキストの高さ */
}
 
/* リンクのスタイル */
#navbar a{
    background-color: #ffffff; /* 背景色 */
    color:#666666; /* 文字色 */
    padding: 2px 5px 2px 5px; /* リンク文字のパディング */
}
 
/* リンクをポイントした時のスタイル */
#navbar a:hover{
    background-color: #8FABBE; /* 背景色 */
    color:#ffffff; /* 文字色 */
    text-decoration: none; /* テキストの装飾をなくす */
}
 
/* 選択されたリンクのスタイル */
#selected a,
#selected a:hover{
    background-color: #8FABBE; /* 背景色 */
    color:#ffffff; /* 文字色 */
    padding: 2px 5px 2px 5px; /* リンク文字のパディング */
    text-decoration: none; /* テキストの装飾をなくす */
}

配色を変更する場合は、IDセレクタ "selected" の配色が、リンクをポイントした時のIDセレクタ "#navbar a:hover" と同じ内容になるように設定してください。
設定が完了したら保存・再構築します。

３．ロールオーバー保持の設定

テンプレートに対してロールオーバーを保持する設定を行います。ここではナビゲーションバーを

各ページにスタティックに、つまり直接設定している場合
モジュール化している場合

の2つのケースについて説明します。1の場合はロールオーバーを保持したいインデックス・テンプレートに対してのみ実施すればOKです。
なお、この項ではいずれも1つのメニューに対して1つのインデックス・テンプレート（から生成されたHTMLページ）が対応している場合のカスタマイズについて述べています。カテゴリーアーカイブから生成されたアーカイブページをメニューに適用している場合については４項を参照してください。インデックス・テンプレートとカテゴリーアーカイブページを併用し、いずれもロールオーバー保持の対象にする場合は３項・４項の設定が必要です。

３．１　ナビゲーションバーを各ページにスタティックに設定している場合

対象のインデックステンプレートに設定されたナビゲーションバーの、特定の span タグに id属性を追加します。例えば "Search" ページを開いた時にナビゲーションの "Search" をロールオーバー状態にするには、テンプレート「Search.html」にあるナビゲーションバーの Search に対応する span タグに id属性（青色部分）を追加します。

<div id="navbar">
<span><a href="<$MTBlogURL$>" title="Home">Home</a></span> |
<span><a href="<$MTBlogURL$>about.html" title="About">About</a></span> |
<span><a href="<$MTBlogURL$>profile.html" title="Profile">Profile</a></span> |
<span><a href="<$MTBlogURL$>link.html" title="Link">Link</a></span> |
<span id="selected"><a href="<$MTBlogURL$>search.html" title="Search">Search</a></span> |
<span><a href="mailto:hogehoge@hogehoge.com" title="Mail">Mail</a></span>
</div>

これと同様の作業を、ナビゲーションバーを設定している（かつロールオーバーを保持したい）各テンプレートに対して実施します。Home ページでは

<span id="selected"><a href="http://.../" title="Home">Home</a></span> |

About のページでは

<span id="selected"><a href="http://.../about.html" title="About">About</a></span> |

と、表示するページに対応する a タグに "selected" を付与します。保持したくないページについてはこの設定を行わなければOKです。
"selected" というIDセレクタを他の用途ですでに定義されている場合は名称を適宜変更してください。

３．２　ナビゲーションバーをモジュール化している場合

まずナビゲーションバーの a タグに id 属性（青色部分）を追加し、赤色で示した id 属性名を設定します。ここでは全ての a タグに設定していますが、保持する必要がないリンクについては設定不要です。

<div id="navbar">
<span><a href="<$MTBlogURL$>" title="Home" id="Home">Home</a></span> |
<span><a href="<$MTBlogURL$>about.html" title="About" id="About">About</a></span> |
<span><a href="<$MTBlogURL$>profile.html" title="Profile" id="Profile">Profile</a></span> |
<span><a href="<$MTBlogURL$>link.html" title="Link" id="Link">Link</a></span> |
<span><a href="<$MTBlogURL$>search.html" title="Search" id="Search">Search</a></span> |
<span><a href="mailto:hogehoge@hogehoge.com" title="Mail" id="Mail">Mail</a></span>
</div>

注：id 属性名はHTMLページで一意でなければなりません。

次に、ナビゲーションバーの直下に JavaScript を追加します。厳密に言うと、モジュールのテンプレートに JavaScript を追加するのではなく、ナビゲーションバー用モジュールをインクルードしているテンプレートに追加します。先の例と同様、"Search" をロールオーバー状態にするには、テンプレート「Search.html」にあるナビゲーションバーをインクルードしている直下にJavaScript（青色部分）を追加します。赤色部分の "Search" がナビゲーションバーの "Search" をロールオーバー状態にするためのキーとなります。

<? readfile('Search.html'); ?>
 
<script type="text/javascript" language="javascript">
var node = document.getElementById("Search");
node.parentNode.setAttribute("id","selected");
</script>

これと同様の作業を、ナビゲーションバーを設定した各テンプレートに対して実施します。赤色部分は,
Home 用テンプレートでは "Home"、About 用テンプレートでは "About" と、先のナビゲーションバーの a タグに設定した特定の id 属性名と一致するよう、適宜置き換えてください。保持したくないページは JavaScript 自体を設定しないでください。
id 属性名はHTMLページで一意になっていれば何でもOKですが、アルファベットで開始するようにしてください。

４．ロールオーバー保持の設定（カテゴリーアーカイブページとの連携）

一つないし複数のカテゴリーをナビゲーションバーのメニューとして設定されているケースも少なくないと考えられますが、この場合「カテゴリーアーカイブテンプレート」という同一のテンプレートを用いているため、先の方法は適用できません。
ということで、MTCategoryDescription を用いてロールオーバーを保持する方法をご紹介します。動作としては、MTCategoryDescription に設定された文字列を id 属性として用い、カテゴリーアーカイブに設定したJavaScriptにその値を渡すことで、対応するメニューをロールオーバー状態にするという作戦です。MTCategoryDescription がカテゴリーリスト表示等で用いられていないことが前提となりますのでご注意ください。

まず、管理メニューの「カテゴリー」で、ナビゲーションバーに設定しているカテゴリーを選択し、そのカテゴリーの「カテゴリー説明」欄にアルファベットで開始する任意の文字列を設定します。例えば「プロフィール」カテゴリーには「Profile」と設定します。
設定が終わったら保存・再構築します。

次に３．２項の前半と同様、ナビゲーションバーの a タグに id 属性を追加します。ここでの注意点ですが、id 属性には「カテゴリーの説明」で設定した文字列と同じものをそれぞれ設定してください。

最後にカテゴリーアーカイブに下記の JavaScript を設定します。赤色部分がミソ（←最近使いませんね）です。

<? readfile('Search.html'); ?>
 
<script type="text/javascript" language="javascript">
var node = document.getElementById("<$MTCategoryDescription$>");
if (node) {
    node.parentNode.setAttribute("id","selected");
}
</script>

以上です。

それぞれの設定がうまくできていれば、クリックしたメニューがジャンプ先のページでロールオーバーになっていると思います。下のイメージは"Search"をクリックしてジャンプしたSearchページのナビゲーションバーの状態です（「前回の使い回し」とか言わない）。

ご自身でナビゲーションバーをカスタマイズされる場合、ロールオーバーを保持する際に適用するスタイルはクラスセレクタ（.）では反応しませんので、サンプルのようにIDセレクタ（#）で定義してください。これはIDセレクタの定義がクラスセレクタの定義より優先されるためです。

その1：基本スタイル

その2：クリックしたメニューのロールオーバーを保持する

その3：クリック時のロールオーバーを追加

2005.11.07 追記
カテゴリーアーカイブを利用する場合のスクリプトを修正しました。

2005.12.18 追記
サンプルリストのリンク表示を修正しました。

Comments [15] | Trackbacks [3]

ナビゲーションバー・シンプルタイプ（その1：基本スタイル）

April 25,2005 11:59 PM
Category：[CSS]
Tag：[Customize, MovableType, NavigationBar, Rollover]
Permalink

最近ご近所のサイトでカレンダーやメニューの横配置が増えてきましたので、改めてナビゲーションバー（メニューバー）を作ってみました。まずは div タグと a タグを用いたシンプルなタイプです。これは今日の覚え書きさんのオサレなメニューバーを作ろう経由の

Accessify.com：list o matic

をベースにしています。このナビゲーションバーを使って3回に分けてカスタマイズ方法をお送りしたいと思います。

１．テンプレートの設定

まずメニューとなる下記のHTMLタグ（青色）をバナーの下に設定します。

<div id="banner">
<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<h2><$MTBlogDescription$></h2>
</div>
 
<div id="navbar">
<a href="<$MTBlogURL$>" title="Home">Home</a> |
<a href="<$MTBlogURL$>about.html" title="About">About</a> |
<a href="<$MTBlogURL$>profile.html" title="Profile">Profile</a> |
<a href="<$MTBlogURL$>link.html" title="Link">Link</a> |
<a href="<$MTBlogURL$>search.html" title="Search">Search</a> |
<a href="mailto:hogehoge@hogehoge.com" title="Mail">Mail</a>
</div>

設定したらテンプレートを保存・再構築します（この段階ではまだスタイルが設定されていないので整形された状態で表示されません）。URLやメニュータイトルは適宜修正してください。区切り線は "|" を使ってますが、半角空白や他のマークでも構いません。img タグで画像を配置することも可能です。

２．スタイルシートの設定

次に下記のナビゲーションバー用スタイルを styles-site.css に追加します。

/* ナビゲーションバー全体のスタイル */
#navbar {
    text-align: center; /* 配置 */
    font-family: Verdana, Arial, sans-serif; /* フォントスタイル */
    font-weight: normal; /* フォントの太さ */
    font-size: 12px; /* フォントサイズ */
    width: auto; /* 全体の幅 */
    line-height: 150%; /* テキストの高さ */
}
 
/* リンクのスタイル */
#navbar a{
    background-color: #ffffff; /* 背景色 */
    color:#666666; /* 文字色 */
    padding: 2px 5px 2px 5px; /* リンク文字のパディング */
}
 
/* リンクをポイントした時のスタイル */
#navbar a:hover{
    background-color: #8FABBE; /* 背景色 */
    color:#ffffff; /* 文字色 */
    text-decoration: none; /* テキストの装飾をなくす */
}

こちらも設定が完了したら保存・再構築します。それぞれの設定の主な役割をコメントで記していますので、適宜カスタマイズしてお使いください。設定がうまくできれば下記のメニューが表示されます（イメージは"Search"を選択している状態です）。

その1：基本スタイル

その2：クリックしたメニューのロールオーバーを保持する

その3：クリック時のロールオーバーを追加

2005.12.18 追記
サンプルリストのリンク表示を修正しました。

Comments [42] | Trackbacks [10]

BlogPeopleで複数ブログ登録時のログインID切り替え

April 24,2005 11:30 PM
Category：[BlogPeople]
Tag：[Blog, BlogPeople, Knowhow]
Permalink

BlogPeople ログインID切替複数ブログを運用していて、それぞれをBlogPeopleに登録したい場合、BlogPeopleのログインIDを別々に取得する必要があります。つまり管理画面もログインID分存在することになりますが、BlogPeopleでは複数ブログ運用者のためにちょっと便利な機能があります。

例えばある人が「A」「B」の2つのログインIDを持っていて、BlogPeoleの「A」の会員ページにログインしている状態から「B」の会員ページにログインする場合、再ログインするのではなく、「A」のページから直接切り替えることができます。
具体的には、後述する設定を行うことで、会員ページ左上にある黄色で表示された「Aさんログイン中」という右側に、画像のような [切替] というリンクが表示されます。それをクリックするとその下に他のログインIDが表示されるのでそれを選択することで切り替えることができます。

設定方法は、「A」「B」それぞれの会員ページメニュー下にある「BlogPeople会員情報の設定」をクリックし、次のページの下にある「複数ブログを運用している会員用設定」で他のログインID（とパスワード）を登録します。「A」の会員ページでは「B」の情報を、「B」の会員ページでは「A」の情報をそれぞれ登録します。登録可能なログインIDは3つまでです。また片方しか登録していないとジャンプ元の会員ページに戻ることができませんのでご注意ください。

Comments [6] | Trackbacks [0]

マラソン選手

April 23,2005 6:15 PM
Category：[ダジャレ]
Tag：[Joke]
Permalink

「イカンガーはいかんがぁ」というダジャレは

続きを読む ≫

Comments [2] | Trackbacks [0]

Movable Type 3.16を日本語で使ってみる

April 22,2005 1:55 AM
Category：[3.16]
Tag：[3.16, Information, MovableType]
Permalink

Movable Type 3.16 2日ほど出遅れましたが、米国で3.16がリリースされました。日本語版は6月上旬にリリースされる予定らしいです。ので、6月10日23:59頃かと。（笑）

出遅れた分、取り戻してみました。英語版をインストールして日本語で使ってみるという実験です。お試しレベルですので動作保障は致しません。予めご了承ください。
まず Movable Type 英語版をダウンロードします。英語版はMovable Type のページのGet it now! をクリック。無償版については次ページの「BUY NOW」というリンクの下にある「Download Now ?」をクリック。後は日本語版をダウンロードする時と同じです。
ダウンロードしたら日本語版と同様の手順でとりあえずインストールします。

日本語表示にするには、mt-load.cgi 起動後（起動前でもOKかも）、MT-3.151の lib/MT/L10N/ja.pm を lib/MT/L10N 配下にコピーして mt.cgi を起動します。起動後「プロフィールの編集」をクリックして次の画面の「言語の選択」で日本語が選択できるようになります。「設定」のページで「日付用の言語」を日本語に変更するのもお忘れなく。テンプレート名等、一部英語のままですがメニュー自体は全て日本語で表示されました。テスト投稿も正常に表示されています（画像）。気がついた点としては、スパム対策用のプラグイン「Nofollow」がデフォルトでひとつ入っていました。CCLは変わっていませんでした。とりあえずここまで。

Comments [0] | Trackbacks [1]

BlogPeopleの「私を登録」での「サイト名」欄の改善

April 21,2005 1:25 PM
Category：[サイドバー]
Tag：[BlogPeople, Customize, MovableType]
Permalink

BlogPeopleのリンクリストにリンクを登録する時、登録サイトに表示されているBlogPeopleの「私を登録（うちはRegister this site ?）」をクリックされると思いますが、トップページ以外、例えば個別エントリーアーカイブ等で「私を登録」をクリックすると、登録ダイアログの「サイト名」欄にエントリータイトルが表示されることがあります。
サイトを登録する時はその都度そこで削除すれば良いのですが、他サイトからリンクしてもらってそこのリンクに「サイト名＋エントリー」で表示されてしまっている場合は、コメントを出して変更してもらうという手間をかけていました。

ということで、どのページから登録されても「サイト名」欄にはサイト名だけしか表示しないカスタマイズを行いました。参考記事および元記事は下記です。ありがとうございました。

今日の覚え書き：BlogPeopleの「私を登録」を使いやすく

cocoons.org*：BPの「私を追加」をいじる

CEFA::Blog：BlogPeopleサービス「私を登録」の落とし穴

以下、参考サイト様と似たような内容になってしまって大変恐縮ですが動作説明です。
BlogPeopleの「私を登録」では「サイト名」欄名をJavaScriptの

document.title

で取得しています。Movable Type の個別エントリーアーカイブのデフォルトテンプレートでは title タグに

<$MTBlogName$>: <$MTEntryTitle$>

が設定されていますので、結果的にエントリータイトルが表示されます。
タイトルのみを取得するようにするためには「私を登録」のタグを下記のように修正します。

<a href="javascript:void(bloppop=window.open('http://www.blogpeople.net/addlink.jsp??（中略）?='+escape(document.title'<$MTBlogName encode_html="1"$>'),'blop','scrollbars=no,width=475,height=350,left=75,top=175,status=yes,resizable=yes'));">私を登録</a>

再構築すると、変更部分のMTタグは文字列に変換されてHTMLソースに表示されますので、そういう意味では青色部分にサイト名を直接書き込んでも同じ効果が得られます。

Comments [7] | Trackbacks [1]

テンプレートご利用300サイト達成

April 20,2005 11:00 PM
Category：[ご利用サイト]
Tag：[Anniversary, MovableType, Template]
Permalink

当サイトで公開しているテンプレートのご利用者（コメント・トラックバック・BlogPeople等の登録で私が知ることができたもの）が300サイトを超えました（今何サイトだ？というツッコミはなしで）。月並みではございますがご利用くださっている皆様には本当に感謝しております。この場をお借りして改めまして御礼申し上げます。ありがとうございます。m(__)m

また今回もmixiの「小粋なユーザコミュニティ」メンバーの方々がサイトのテンプレート利用状況チェックをお手伝いくださいました。サイトの紹介も含めお礼に代えさせて頂きます。お忙しい中、どうもありがとうございました（お申し出下さった方も含んでいます）。

Magic White：みよたんさん

Daily note：miaowさん

宵待小桜餅：さくらもちさん

チョコチッブログ：ユキさん

うだうだうだ：わっちゅさん

今日の覚え書き：もそさん

[O*]**ORANGE**：mayumiさん

やむやむ：さえらさん

[k]kazunoblog：kazさん

我楽：Border.さん

う・わ・き・も・の：真希さん

Sans-Souci：さとしえさん

★ひとりごと日記★：ちえさん

ということで300サイト達成時点でのご利用サイト様を紹介させて頂きます。タイトルはトップページのタイトルを基本にしておりますが誤り等ございましたらご連絡ください。

なお本リストは「小粋なUserList」として公開しております。下記のスクリプトをBlogPeople等と同じ要領でサイドメニューに貼り付ければOKです。

<script language="javascript" type="text/javascript" src="http://rpc.blogrolling.com/display.php?r=2102d144aab85284beaa02142f672f72"></script>

リストの文字コードはUTF-8ですのでご注意ください。またリストにあるご自身のサイト情報を更新させる場合は

http://rpc.blogrolling.com/pinger/

へ更新pingを送信してください。
テンプレートご利用者の方にお役立て頂ければ幸いです。

2005.04.22 追記
重複サイト1件削除。代わりにお休み中のサイトが復活されていたので追加しました。

Comments [19] | Trackbacks [0]

カテゴリーアーカイブで MTCategoryDescription をタイトルに使う

April 19,2005 11:59 PM
Category：[テンプレートタグ]
Tag：[Category, Customize, MovableType, MTCategoryDescription, MTCategoryLabel, Plugin]
Permalink

カテゴリーリスト表示で MTCategoryDescription に日本語を設定して MTCategoryLabel の代わりに用いている方は少なくないと思います。この設定にしている理由は、

Movable Type 2.x の時に MTCategoryLabel に日本語を設定すると不具合が発生していた（この設定を 3.x でも引き継いで使用）
MTCategoryLabel に順序性のある文字列（01・02…等）を与えてカテゴリーリストを期待する順序に並べる

のどちらかであると考えられます。
この設定を行っている場合、カテゴリーアーカイブでは MTCategoryLabel が MTArchiveTitle として解釈されるので、例えばデフォルトテンプレートでは MTCategoryLabel がタイトルとして表示されるという問題があります。

単純に MTArchiveTitle を MTCategoryDescription に置き換えればよいのですが、ユーザーマニュアルからは MTCategoryDescription が

<MTCategories>
　　　　　：
</MTCategories>

の中でしか使えないように思えます。ところがカテゴリーアーカイブに限っては MTCategoryDescription を単独で用いることができるようです。
したがって、カテゴリーアーカイブの title タグは

<title><$MTBlogName encode_html="1"$>: <$MTArchiveTitle$><$MTCategoryDescription$> アーカイブ</title>

とすれば「カテゴリーの説明」が表示されます。

また公開テンプレートのカテゴリーアーカイブで、左カラムにカテゴリーのエントリー一覧を表示する部分についても

<div class="sidetitle">
The list of "<$MTArchiveTitle$><$MTCategoryDescription$>"
</div>

と修正すればOKです。

MTCategoryDescription がカテゴリーアーカイブで独立したタグで使えるというのは、Movable Type 公式サイト：Movable Type 3.0 日本語版ベータ2のご提供のOgawa::Memorandaさんのコメントで書かれている記事がありました。
また「MTCategoryLabel に番号をつけて表示する際に番号だけカットする」というプラグインもありますので併せてご紹介させて頂きます。

The blog of H.Fujimoto：カテゴリを任意の順番に並べ替える

Comments [5] | Trackbacks [2]

Movable Type で月表示がチェコ語になる問題

April 18,2005 1:05 PM
Category：[3.151-ja]
Tag：[Bug, Calendar, MovableType]
Permalink

他のサイトでも紹介されていますが、Movable Type の管理メニュー「新しいウェブログの作成」より2つめ以降のウェブログを作成すると、カレンダーの月表示や投稿表示月がチェコ語になるという問題があります。左の画像のようにトップページに文字化けしたような月が表示されている、または数字しか表示されていないか、再構築用のダイアログ画面で再構築後に

Use of uninitialized value in substitution iterator at …/lib/MT/Util.pm line 150.

というメッセージが出力されればチェコ語になっています。

これを修正するには、管理メニューより「ウェブログの設定」をクリック→次ページで右上の「設定」をクリック→次ページ最初の方に「日付用の言語」というプルダウンメニューがあります。ここで「チェコ語」が選択されているので「日本語」を選択して、「変更を保存」をクリック。最後に再構築します。
「チェコ語」が選択されているのは単にプルダウンメニューの先頭にあるからで、ユーザ設定項目という位置付けであればMTの不具合ではなく、単なる設定もれという結論になります。

ここでは「2つめ以降」と記しましたが、最初のウェブログ作成で発生することを想定されている記事もありました。

サイバー・ボックス：Movable Type 3.15 日本語版　設置手順

また以前、「カレンダーの月表示が文字化けしている」というコメントを頂いたことがありまして、その時は結局再インストールして頂いたのですが、この設定に気がついておりませんでした。
この場をお借りしてお詫び申し上げます。

小粋空間 - a cheap joke and a play on words site

テンプレート修正（XHTML1.0/CSS valid）

大型連休

Quasi-Spam Filter Plugin バージョンアップ

１．フィルタ対象文字列の追加

２．フィルタ対象フォームエリアの追加

３．コメントスパム受信時のリアクション変更

４．トラックバックスパム受信時のリアクション変更

ナビゲーションバー・シンプルタイプ（その3：クリック時のロールオーバーを追加）

１．テンプレートの設定（onclick属性追加）

２．テンプレートの設定（JavaScript追加）

参考．クリック状態で別のスタイルを使う

ナビゲーションバー・シンプルタイプ（その2：クリックしたメニューのロールオーバーを保持する）

１．テンプレートの設定

２．スタイルシートの設定

３．ロールオーバー保持の設定

３．１ ナビゲーションバーを各ページにスタティックに設定している場合

３．２ ナビゲーションバーをモジュール化している場合

４．ロールオーバー保持の設定（カテゴリーアーカイブページとの連携）

ナビゲーションバー・シンプルタイプ（その1：基本スタイル）

１．テンプレートの設定

２．スタイルシートの設定

BlogPeopleで複数ブログ登録時のログインID切り替え

マラソン選手

Movable Type 3.16を日本語で使ってみる

BlogPeopleの「私を登録」での「サイト名」欄の改善

テンプレートご利用300サイト達成

カテゴリーアーカイブで MTCategoryDescription をタイトルに使う

Movable Type で月表示がチェコ語になる問題

３．１　ナビゲーションバーを各ページにスタティックに設定している場合

３．２　ナビゲーションバーをモジュール化している場合