TOMO ■ 2004-07-31 Saturday 23:05

カテゴリーを任意の順番で並べる

備考 この投稿はMovable Type3.01バージョンの頃です

2004.07.31現在、まだ投稿数も少なくカテゴリーも「Movable Type3.0編」と「電脳編」の2つだけしかありません。
今後「家庭編」も加わるであろうとカテゴリ名だけは置いておきました。
この場合、投稿数の多い順番に並べたいと思うのが人の常。
1「Movable Type3.0編」、2「電脳編」、3「家庭編(予定)」。
しかし実際に並ぶのは
1「Movable Type3.0編」、2「家庭編(予定)」、3「電脳編」。
( -_-)

なにやら自動的に整列されているようです。
どうにかいい方法はないだろうかとググり、どんびしゃサイト見つけました。

maruchannelさん「カテゴリーを自分の並べたい順番にする」

上記のサイトを参考にしました。


  • メインメニュー > tomolatte > カテゴリー を開き、カテゴリー名の頭に数値を振ります。
  • カテゴリー記入欄

  • それぞれのカテゴリー名の「編集」画面に行き、「カテゴリーの説明」に数値を除いたカテゴリ名を入れます。

  • 前回怪しげにつくったカテゴリーの部分

    <h2>カテゴリー</h2>

    <ul>
    <MTCategories show_empty="1">
    <li>
    <a href="<$MTCategoryArchiveLink$>">
    <$MTCategoryLabel$>(<$MTCategoryCount$>)
    </a>
    </li>
    </MTCategories>
    </ul>

    <h2>カテゴリー</h2>

    <ul>
    <MTCategories show_empty="1">
    <li>
    <a href="<$MTCategoryArchiveLink$>">
    <$MTCategoryDescription$> (<$MTCategoryCount$>)
    </a>
    </li>
    </MTCategories>
    </ul>

    と書き換えます。


備考) その後、カテゴリ名は変更しています。
   サブカテゴリを任意の順番で並べる
   トップカテゴリーを任意の順番で並べる

「テンプレートの編集」のテキストエリア幅

いつまでもデフォルトのテンプレートにすがっていてはよくはありません。
訪問してくれるお客さまをお出迎えするために
「それなりにブログの見た目を工夫してますよ~」
の姿勢をとらねば。

と、おそるおそるメインページの「テンプレートの編集」を開きました。
どうやらこの「テンプレートの中身」を自分なりに書き換えればいいようです。

しかし改めて見てみるとこの編集画面、狭くないでしょうか?
幅は380pxほど。

狭めのテキストエリア

スタイルシートの「テンプレートの編集」の場合は各指定ごとに改行しますから不便を感じませんが、メインページの為にもう少し幅を広くしたいです。
テンプレート調整の前に編集画面を調整という脇道にそれます。

先日の「編集画面のフォント問題」で得た知識を応用します。
ローカル環境でmt/styles.cssを開き、

#edit-template textarea { width: 600px; }

を追加。この際なので思いきり広く600px。
そして修正したstyle.cssをFTPで上書きアップロード。
広くなりました。

--------------------------

[関連する投稿]
編集画面の表示を調整 MT3.2版

Nucleus - ブログ作成ツール

Nucleusの左上Movable Typeよりも扱いが簡単という噂を聞き、仮設置してみました。
設置するまでは確かに簡単。
あっという間でした。


[2005.11.16追記]

設置はしましたが独自ドメイン取得=アドレス変更に伴いNucleusサイトを閉鎖しました。

Nucleusはカスタマイズの幅が大きいです。
phpの知識があれば尚更でしょう。
という私にはphpのほんのさわりの部分しか知識がありませぬ。
加えてこれはデータベースにMySQL必須です。
現在レンタルしているロリポップではMySQLはあるものの、サポート対象外で私のデータサーバは今現在重々です。
さよならNucleus。
いつかまた会える日まで。

閉鎖記念撮影 [ 画像clickでPOPUP ]

