2006年4月アーカイブ

「ウインドウサイズが大きくならないか？」との質問（路子さん）が、ミクシィにあった。解決方法ではないのでコメントはしなかったか、私のメインブログでも同じ状況になっている。少しだけ下が隠れるのだ。
少しだけというのが気になったので、ほかのブログとの差を調べてみたところ、ほかブログのポップアップウインドウとサイズは同じだった。中の行が１行多いのだ。
「公開」の設定で、アーカイブをサイトパスと別のパスで公開する場合に起きる現象。この設定をすると、ポップアップウィンドウの＜アップロード先＞に、＜アーカイブ・パス＞が追加される。
大きさが一定のウィンドウに、1行追加されるので、ボタンが見えなくなってしまうのだ。

ファイルアップロードのときに、マウスでドラッグするの面倒なので、設定を変えた。

1. 該当ブログのアーカイブをバックアップ
   
2. バックアップしたアーカイブをサイトパスに転送
   
3. 「公開」の「アーカイブの設定」チェックをはずす
   
4. 変更を保存して、サイトの再構築
   

小粋空間さんのカスタマイズにあった「透過する背景」に挑戦してみた。
次のスタイルは、新しいブログ「手編み研究室」の、記事部分の背景としている。
background-positionは、背景画像の位置。固定画像を背景としている

/*大段落の背景(半透過)*/
filter: Alpha(opacity=80);
opacity:0.8;
background: #ffffff url(back_container.gif) ;
background-repeat: no-repeat;
background-attachment: fixed;
background-position:70% 70px;

今のところこの方法で間に合っているが、スパマーも研究しているで、いつまで持つのかは定かではない。

