Y乃助

サイドカラムを修正しましたWWW

家の場合、左190 中央610 右200だと、まあまあ妥協点とも言える感じです（右　205にすると後半が変でした）

さぁー頑張るかなぁー（少し消極的

カテゴリーは戻すというか、少し改造しないと悲しいデス。

間違えましたwwww

新規コメント設定ｗｗ（汗
前記事を修正します（恥

悩んでいたいたことは、コメント名をクリックするとエントリートップに向かう！ということでしたが、定義を間違えました(^^;

トラバはー　また今度ぉー

dTreeは以前実施し、挫折した経緯があるのでリベンジ！

というのもyujiroさんが、dTree によるサブカテゴリーリスト for Movable Typeの記事を書いてくれたことが一番の要因wwww

前から気にしている部分だが、りぃさんのお言葉でゆっくり探すことにー。

FC2のように、「コメント投稿者」をクリックするとリンクして、そのコメント記事に飛んで欲しい！のだが、未だ改善せず（切腹

コメントを「外部リンクで開く」という記事はよく目に入るのだが、

少し　狙っているとこ　チガウカモ♪

しばらく検索しましょう！

yujiroさん、りぃさん　両先生！

ゴメンナサイwww

ワタシの調査不足でした。

V3.3テンプレートがV4テンプレートに対応しないかと勘違いしてしまい、激しいミスを犯してしまいました（反省。

精進あるのみwwww

スミマセン、順番が違いますね(^^; 誘導型トップページを考えているので、少しお時間をください。

V3.35で『続く』を行うと　ビュ！　と変な状態となってしまう。そこで、通常ブログで使用するものと同じにすべく改良。

参考は小粋空間さんの記事　追記文章の折りたたみ用スクリプト（改）　から。

FC2ブログで外部ファイル化を忘れてしまったので、この際　MT　も外部ファイルにできないかな？と思い、挑戦

いたお師匠の引用

一般的にjavaScriptをヘッダー内に書くよりも外部ファイル化したほうがSEO的に良いと言われています。

という訳で、「プルダウン用JAVA」と「続きJAVA」を外部ファイル化にしてみる。

名前は　javaScriptの外部ファイル化 の記事通り　test.js　というファイルを作り以下を入れ込む

function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}

function showHide(entryID, entryLink, htmlObj) {
extTextDivID = ('Text' + (entryID));
extLinkDivID = ('Link' + (entryID));
if( document.getElementById ) {
if( document.getElementById(extTextDivID).style.display ) {
if( entryLink != 0 ) {
document.getElementById(extTextDivID).style.display = "block";
document.getElementById(extLinkDivID).style.display = "none";
htmlObj.blur();
} else {
document.getElementById(extTextDivID).style.display = "none";
document.getElementById(extLinkDivID).style.display = "block";
}
} else {
location.href = entryLink;
return true;
}
} else {
location.href = entryLink;
return true;
}
}

上記のポイントは二つ！

１.<script language="javascript" type="text/javascript">定義と</script>を必ず削除

2.経験上、XREAではUTF8で保存しておいたほうが懸命（他でテストしませんでしたが…

これで下準備OK!

・まずFFFTPなどで、ファイルアップロード
・スタイルシートを除く各シートにて、JAVA定義を削除
・ワタシの例だが　<script type="text/javascript" src="http://makotoda.s53.xrea.com/test.js"></script>　を</head>の前に追加！

以上です。これで外部化できると思います。どこでもお世話になります、いたお師匠！

サイドバーの背景でも書いたが、悲しくフッダーに色が残る..orz。

しばらく放置プレイ状態だったのだが、やはり修正したくなり変更。

1.フッダー用画像を作成

それほど凝った内容を求めていなかった為、無地の　白　と決めていた
そこで、幅1000の白画像のgifを準備

2. スタイルシートに設置

#footer
{
border: 1px double #C0C0C0;
color: #666;
text-align: right;
clear: both;
font-size: 10px;
margin: 10px 0px 0px 0px;
background-image: url(http://makotoda.s53.xrea.com/BLOG/mtfooter1.gif);
background-repeat: no-repeat;
background-position: left top;
}

とりあえず(^^;。この仕様でしばらくいこうかなと…

サイドバーの背景が悲しくフッダーまで届かない（号泣

そこで小粋空間さんの記事　CSSでサイドバーの背景を最後まで表示する　を参考に、カストマイズ

現在のスタイルは左190、中央610、右190だ。

1. サイドバー用のgif画像を造る！

画像ソフトを用い造ってみた
まず三つの画像を準備（右は少し長めにしてます）
・幅1000の　白　画像（ベース）
・幅190の　青　画像（左用）
・幅210の　青　画像（右用）
ベースに(右用と左用）を貼る(^^;

2. スタイルシートに設置

#container {
margin: 5px auto;
background: #FFF;
text-align: left;
background-image: url(http://makotoda.s53.xrea.com/BLOG/TEST2.gif);
background-repeat: repeat-y;
background-position: left top;}

上記指定をすることにより、かなり美味くいった（問題点はフッダーまで、リピート…中爆）

これは、完全に教えていただきました（でもテンプレに関する、個別質問は、ここで終了！…規約違反デス）

サイドバーにあるリンク等の文字サイズ変更

りぃさんのテンプレート（スタイルシート）では、デフォルトで

.module-content　font-size: 11px

となっている。ワタシはもう少し大きくしたかったので、

.module-content　font-size: 12px

と変更したｗｗｗ　バランス少しヨクナル（感謝

ps.あれ？マスクしたハズの、カテゴリー名がリアル？カテゴリー名で出ている（中爆）

直さねば…(^^;

次に行った作業は、カテゴリーの順番変更

ブログのように、簡単に順番が変更デキナイ（涙
そこでりぃさんの記事　カテゴリーを好きな順番に並べる　を参考に変える。

原理はこうだ。

The blog of H.Fujimotoさんのプラグインを使用して、ブラインドカテゴリー名を作る。具体的には

参考例として、自分のサイトを例にしてみる

親カテゴリー名 　001001-MT
サブカテゴリー名　001010-MTへの移行　１
サブカテゴリー名　001011-MTへの移行　２
：
：
親カテゴリー名　 009001-サイト説明

赤字で書いたカテゴリーが実際に造ったカテゴリー。それを、上記プラグインでマスクしてしまうという素晴らしいアイデア（凄いぜ。

簡単に書けば、番号を見てもわかる通り、数字で管理してしまうアイデアとも言える（さらに凄いぜ！

MT記事、初期の段階であれば、ワタシはこちら派？。
The blog of H.Fujimotoさんでは、もうひとつプラグインが用意されているが、うまく動作せず！設定ミス...orz。

では設定編

1. H.Fujimotoさんの　カテゴリを任意の順番に並べ替えるの記事中に、cutfirstchar.plが用意されている。まずそれをD/L

2.cutfirstchar.plをpluginsフォルダにアップロード!

3.<MTCategoryLabel>と書かれているすべてのテンプレートを項目4のように修正

4.<MTCategoryLabel cutfirstchar="7">

ワタシの場合、数字+ - で合計7個隠したい。そこで上記7の指定となる。

さらに改造

5.<$MTArchiveTitle$>と書かれているすべてのテンプレートを項目6に修正

6.<$MTArchiveTitle cutfirstchar="7"$>

6の改造をしないと、IEのページヘッダーで実カテゴリー名が表示されると思う（号泣。

補足: ここは色々弄りました。すべてのテンプレートで修正！と書いてありますが、変えていない場所もあった記憶があります（スミマセン…汗　記憶がぁーーー。

何故か、サイト名の上にサブタイトルが出てしまう！
定義の意味が、どうしてもわからず、またやってしまいました（爆

小粋空間さんのヘッダーを移植！　（スミマセン　汗

1.

<!-- ヘッダー開始 -->
<div id="header">
<h1 id="blog-name"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<MTIfNonEmpty tag="BlogDescription"><p class="blog-description"><$MTBlogDescription encode_html="1"$></p></MTIfNonEmpty>
</div>
<!-- ヘッダー終了 -->

スタイルシートを除き、各シートを入れ替え(^^;

2.

/* ヘッダー */
#header {
padding: 15px;
border-bottom: 1px solid #669;
color: #999;
background: #8fabbe;
background-position: right top;
background-repeat: no-repeat;
background-image: url("http://makotoda.s53.xrea.com/BLOG/TITLE1.jpg");
text-align: left;
}

#header a,
#header a:link,
#header a:visited {
color: #fff;
background: transparent;
font-size: 48px;
text-decoration: none;
}
#header a:hover {color:#6666ff; text-decoration:none;}
#header a:active {color:#0000FF; text-decoration:none;}

/* タイトルバナー下の説明 */
.blog-description {
color: #fff;
background: transparent;
font-size: 14px;
}

をスタイルシートにて書き換え。

これでうまく、上にタイトル、下にサブタイトルと出るようになりました。上記は、ヘッダー画像定義も入っていマス(^^;

感謝

カテゴリーが寂しい…
みなさん　ツリー式だし…（イイナ　ﾂﾝﾂﾝ♡ ( ^▽^)σ)~O~)ｱﾊﾊ；；

当初、アキラメそうになったのだが、kishi-r.comさんの記事　 Movable Typeのカテゴリをツリー化してみる　を読み、ファイトな気持ちとなる(^^;

ようは、カテゴリー定義をばっさり変える！

で、失敗した場合は戻す！くらいの覚悟でトライ開始

1.

<MTSubCategories>
<MTSubCatIsFirst><ul class="tree"></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li class="tree<MTSubCatIsLast>_end</MTSubCatIsLast>">
<a href="<$MTCategoryArchiveLink$>" title="
<$MTCategoryDescription$>"><MTCategoryLabel></a>
[<$MTCategoryCount$>]
<MTElse>
<li class="tree<MTSubCatIsLast>_end</MTSubCatIsLast>">
<MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse max_depth="3">
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories>

をスタイルシートを除く、各シートに切り替え。

2.

ul.tree {
margin: 0!important;
padding: 0!important;
font-size: 12px;
list-style: none!important;
}
ul.tree ul {
margin: 0!important;
padding: 0!important;
}
ul.tree li {
margin: 0!important;
padding: 0 0 0 16px!important;
background-image: url(http://makotoda.s53.xrea.com/tree_lst_solid.gif);
background-repeat: no-repeat!important;
list-style: none!important;
}
ul.tree li.tree_end {
background-image: url(http://makotoda.s53.xrea.com/tree_end_solid.gif);
list-style: none;
}

をスタイルシートに挿入

尚この線は、小粋空間さんの　JavaScript 不要なサイドメニューのツリー化 for Movable Type（MTCollate編）から、「ツリー画像のダウンロード」より有難くお借りしました。

これをファイルアップロードしたものが、上記定義になる

すると…　見事ツリー化成功デス！

少し余裕がでてきた感じデス（まだバタバタしてますどぉ

ここらで、3カラムのサイズ変更をしたいと思った(ニヤリ

これまたダメもとで、FC2で使用しているサイズ値に設定してみる

/* 3カラム */

.layout-three-column #container { width: 1000px; }
.layout-three-column #banner { width: 100%; }
.layout-three-column #footer { width: 100%; }

.layout-three-column #alpha {
float: left;
width: 190px;
/* background: #F2F7FE;*/

/* border: 1px solid #C0C0C0;*/
}

.layout-three-column #alpha-inner {
padding: 15px 10px 0px 10px;
}

.layout-three-column #beta {
float: left;
width: 610px;
background: #FFFFFF;


}

.layout-three-column #beta-inner {
padding: 15px 10px 0px 10px;
}

.layout-three-column #gamma {
float: left;
width: 190px;
/* background: #F2F7FE;*/
/* border: 1px solid #C0C0C0;*/

}

.layout-three-column #gamma-inner {
padding: 15px 10px 0px 10px;
}

ハマッタ（感動！　Win/XP IE7 、 Firefox2.0.0.4 、 Fedora FC6 Firefox2.0.0.4 1280×1024でケタずれしない！♪～（＊￣￣￣￣￣ε￣￣￣￣￣＊）イエイ♪

注:　それ以上のサイズで見ると、タブン、ダメカモ（切腹

新着トラバがうまくいったところで、今度は、新着コメントをなんとかしたいところ！

やはり小粋空間さんの　新着コメントに New マークをつける　を参考に、加工してみる(^^;

<!-- コメント開始 -->
<div class="module-header">最近のコメント</div>
<div class="module-content">
<MTEntries recently_commented_on="5">
<$MTEntryTitle$><br />
<MTComments lastn="5">
　 └ <a href="<MTCommentEntry><$MTEntryPermalink$></MTCommentEntry>#comment-<$MTCommentID$>"><$MTCommentAuthor$><$MTCommentDate format="%m/%d"$> <span class="new"><$MTCommentDate format="%Y:%m:%d:%H:%M:%S"$></span><br />
</MTComments>
</MTEntries>
</div>
<!-- コメント終了 -->

やはりメインページ、エントリページで、加工！

2と3の定義はトラバで行った為、恐らく問題なしかと(o≧▽ﾟ)oニパッ

結果は　うまくデマシタ

かなりいい感じールンルン♪~♪ d(⌒o⌒)b ♪~♪ルンルン

p.s 2007/6/28　　修正　定義ミス

新着トラバにFC2と同じように　NEW を付けたいな！という発想から、開始(￣0￣)w” ｼﾞｬﾝｹﾝ ﾊﾟｰ

これはダメ元で小粋空間さんの 新着トラックバックに New マークをつける　を参考に実施してみる(^^;

公開テンプレートではない　が、（相当マズイ　以下のように設定！

1.

<!-- 最近のトラックバック開始 -->
<div class="module-header">最近のトラックバック</div>
<div class="module-content">
<MTPings lastn="10">
<a href="<$MTPingURL$>" target="_blank" title="t<$MTPingID$>"><$MTPingTitle$></a><br />
from <$MTPingBlogName$> <$MTPingDate format="%m/%d %X"$> <span class="new"><$MTPingDate format="%Y:%m:%d:%H:%M:%S"$></span><br />
</MTPings>
</div>
<!-- 最近のトラックバック終了 -->

をスタイルシート以外に設定。

2.

<!-- 新着開始 -->
<script type="text/javascript">
<!--
// passage time
var pass = 24;

// display content
var content = 'New!!';

var currentDate = new Date();
var spans = document.getElementsByTagName('span');
for (i = 0; i < spans.length; i++) {
if(spans[i].getAttribute('class') == 'new' ||
spans[i].getAttribute('className') == 'new') {
time = spans[i].childNodes[0].nodeValue.split(":");
var entryDate = new Date(time[0], time[1]-1, time[2], time[3], time[4], time[5]);
var now = (entryDate.getTime() - currentDate.getTime())/(60*60*1000);
now = Math.ceil(now);
if(-now <= pass){
spans[i].innerHTML = content;
spans[i].style.display = 'inline';
}
}
}
//-->
</script>
<!-- 新着終了 -->

をスタイルシート以外に設定。

3.

span.new {
display: none;
color: red;
font-weight: bold;
}

をスタイルシートに設定

すると…

FC2からトラバテストしてうまくデキマシタ（感動！

スミマセン（汗。完全に混合ミックスなテンプレートの始まりデス( ^▽^)σ)~0~)プニッ♪

ゴメンナサイ！正しいエラー記述を忘れてしまいました（｡･ﾟﾟ･（´_ゝ｀）･ﾟﾟ･｡エーン

デフォルトテンプレートを使用すると、index.phpだけではなく、他のシステム、アーカイブ等の各ページの先頭に

<?xml version="1.0" encoding="<$MTPublishCharset$>"?>

が記載されています。

これがぁーーーー

どうもphp化した場合、いらない定義のようですね(^^;
これがあると記事をアーカイブする度に、エラーを吐いてくれます（号泣

常識なんでしょうネ（^^;。見落とすアホ（涙。

結構ハマりました。現在は、この定義をすべて削除しています。

おーろーかぁーもーのー

次に、設定したことはスパム対策だ(--;

ほぼ自分で管理というMTでは、これは必須要項

１.コメントスパム対策

ワタシが使うMT 3.35には標準でSpamLookupプラグインが搭載されている。まずはこのプラグインを使うっきゃない(￣ー￣(_　_(￣ー￣(_。

TypeKeyも設定しているが、現在は外している。

馬鹿がやってきたら即実施！((((((((((((*ﾉﾉ) ﾋﾄﾞｲﾜｰｯ

2.トラックバック対策

これも、標準搭載のプラグインを使用中。
あと、小枠空間さまのASCII 文字のみのトラックバックをフィルタリングする Movable Type プラグインは導入した。

一応、こんな感じデス。

ひとつ情報としては、

<$MTEntryTrackbackData$>

個人で頑張る以上、セキュリティーは頑張らないと！

これは、小粋空間さんの　Movable Type を始める前に設定しておきたい 10 の項目 を参考に設定

違う設定になったところだけ書きます

ping送信先
http://ping.ask.jp/xmlrpc.m
http://ping.namaan.net/rpc/
http://pingoo.jp/ping/
http://blogsearch.google.com/ping/RPC2
http://api.my.yahoo.co.jp/RPC2

ぐらいです。あとはコメント受付を若干変えている場合がありますネ

あとは十か条通りに指定しています

一難去ってまた、一難

一応うまくいったお話からシマス

月別アーカイブがうまくデナイという処理は以下の手順で解消しました

1. Kinarie&Mayさんの　通常型Flashカレンダー3.00を2.00にし、まだ理解できていない、MTのアーカイブマッピング機能をヤメル　（理解デキタラ、あげたいデス）

2. Slo Labさんの記事　月別アーカイブのプルダウン化その1を参考に、

<!-- 月別アーカイブ開始 -->
<form name="pulldown_monthlyarchives">
<select name="menu" onChange="MM_jumpMenu('parent',this,
0)">
<option selected>月別過去ログ</option>
<MTArchiveList archive_type="Monthly">
<option value="<$MTArchiveLink$>">
<$MTArchiveTitle$> (<$MTArchiveCount$>)</option>
</MTArchiveList>
</select>
</form>
<!-- 月別アーカイブ終了 -->

と設定することにより、変な文字化けが消える！！

3. 日付も連動してしまったが、見易いからよしとして（汗、以下を加工

以前も活用した、りぃさんの記事 （カテゴリー・月別ページをタイトル一覧にする）に書いていただた通り、

<div><$MTArchiveTitle$>　月日別一覧</div><MTEntries>
<div class="entry"
id="entry-<$MTEntryID$>">
<div class="entry-body">
<font
color="#999999"><$MTEntryDate
format="%Y.%m.%d"$></font>　
<a
href="<$MTEntryPermalink$>"><$MTEntryTitle$></a>
</div>
</div>
</MTEntries> BODY>

と設定！

ようやくできました（昨日はあまり寝てません…

で、冒頭に書いた話はGoogleデス

かなりマズイ…ヤバイ　致命的なミスをしている予感

php

そういえば、現在ブログしているFC2さんは php

でも今までH/Pで造ったものは　html

これも初期の段階で、相当ハマッタ話デス（涙ボロボロ

普通にMTを造るとhtmlになるけど、りぃさんのページと小粋空間さんのページで、かなり重要だよ！とシリマシタ

MTをphp化する　の記事によると、

php化するメリットは
・再構築の時間が大幅に短縮できる
・コメントにアイコンを設定できるなど、.htmlでは出来ないカスタマイズができる
・PHPインクルードを使ったモジュール化ができる

phpのデメリットは
・動的ファイルなので、検索エンジンに掲載されにくい
・動的ファイルなので、アクセスするたびにサーバーに若干負担がかかる
・phpに対応してないサーバーもある

だそうで、かなり変更したくなった（＾＾；
運よく、XREAさんはphpがオッケーな為、構築可能！

ハマッタところ！（)´д`(）ｹﾞｯｿﾘ・・・

1. ・管理画面の公開の設定で「アーカイブの拡張子」をhtmlからphpに変更
・テンプレートの「インデックス」と｢アーカイブページ」の出力ファイル名の
　htmlをphpに変更

まではしたんだけど、いくらコメントを入れてもデナイ！

それはネ　…　htmlファイルを消してないんだよ…　相当あとに知る　（オロカ

2. 初期のころ、/～/weblogにしていた為、トップページがリンクしない

それはネ　…　.htaccessを使用してリダイレクトするんだよ…　これも相当ハマル　

家の場合、
Redirect Permanent /index.html http://makotoda.s53.xrea.com/weblog/index.php

と定義し、一番上位のルートに置けば問題なかったデス。
ただ、.htaccessが設定デキナイ場所もあるようでして…
困ったものデス

サイショにはまっていた箇所ですね　先は長いよ 寅さん

低脳動物であるワタシには、ここからが超大変！

テンプレートが二枚　と信じていた　アホ　デスから…
最初の頃は、あれ？知らないよ　そんなテンプレート　みたいな。・゜・(/Д`)・゜・。うわぁぁぁぁん

レンタルブログとMTとの一番の違いは、りぃさんのテンプレートを使用する限り、

1-1 メインページ
1-2 スタイルシート
1-3 アーカイブページ

2-1 エントリーアーカイブ
2-2 カテゴリーアーカイブ
2-3 日付アーカイブ

3-1 コメント・プレビュー
3-2 検索結果
3-3 コメント保留
3-4 コメントエラー

上記でワタシが、愚かに修正しているのは、3-1～3-4以外全部デス（ウッホ

タブン、挫折する人は、この量で終わるとふんだ！

ここで、何度もアップロードをした経験上、言えることは面倒でも、初期のテンプレートは全部バックアップしたほうが、懸命デス

あとでタブン泣きます！

さらに修正する場合も、必ずバックアップ　　たぶん、鉄則だと思います。

何故、りぃさんのテンプレートをお借りしたかたというと、まだまだ不明な点ばかりですが（これはわたしが低脳なだけ）、とてもワカリヤスク説明がアル　（…　大事デスネ…）　　ことデス

MT初心者には、とてもお勧めなテンプレート及びサイトだと思います（感謝

MTカスタマイズ法収集ブログさまのりぃさまに、

「カテゴリーから過去アーカイブを一覧表示（タイトル）を見る為には？」

というアホ度100%な質問をしたところ、記事にしていただけました（喜び

ワタシの場合、りぃさまのテンプレートを使用している為、「カテゴリーアーカイブ」のエントリータグをばっさり削除し、定義していただいた以下の設定を行いました

<MTEntries>
<div class="entry"
id="entry-<$MTEntryID$>">
<div class="entry-body">
<font
color="#999999"><$MTEntryDate
format="%Y.%m.%d"$></font>　
<a
href="<$MTEntryPermalink$>"><$MTEntryTitle$></a>
</div>
</div>
</MTEntries>

さらに初心者であるワタシは、ちと悩みタイトルをこんな感じにしました

<$MTArchiveTitle$> <$MTCategoryDescription$>

綺麗にデマス　

本当にりいさま、有難うございました