そこで警笛がピーピーピーッ! 待ちなさいっTOMO、あーた、Movable Typeもろくにいじってないじゃない。 ホスティング型にも手を出しているじゃない。 それで子育てブログですって? 夜ほんのちょっとしかパソコンいじれないのにそんな時間あるの? そもそもMovable Typeだって使いこなせると思ってるの? 無謀よっ!

…ううう。すみません、ブログの神様。
でもでも、わたし、ほんのちょっとずつ色んな種類を食べたい派なんです。
ちょこっとお試しして方向を考えますのでとりあえずこの状態許してください。

というわけで
うちのせがれ
↑ここに置いてあります。
タイトルからして手を抜いています。まだ全然いじっていません。
スキンまで手を出すのは当面無理としても投稿ネタはそれなりにあるだろうから。
自分を信じて……信じられ…ない(爆)…けど。
とりあえず。設置。

TOMO ■ 2004-07-25 Sunday 22:27

RSSリーダー導入

一日一歩前進。
次は噂のRSSリーダーで情報収集を。
よく行くサイトを直接訪問しなくてもまとめて最新記事タイトルを収集できるというアレです。
某雑誌に紹介されていたフリーソフトを入れました。
DARKSKY氏の「RSSバー for Internet Explorer」
庶民には「フリー」、これ重要です。
このソフトは頻繁にお手入れされているようでver.0.91βが2004/07/21に出たばかりでした。

>

IE画面内で必要に応じてRSS情報収集用の左サイドバーを表示することができます。
右側に登録したいサイトを表示させ、RSSのURLリンクがあればそれをドラッグ・アンド・ドロップするだけ(直接入力も可)。
このサイト、tomolatteですと右側下の「Syndicate this site (XML)」の部分です。
お試しにどうぞここtomolatteをドラ&ドロしてちょうだいませ。


[2005.11.16追記]
「Syndicate this site (XML)」表記から変更しています。
2005.11.16現在は「ATOM | RSS2.0」の部分からドラ&ドロをどうぞ。

TOMO ■ 2004-07-23 Friday 02:21

Ping送信先一覧(私的メモ)

Movable Type3.0で6回目の投稿。
私はこのブログの他にもう一つ、某大手が運営している無料ブログをこさえています。
そちらには簡易アクセスカウンターがあり、それを見る限りでは私の拙い投稿記事でもいくばくかのアクセスがあり、コメント・トラックバックも頂けます。

こちらの方は当たり前なのですが自前でアクセス集計しなければどれほどの人が訪問してくれているのかわかりません。
そこで試しによく見かけるツール「忍者」をいれてみました。
みごとに自分ばかりでした。ふふ…(T▽T)
フリーなお客さまってやはり来ないのですね。
営業しなきゃいけないのですね。
Pingってアレ、やらなきゃならないのですね。

そんなわけでドーンと入れてみました。

Movable Type3.0の
メインメニュー > TOMOLATTE > 設定 > ウェブログの設定
内、広報にPing送信先を記入するところがありました。

blo.gs http://ping.blo.gs
Weblogs.com http://rpc.weblogs.com/RPC2

これは既に用意されていました。

その他の送信先として以下のpingをばぷらす…。

Bloggers.com http://ping.blo.gs
MyBlogJapan http://ping.myblog.jp/
goo blog http://blog.goo.ne.jp/XMLRPC
ココログ http://ping.cocolog-nifty.com/xmlrpc
BlogPeople http://www.blogpeople.net/servlet/weblogUpdates
COREBlog http://coreblog.org/ping/ 2006.11.2削除
My Yahoo! http://api.my.yahoo.com/RPC2 2006.11.2削除
exciteブログ http://ping.exblog.jp/xmlrpc
Bulkfeeds http://bulkfeeds.net/rpc
にほんブログ村 http://ping.blogmura.jp/rpc/

参考サイト…hail2u.netMYBUBBLETYPE

------------- 追 記 -------------