1. mt.cfg (3.2では　mt-config.cgi ）を開き、「CommentScript」を探す
   # CommentScript mt-comments.pl
2. 名前を任意のものに取り替える(先頭の#をはずす）
   例：CommentScript spamtest.cgi
3. >mt.cfg（mt-config.cgi ） をサーバーに転送する（元と取り替える）
4. mt-comments.cgi ファイルを上記で設定した新ファイル名 にリネームする
5. サイトを再構築する

1. maketree.js をダウンロードし、自分のローカルサイトに転送する
2. ツリー表示にしたいテンプレートのサイドバーのメニューリストのMTタグを修正する。次の例はコメントツリー
   <div class="side" id="commentlist"> <MTEntries recently_commented_on="5"> <a href="<$MTEntryLink$>"><MTEntryTitle></a> <ul> <MTComments lastn="5"> <li><a href="<$MTEntryLink$>#<$MTCommentID$>"> <MTCommentAuthor></a> <$MTCommentDate format="%m/%d"$></li> <span class="new"><!--<$MTCommentDate format="%Y:%m:%d:%H:%M:%S"$>--></span> </MTComments> </ul><br /> </MTEntries> </div> <p><script type="text/javascript"><br /> <!--<br /> generateNormalTree("commentlist");<br /> //--><br /> </script>
   
   
   
3. ツリーにするライン（小粋空間さん）をダウンロードし、ローカルサイトパスに転送する
   
4. 〜 の間に「maketree.js」を読み込むタグを挿入する
   <script type="text/javascript" src="<$MTBlogURL$>maketree.js" charset="utf-8"></script>
   
   
5. スタイルシートを追加する
   
   
   ul.tree {<br /> margin: 0px!important;<br /> padding: 0px!important;<br /> font-size: 9px;<br /> list-style: none!important;<br /> }<br /> ul.tree ul {<br /> margin: 0px!important;<br /> padding: 0px!important;<br /> }<br /> ul.tree li {<br /> margin: 0px!important;<br /> padding: 0px 0px 0px 16px!important;<br /> background-image: url(tree_lst.gif);<br /> background-repeat: no-repeat!important;<br /> list-style: none!important;<br /> }<br /> ul.tree li.end {<br /> background-image: url(tree_end.gif);<br /> list-style: none;<br /> }<br />
   
   
   
6. サイトを再構築する
   

24時間以内のコメントに「New！」を表示するようにカスタマイズした。（きまま日記）
このスクリプトと設置方法は「小粋空間」さんからによるもの。
サイドメニューのコメントリストをツリー形式にした（小粋空間）

24時間以内のコメントにNew!!を表示するという、スクリプトを「小粋空間」さんから頂いてきた。
あちら詳しい解説が提供されているので、 かいつまんでポイントだけを書き留めて置こう

1. MainIndexのコメント表示部分に、インラインのスタイル
   <span class="new"><!--<$MTCommentDate
   format="%Y:%m:%d:%H:%M:%S"$>--></span>
   を設定する。場所はコメント日付のすぐ後ろ


2. MainIndexの一番下に、スクリプトを追加する。ここで表示する内容は時間を指定することができる
   <script type="text/javascript">
   　［省略］
   < /script>


3. スタイルシートに次の内容を追加する。
   span.new {
   color: red;
   font-weight: bold;
   }
   

「小粋空間」の3カラムをベースに、メインブログのテンプレートにも着手した。設置したはよかったが、個別アーカイブの部分で、記事部分が見えなくなってしまった。
ここのテンプレートでは大丈夫なので、もしかしたらと背景イメージを取って見た。すると隠れていた部分が現れたので、やはり背景の指定が間違っていたようだ。改めて設定したのは次の２箇所

• .entry クラス
  
• .layout-three-column クラス
  

本文（エントリ）の文字サイズが大きくてこれをなおすのに苦労した。
スタイルシートのエントリ（.entry）で指定したフォントが反映されないのだ。
MainIndexを見てみると、entry-body と entry-content が使われているのに、スタイルシートにこのクラスがないのだ。
ディフォルトのCSSにはある。そこでこの2つを追加したところ、ようやく設定が反映された。

リアルタイムでなおかつ休日の表示ができるカレンダー（Javascript)を、小粋空間さんから頂いてきた。
これを使えば、書き込みがない日でも、再構築をしなくても、ちゃんと本日が表示されることが確認できた。このサイトは、Movable Typeをやっていく上に大変ありがたい貴重な存在だ。
その他のカスタマイズ

• カレンダーのタイトル（calendarhead） のフォントサイズを10px太字に変更
  
• 箇条書きの記号を circle から disk に変更
  
• サイドメニュー（side）の左余白を5px空けた。
  
• エントリー日付(date）の背景を薄い水色（D3ECFE）で塗りつぶした。
  
• 段落間(p)の空きを、15pxから10pxに変更。ちょっと空きすぎている感じだった。
  

Recent Comments （最近のコメント）表示をカスタマイズした
3カラムの場合、コメントがあまり多く表示されると暑苦しくなると感じたからだ。
少しはすっきりしただろうか？(^^;

• リンクを月日だけに変更、カッコでくくった
  
• 表示するエントリ数を5つまでとした
  
• 表示するコメント数rを4つまでとした
  <MTComments lastn="4"> は、コメントの表示件数を４とする
  
• エントリ間の行を広げた
  
• サイドメニューの行間を160%にした
  

メインブログでコメントプレビューエラーが出た。コメントプレビューから「投稿」をクリックすると、Javascriptエラーになる。どこかいじってしまったのだろうか？
困ったことに覚えがない。
元々Ver2.6のときに作ったスタイルなので、現在使っている3.2のディフォルトのコメントプレビューをそのまま使うことができない。
仕方なく、2.6用のスタイルの下に、3.2のスタイルの一部をくっつけて、なんとかコメントプレビューを使えるようにした。
メインのブログも、そのうち3.2にしなければならないだろう。

メインインデックスのタグを入れ替えて、3カラムにすることができた。
私がいつも参考にさせていただいている小粋空間さんに、シンプルなスタイルが公開されていたので、これを使わせてもらうことにした。
ありがたいことに、スタイルシートだけではなく、ほかのテンプレートもサポートしてくれている。それに何よりスタイルシートにコメントが入っているので、とても分かりやすい。
自分用に少しずつカスタマイズして行こうと思う。昨夜から今日にかけてカスタマイズした箇所は次のとおり。

• バナーのイメージをMovableTypeふうにしてみた。
• エントリタイトルのフォント色を変えた
• サイドメニューの行間と文字サイズを少し大きくした