その後、「忍者」は外しました。
よくみたら家主、ロリポップに簡易アクセス解析ページが標準装備されてました。はは…。
ついでにカウンタも用意されていたので設置。
それなりに周りますように…(-人-)

TOMO ■ 2004-07-20 Tuesday 20:45

カテゴリを表示するの巻

カテゴリが表示されていないのに気が付きました。
今までの記事は「Movable Type3.0編」カテゴリに入れていたはずなのですが、デフォルトでは表示されないのですね。

カテゴリはカレンダーの下あたりに。
サイト内検索は下の方に移動。
ヘルプで紹介されていた挿入例とメインページの前後のタグを参考にして。

<h2>カテゴリー</h2>
<ul>
<MTCategories show_empty="1">
<li>
<a href="<$MTCategoryArchiveLink$>"> <$MTCategoryLabel$>
</a>
</li>
</MTCategories>
</ul>

これをメインページに書き足し。

ついでにタイトルの字幅をちょっと狭めに&太字を普通の太さに変更。

スタイルシート側

.sidebar h2 {
       color: #666666;
       font-family: Verdana, Arial, sans-serif;
       font-size: small;
       text-align: center;
       font-weight: nomal;
       text-transform: uppercase;
       letter-spacing: 0.1em;
       }

カテゴリの記事数も表示へ。
どうやるのだろう?とサーチしてみましたらinfoseekブログ道場[2005.11.16現在リンク切れ]がhit。
しかもここと同様MT3.0バージョンの解説。
記事数の部分は
<$MTCategoryCount$>
というタグを使っているようです。
これをさっきのメインページに追加。

<h2>カテゴリー</h2>
<ul>
<MTCategories show_empty="1">
<li>
<a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$> (<$MTCategoryCount$>)</a>
</li>
</MTCategories>
</ul>

できた…。

TOMO ■ 2004-07-19 Monday 15:17

MTで外部スタイルシート(私的メモ)

MTで外部スタイルシートを使うには?
以下私的メモです。

  • 適用したいcssファイルを用意し、FTPでMTのあるフォルダ内に送る。 (私の場合はMTの置いてあるフォルダの中にcssフォルダを作り、その下に置きました(css/001.css)
  • メインメニュー > TOMOLATTE > テンプレート > スタイルシートの「このテンプレートにリンクするファイル」に「css/001.css」と記入。
  • その下の「テンプレートの中身」を消去する。
  • そして「保存」をクリックすると「テンプレートの中身」に適用したいcssファイルが入る。
  • 「再構築」をし、完了。

これ面倒では?
やりかた間違っているかな?

素直にメインページの

<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />

(誤)<link rel="stylesheet" href="http://***/***/001.css" type="text/css" />

と差し替えた方がいいのかな?

でもエディタ開いてFTP開いてブラウザで確認するのは面倒だからやはりMTの「テンプレート編集」をそのまま使ったほうがベターよね。
と…ふりだしに戻る。(-_-)


[ 追記 ]

zRyu様よりコメントにて正解を教えて頂きました。

(正)<link rel="stylesheet" href="http://<$MTBlogURL$>css/001.css" type="text/css" />

メインページの他にも差し替え要です。

TOMO ■ 2004-07-18 Sunday 23:40

PHP化を試みる

Movable Type3.0を使いはじめて3日目、見切り発車のこのブログ。
前から気になることがありました。
MTを使用しているブログにおじゃまするとなにやら拡張子がhtmlではなくphpに。
何故かしらと「Movable Type」と「php」でぐぐるとこちらのサイトがhitしました。
「Zakimi::Blog: Movable TypeのPHP化」
ページ分割や再構築の高速化などのメリットがあるそうです。

まだ若葉で再構築もサクサクなこのブログですがいつかは大きな樹に、という希望をこめてPHP化を試みてみました。

  • メインメニュー>TOMOLATTE>テンプレート のインデックス・テンプレート内にあるメインページを開きindex.htmlをindex.phpに変更
  • 同じインデックス・テンプレート内にあるアーカイブページを開きarchives.htmlをarchives.phpに変更
  • メインメニュー > TOMOLATTE > 設定 > ウェブログの設定 のアーカイブの設定「アーカイブ・ファイルの拡張子」をhtmlからphpに変更
  • FTPでhtmlファイルを削除

無事に完了しました。1歩前進…。

※MTで初めてのトラックバック。これで大丈夫かしら。どきどき。

TOMO ■ 2004-07-17 Saturday 14:05

編集画面のフォント問題

04071701.gif

昨日初投稿をして悲しい事が一つありました。
編集画面のテキストエリアに表示されるFONTが、上の画像のように太くてガクガクしていました。
投稿は毎回のことですからこれはどうにか解消したいです。

そこで「MT 編集 フォント」でググってみました。
そしたらこの件に関してどんぴしゃ(死語?)のサイトがhit。

「Thanks a ton」 [2005.11.16現在この記事はリンク切れ]

編集画面のtextareaのフォント指定が「ヒラギノ角ゴシックPro W3」→「Osaka」→「MS Pゴシック」の優先順位で指定されていたのですね。
私の環境はWindowsで普通ならば「MS Pゴシック」が問題なく表示されるのですが ネットでフリーの「Osaka」が配布されていたのでこれ幸いとばかりにインストールしていました。(ここでも貧乏人根性が)
フリーなフォントで作り込みがアレだったからかフォントサイズによっては上のような状態に陥っていたわけでしょうか。
そういえば妙にフォントが見づらいサイトを時折見かけていたのですが…私のOsakaが原因?

わたくしも修正しました。(MT ver.3.0の場合です)
ローカル環境でmt/styles.cssをテキストエディタで開きますと下から2番目に次の記述を見つけることができます。

select, input, textarea {
font-family: "Hiragino Kaku Gothic Pro W3", "Osaka", "MS PGothic", verdana, arial, sans-serif;
}

このフォントの順番を

select, input, textarea {
font-family: "MS PGothic", "Hiragino Kaku Gothic Pro W3", "Osaka", verdana, arial, sans-serif;
}

のように入れ替えて修正したstyle.cssをFTPで上書きアップロード。
そうするとあら、下の画像のように普通なフォントに

04071702.gif

これでストレスなく投稿できます。
うれしい…。
これができるということは行高とかフォントサイズもカスタマイズ…(にや


[2005.04.22追記]
Firefoxで確認したところ、このFont順番入れ替えが適用されませんでした。
編集画面を見ているのは私だけなので「"Osaka", 」をサクッと消しました。

TOMO ■ 2004-07-16 Friday 23:00

MT3.0始動

ネットで遊ぶのにはプロバイダ料金以外「フリー」がポリシーだった私。
ブログもフリーなものでいこうとしました。
でも、それぞれ何か問題があるのです。

今はベータ版で広告無しですが、正式版になると広告表示とか
編集するのに制約があってカスタマイズしにくいとか
ユーザのデータが飛んだとか

いっそMT(Movable Type)を使って自分で設置してみようかと。
折しもver.3.0日本語版が04/7/15に正式に提供されるとのこと。
個人使用は無料。
…しかし、使いこなせるでしょうか?自分。
今は親切なマニュアルサイトがいっぱいあるのでそれを頼りにすればなんとかなるでしょう。
多分。きっと。

ここで問題発生。
MTにはCGIを動かせる環境が必要だそうです。
うちのプロバイダ、CGI使えません。(標準装備でCGIを使えるプロバイダってあるのでしょうか?)
しかたがありません、ここは清水の舞台から飛び降りる心境でレンタルサーバを借りることにしましょう。
というわけでここナウでヤングなレンタルサーバ・Lolipopを借りました。月額250円。

Lolipopには親切にもMovableTypeの設置方法のページがあり、案外するすると設置終了。

設置は出来ました。が初期設定のままです。
これからあちこちのサイトを参考にして体裁を整えようと思います。