どう知らそう?

June 30,2005 10:50 PM
Category:[ダジャレ]
Tag:[]
Permalink
Comments [4] | Trackbacks [0]

Movable Type の編集画面を横にひろげる

June 29,2005 11:58 PM
Category:[管理画面]
Tag:[, , , , ]
Permalink

テンプレート編集画面のテキストエリアおよび、エントリーのテキストエリアの横幅をひろげるカスタマイズです。画像はテンプレート編集画面の変更前と変更後です。

幅をひろげる前
幅をひろげた後

変更方法は、styles.css (インストール時、mt.cgi と同じディレクトリにあります)の下記の部分を検索して赤色から青色の値にそれぞれ変更してください。例は 150px ひろげる場合です。

.body-wrap {
    width: 750px900px;
    }
    :
#edit-template textarea.wide {
    width: 618px768px;
    }
    :
#edit-entry textarea.full-width {
    width: 577px727px;
    }

.body-wrap はエントリー・テンプレートいずれにも適用される最大幅です。#edit-template textarea.wide はテンプレートのテキストエリア用の幅を設定します。.body-wrap で増加した分を超えるとカラムが折り返してしまうのでご注意ください。#edit-entry textarea.full-width はエントリーのテキストエリア用の幅を設定します。

縦幅をひろげる場合はMovable Type の編集画面をひろげるをご覧ください。

Comments [3] | Trackbacks [4]

小粋なユーザーコミュニティ100人突破

June 28,2005 11:58 PM
Category:[mixi]
Tag:[, ]
Permalink

当サイトのテンプレートユーザさんを中心とした mixi のコミュニティ「小粋なユーザーコミュニティ」が先日100人を超えました。参加くださっている皆様、ありがとうございます。

下記のエントリーでTB企画も行われてますので、興味のある方は奮ってご参加ください。

Magic White小粋なユーザーコミュニティ100人突破記念企画

Comments [2] | Trackbacks [1]

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

June 27,2005 11:56 PM
Category:[ご利用サイト]
Tag:[, , , ]
Permalink
当サイトで公開しているテンプレートのご利用者(コメント・トラックバック・BlogPeople等の登録で私が知ることができたもの)が400サイトを超えました。月並みではございますがご利用くださっている皆様には本当に感謝しております。この場をお借りして改めまして御礼申し上げます。ありがとうございます。m(__)m


また今回もmixiの「小粋なユーザコミュニティ」メンバーの方々がサイトのテンプレート利用状況チェックをお手伝いくださいました。サイトの紹介も含めお礼に代えさせて頂きます。お忙しい中、どうもありがとうございました。
[k]kazunoblog:kazさん
我楽:Border.さん
Magic White:みよたんさん
やむやむ:さえらさん
ぷちぷちつづり:みゆこんさん
うだうだうだ:わっちゅさん
Daily note:miaowさん
今日の覚え書き:もそさん
Orbium -そらのたま-:としさん
う・わ・き・も・の:真希さん
LOVE×LOVE!?:さっちん。さん
私立大学職員の情報オフィス:yassyさん
ということで400サイト達成時点でのご利用サイト様を紹介させて頂きます(BlogRollong 表示順です)。タイトルはトップページのタイトルを基本にしておりますが誤り等ございましたらご連絡ください。
  1. ( ・ω・)Shinのぼやき
  2. * お気楽で行こう *
  3. **つれづれなるままに**
  4. **Silver Heart**
  5. + 馬グナカルタ +
  6. +++ Trash can +++
  7. +++お気楽な日々+++
  8. ++お花ダイスキ!++
  9. ++Open My Heart++
  10. +みゅみゅうさ+
  11. -CROSSIDE MANIA-
  12. -h@tezone-
  13. /PEN/
  14. /var/tmp/blog
  15. 05
  16. 137g
  17. 4REAL
  18. 5587.chan.com
  19. 7colors
  20. 84xx.daa.jp
  21. : : useful days* ? : :
  22. :: Figaro_express ::
  23. ::::fuumblog::::
  24. ::flowblog::
  25. a n i
  26. Aloalo Palekaiko
  27. AMBITION&DESIRE
  28. AmitoMidnight
  29. angeli-x ++ monologue
  30. 『ブタネコのトラウマ』 Blog版
  31. ?風を追いかけて?
  32. あそび
  33. あっぷるじゅ?す
  34. あどべがの館
  35. あふなびブログ
  36. あらぐさ
  37. うたたね ひつじ
  38. うだうだうだ
  39. えてぽんの部屋
  40. お取り寄せ大好き.com
  41. お気楽草紙
  42. かわさき life
  43. しゅがーはーと・ぶろぐ
  44. ちっちっち
  45. ちとGo!Go!
  46. つのとカブいっしょに
  47. とも。日記
  48. とりとめなき日記
  49. どうでもいいこと
  50. どらむすめ.com
  51. にゃ?ごろ
  52. のんべサラリーマン
  53. はいねぶ
  54. ひばり座ブログ
  55. ひびのつぶやき
  56. ふたつとない日常 ?Azumy's Standard Daytime
  57. ふんわり堂
  58. ぶーくろぐ
  59. ぷちぷちつづり
  60. へたれラボラトリー
  61. ほげほげ情報ブログ
  62. ほたるすたいる
  63. ぼくたび BLOG
  64. ぼけぼけ☆こむ
  65. まんがboo(漫画部)
  66. ものづくり日記
  67. やしめしや
  68. やっつけWeb
  69. やむやむ
  70. ゆきのきもち
  71. よろずブログ
  72. らいぶろぐ(β)
  73. りとるこっと。blog
  74. るしゃなーず・ごーすとうぃすぱー
  75. わいるどで行こう
  76. わたあめすもも
  77. わたしのヒトリゴト あさきぬ工房
  78. アイドルの草鞋
  79. アルファ道場2005
  80. オナカン
  81. ギャンブル三昧!
  82. グル研日記
  83. コハルビヨリ。
  84. チカチカの羅針盤
  85. チョコチッブログ
  86. チョーオンパホーソーキョク
  87. ツキヘノトビラ
  88. デジタルカメラ.com
  89. ドール・ヒステリア
  90. ナリモノイリ
  91. ネットショップ・オペレーション・マニュアル
  92. ハルニレの木の下で
  93. ヒビノキロク
  94. ボクはちゃんとビジネス本読んでます!
  95. ポポタム!
  96. ヤタさんの気まぐれ日記
  97. ユートピアンのディストピア
  98. ヨーキーな日々♪
  99. ラパンdeドライブ宙-ケータイ大好き-
  100. レジェンダロッサの独り言
  101. ■やさしい生活■
  102. ■□ WAY OF LIFE □■
  103. ▼■▼■● Vivid-style.com
  104. ○△□ たど船
  105. ★ひとりごと日記★
  106. baddreamfancydresser
  107. BEAT ZONE
  108. beeカメラ
  109. BLAN*CAFE
  110. Blog
  111. blog::made in SAGA
  112. Blog@Peaceman
  113. Blogのような日記のような
  114. Blue Mint
  115. BLUE PALETTE
  116. bo-peep.net/web
  117. BOBUTEJE
  118. bublog
  119. c+
  120. Cafe*Blog
  121. camera verde blog
  122. candy-2 BLOG
  123. Carefree Field
  124. Centree's Blog
  125. ch@yalog
  126. Cherry-Radio
  127. cider@home
  128. Cococcino Days*
  129. CocoNuts Days
  130. COLOR NO.A
  131. comi☆Log.
  132. cookietale
  133. Cool Gaming weBlog
  134. CU*Chu!
  135. 無線LANテック
  136. 猫派の読書空間
  137. 碧影想 -GreenShadowBlog-
  138. 社会分析的ブログ
  139. 秀丞写文庫
  140. 私立大学職員の情報オフィス
  141. 立夏黄経45度
  142. 糸博士の人力研究所 別館
  143. 紅玉日誌
  144. 縁側talk
  145. Daily note
  146. Dans le destin malheureux
  147. DB blog
  148. DxD
  149. D'sDinner@Blog
  150. Страх Кино
  151. eizo slash blog
  152. ELECTRICSHEEPdogs!
  153. emo.com
  154. Eternal Forest ?悠久の森?
  155. Exist a Reason
  156. existence Uhheri Edition
  157. EXPECT THE UNEXPECTED
  158. 適宜更新
  159. 職人カタギ
  160. 脳内物質大流室inBLOG
  161. 重箱のスミ
  162. 銀座フワラーガーデン
  163. 長靴をはいたシステムエンジニア
  164. 閑話日和
  165. 藤丸
  166. 蘭のきまぐれblog
  167. 雑貨*Zakka*サーチねっとMEMO
  168. 零式改
  169. 青い自転車とどこまでも。
  170. 螺子式少年
  171. 馬に蹴られて
  172. 黒スムチの親バカ日記
  173. 黒鱒 - weblog
  174. fang-lang.net
  175. Final One's Essence
  176. flatcrew.net : column
  177. FootPrint
  178. forever and a day
  179. formless room
  180. Fourseasons
  181. FreeStyle
  182. g-type-log
  183. gaw
  184. gの徒然Blog
  185. GF*days
  186. Grip Blog
  187. groovecube ver.3
  188. grumble
  189. Harry's Blog
  190. HENO HENO
  191. hilari blog
  192. HiMAT
  193. HONGKONG+fish Hyper×2
  194. Hot cocoa
  195. hotmilk
  196. I LOVE NAVY
  197. IdeOnline
  198. INSIDE ADORE
  199. iRodoRi@BLOG
  200. is life delisious?
  201. ITOH STYLE
  202. *だらだら雑記*
  203. 3足のわらじ
  204. :: monamona* ::
  205. ::: Sweet days :::
  206. MTおぼえがき
  207. MakkyののほほんDiary♪
  208. Petite*Maison
  209. SecretBase Of ワンs
  210. SEと呼ばれている奴の気ままなブログ
  211. Just myself
  212. K-Jirow BLOG
  213. karleksounds
  214. kazunoblog
  215. KeiBlog
  216. KG
  217. KH Weblog
  218. KillerPierce
  219. kitchen
  220. Kitchen * Box
  221. KoreanLanguage*
  222. Kuro:Neko Diary
  223. K'S GARDEN
  224. land2go!!
  225. langsam
  226. L・E・L・S
  227. Lounge
  228. love
  229. Love is Blind.
  230. LOVE SWIMMING Blog
  231. LOVE×LOVE!?
  232. LUNCH BOX note*
  233. M*C?B Version?
  234. M*s Cafe-Blog-
  235. Magic White
  236. Magic#32のMT日記
  237. MAHALO
  238. Maio's Weblog
  239. maki's space
  240. mama's blog
  241. Mami's note
  242. MandraChips
  243. Marginalsky
  244. mattari-blog
  245. mazdayaspeedおんらいん
  246. Memo log
  247. MetLog
  248. Minologue
  249. Misty Night
  250. Mo-jah's Blog
  251. mobilepcclub
  252. monochrome green
  253. Monochrome Recollections
  254. MONOLOGUE
  255. MS.CANDY
  256. my style*
  257. My Sweet Moana
  258. Myth Online
  259. N-blog
  260. Nachtigall
  261. NaOHの迷宮
  262. Natural High
  263. neko no 肉球@BLOG
  264. nekoの部屋
  265. niigata-boro.net daily-r
  266. NO DOUBT
  267. nobubu Eyes
  268. Nonsence?
  269. NOP DAYS
  270. Orbium
  271. Ordinary Person Monologues::
  272. Other Lives
  273. Out of Nowhere
  274. patapata:blog
  275. PCと戯れる日々
  276. Peco Net
  277. petit*asterisk@お買い物日記
  278. PHAT∴LOVESICK
  279. PICNIC!
  280. PORNOGROOVE.COM
  281. Postposition.Net Blog
  282. Press-code.net
  283. Pubsonal パブソナルを考えるブログ
  284. P's Blog
  285. qnux weblog
  286. Rabbit's Room
  287. Rain road
  288. Release Candidate 2
  289. RELISH Cafe
  290. Routinework Blog
  291. S.O.O.S.blog
  292. SAKSAK RECORDS WEB SITE
  293. Sampei's Private Room
  294. sands2kの諸々
  295. Sans-Souci
  296. Sanssouci
  297. se a vida e
  298. Search the happy way
  299. SEYA.ORG
  300. Shout!!
  301. SHO's**My...Day...**
  302. skyimage / Blog
  303. sleepyblog
  304. Slip-on Way
  305. solgel.info::そるじぇるどっといんふぉ
  306. Sono's Every day
  307. SOYGRAPH
  308. SR ** P i c k U p **
  309. STARLIT SKY
  310. Suzie World
  311. SWEET WATER Web Server
  312. swimmer's blog ver. 2.0
  313. TAKE IT EASY. つれづれブログ
  314. teaspoon
  315. TENERE
  316. the end
  317. The Simple Outdoor Life
  318. THE TRENDYLINE
  319. ti-web.net "Blog"
  320. TOKYO Runabout
  321. TOY COZY MUSEUM 別館
  322. Treasure
  323. TsBlog
  324. Ui-ed
  325. Un duex trois
  326. Unknown
  327. vanilla_cafe*
  328. vvhappy-roadvv
  329. WAY TO GO
  330. weblog@nigiyakana jikan
  331. Whisper
  332. White*Dwarf
  333. WhiteжButterfly
  334. WInds of Cemetery
  335. wobb.jp
  336. WORK NOTE BLOG
  337. World without Words.
  338. YBC-time
  339. Yellow Heart
  340. Yggdrasill.
  341. YUIHARU DIARY
  342. zerothree.blog
  343. zora*
  344. [ Slow ”UO” Life ]
  345. [美]Musabi Diary - a-bit-
  346. [EF] Electric Flower
  347. 倖 *Happiness Blog*
  348. 出張生活
  349. 出来るだけ、更新です。
  350. 初心者のためのデジカメ活用入門
  351. 匠悟録
  352. 南茶亭
  353. 和道楽日記 - Kazulog -
  354. 和尚の南無ログ
  355. 喜怒哀楽
  356. 夏のクラクション
  357. 夏海の恋愛事情。
  358. 天上月苑
  359. 学ばない女
  360. 宵待小桜餅
  361. 寝言、戯言、独り言。
  362. 居宅介護支援事業所このみ
  363. 山吹の風
  364. 己でサイトジャック
  365. 帰宅部大学生のblog
  366. 店主のつぶやき・・・「プロの道具屋さん」
  367. 弁慶の舞台裏
  368. 弁慶の舞台裏
  369. 彫刻道-ドイツ・彫刻・日記-
  370. 後藤真希 ワオワオ記念日
  371. 徒然なるままに・・・(?はるかなる日々)
  372. 恵司日記
  373. 我楽
  374. 改訂★裏赤玉号[改]日誌
  375. 日々のつぶやき
  376. 日々一歩-裏-
  377. 時は流れても・・・
  378. 暮らし*カフェな節約生活
  379. 暮らし快適!ナチュラル家事のススメ
  380. 月夜の浜辺
  381. 本日のおすすめ !!
  382. 東北の巨匠::雑記
  383. 東京ディズニーリゾート裏技完全攻略検定 情報局 Blog
  384. 東京西郊日誌
  385. 樹問Jumon
  386. 気ままな旅人になれたなら
  387. 洒落のひとり言
  388. 海苔部落
  389. 深い雪
  390. 三十路スマッシュMTBLOG
  391. 中年サラリーマンの日記
  392. 湘南より愛を込めて♪
  393. 人間万事塞翁が馬 で行こう
  394. 今日の行方
  395. 今日の覚え書き
  396. 会社と社員のための就業規則活用法
  397. 体験手記レポート部
  398. 激安!サーフショップ
  399. 信海忠如どっとこむ
  400. || UTAGAME ||
なお本リストは「小粋な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を送信してください。
テンプレートご利用者の方にお役立て頂ければ幸いです。
Comments [23] | Trackbacks [0]

テクノラティジャパン・バージョンアップ

June 26,2005 11:59 PM
Category:[blog]
Tag:[, , , ]
Permalink

先日の Technorati.com のリニューアルに続いてテクノラティジャパンもリニューアルしたようです。

テクノラティジャパンブログテクノラティジャパンバージョンアップ
テクノラティジャパンTechnorati はブログ検索サービスのひとつで、Movable Type をお使いの方は設定画面にある更新ping を送信するデフォルトサイトとしてご存知と思います(途中のバージョンから追加されました)。自分のサイトURLやサイト名を設定して検索すると、関連サイトを表示してくれまして、以前はこれで結構楽しんでいました。

今回のリニューアルではトップCDトップDVDトップゲームのランキングコンテンツが追加されているようです。すでに提供されているトップ100は先ほど初めて見ましたが24位に登場していて(画像)、ビックリです。
Comments [2] | Trackbacks [2]

アンダースコア・ハック

June 25,2005 11:57 PM
Category:[CSS]
Tag:[, , ]
Permalink

CSSで設定したプロパティ(width/font-color等)の前にアンダースコア "_" を付与すると、WinIEではそれを正常なプロパティとして読み込み、他のブラウザでは無視される(=定義されていないプロパティとして認識される)ことを利用した「アンダースコア・ハック」を紹介します。Mozilla 系のフォントサイズが小さくなる問題で、以前 JavaScript によってサイズを変更するエントリーを公開しましたが、それをCSSで実現することができます。
参考サイトは下記です。ありがとうございました。

Lucky bag::blogアンダースコアハック WellStyled.comThe Underscore Hack

ということで、利用方法です。公開テンプレートのサイドバーのフォントサイズを、IEではデフォルトのサイズ(9px)を、NetScapeやFirefox等、WinIE系以外のブラウザで 10px を指定する例を挙げておきます。

.side {
    font-family: Verdana, Arial, sans-serif;
    color:#666666;
    background: none;
    font-size:10px;
    _font-size:9px;
    font-weight:normal;
    line-height:150%;
    padding:2px;
    margin-bottom:25px;
}

動作の仕組みですが、まず上の「font-size:10px;」を全てのブラウザが読み込みます。そして次の「_font-size:9px;」で、WinIE系のブラウザだけが正常なプロパティとして読み込みます(つまりこちらが有効になる)。結果としてWinIE系とそれ以外のブラウザで異なるサイズを指定することができます。記述の順番を間違えないように気をつけましょう。

いくつかのサイトを見てまわるとこのハックを利用した場合、CSSが valid にならないことが問題として挙げられているようですので、JavaScript によるプロパティ値修正も策としては妥当ではないかと思います。

Comments [8] | Trackbacks [7]

サイドメニューの折りたたみに画像を使用する

サイドメニューの折りたたみ(v4.0)でブロックレベル要素指定による折りたたみをご紹介しましたが、タイトル部分の背景やロールオーバーした時に任意の画像を配置するカスタマイズです。簡単です。

まず、タイトル部分に通常表示で使用する画像(hogehoge1.gif)とロールオーバー時に使用する画像(hogehoge2.gif)の2つを用意します。例えば下記のようなものです。

通常表示用 :通常表示用(hogehoge1.gif)
ロールオーバー用 :ロールオーバー用(hogehoge2.gif)
これを任意のディレクトリ(images)にアップロードします。

次に、前述のエントリーにある、3項のスタイルシートの設定を下記のように変更します。

/* 通常 */
.sidetitle2 a:link,
.sidetitle2 a:visited {
    display: block;
    padding: 2px;
    border: 1px solid #999999; /* 枠線 */
    color:#666666; /* 文字色 */
    background-color:#f6f6f6; /* 背景色 */
    font-family: Verdana, Arial, sans-serif;
    font-size:10px;
    text-decoration: none;
    background-image:url(images/hogehoge1.gif);
}
 
/* マウスポイント時 */
.sidetitle2 a:hover {
    padding: 2px;
    border: 1px solid #999999; /* 枠線 */
    color:#ffffff#666666; /* 文字色 */
    background-color: #999999; /* 背景色 */
    font-family: Verdana, Arial, sans-serif;
    font-size:10px;
    text-decoration: none;
    background-image:url(images/hogehoge2.gif);
}

これで下記のような動作をするようになります(サンプル表示用に設定は若干変えています)。

ほげほげ

上記は配置する画像のサイズがタイトル部分と同じ大きさの場合です。次のように細い縦長の画像(hogehoge3.gif:みにくくてすいません)

CSS設定前の画像

を繰り返し表示する場合は、

background-image:url(images/hogehoge3.gif);
background-repeat:x;

とします。これで

CSS設定後の画像

という表示になります。ロールオーバー用の画像も同じ方法で作れます。この方法は横方向のサイズが可変になる場合に便利です。

Comments [2] | Trackbacks [0]

雨に濡れて

June 23,2005 10:47 PM
Category:[ダジャレ]
Tag:[]
Permalink

服が

Comments [4] | Trackbacks [0]

MySQLでエントリーのフィールドサイズを拡張する

June 22,2005 11:58 PM
Category:[MySQL]
Tag:[, , , , ]
Permalink

MySQLではエントリーのデータ型に「TEXT型」というものを用いており、最大65535 バイトまで格納することができます。で、このサイズを超える場合、当然のことながらDBに適正に保存することができません(最大長に入らない部分が切り捨てられます。)。実は当サイトを Berkeley DB から MySQL に移行した際、テンプレートデータを記したエントリーが途中で途切れてしまい、調べているうちに上記の原因であることが判明しました。
ということで、MySQLでのフィールドサイズの拡張方法です。インストール前での実行方法ですので、その点は予めご了承ください。

Movable Type インストールアーカイブに含まれている schemas/mysql.dump を任意のエディタで開いて下記のように修正します。

create table mt_entry (
    entry_id integer not null auto_increment primary key,
    entry_blog_id integer not null,
    entry_status tinyint not null,
    entry_author_id integer not null,
    entry_allow_comments tinyint,
    entry_allow_pings tinyint,
    entry_convert_breaks varchar(30),
    entry_category_id integer,
    entry_title varchar(255),
    entry_excerpt text,
    entry_text textmediumtext,
    entry_text_more text,
    entry_to_ping_urls text,
    entry_pinged_urls text,
    entry_keywords text,
    entry_tangent_cache text,
    entry_created_on datetime not null,
    entry_modified_on timestamp not null,
    entry_created_by integer,
    entry_modified_by integer,
    entry_basename varchar(50) not null,
    index (entry_blog_id),
    index (entry_status),
    index (entry_author_id),
    index (entry_created_on),
    index (entry_basename)
);

mediumtext は最大長 16777215 バイトです。ちなみに longtext というものもあり、こちらは最大長 4294967295 バイトです。
テンプレートのフィールドサイズを拡張する場合は、同じファイル内の下記の部分を変更します(多分)。

create table mt_template (
    template_id integer not null auto_increment primary key,
    template_blog_id integer not null,
    template_name varchar(50) not null,
    template_type varchar(25) not null,
    template_outfile varchar(255),
    template_rebuild_me tinyint default 1,
    template_text textmediumtext,
    template_linked_file varchar(255),
    template_linked_file_mtime varchar(10),
    template_linked_file_size mediumint,
    template_created_on datetime not null,
    template_modified_on timestamp not null,
    template_created_by integer,
    template_modified_by integer,
    template_build_dynamic tinyint,
    unique (template_blog_id, template_name),
    index (template_type)
);

修正した後、Movable Type をインストールすることで指定したサイズでDBが作成されます。

Comments [0] | Trackbacks [1]

Movable Type のディレクトリ

カスタマイズする際の外部ファイル(JavaScript等)のアップロードで配置するディレクトリに戸惑う方が少なくありません。「どこにアップロードすればよいのでしょうか」という質問も時々頂きます。
その問題が解消されるかどうか定かではありませんが、改めてディレクトリについてまとめてみました。文中でパスディレクトリの表現が混在していますがあまり気にしないでください。厳密にはファイル名を含むのが「パス」のようですが、Movable Type の画面ではディレクトリを「パス」と表現しているようです。

CGIPath
適切な名称がありませんので mt.cfg の名称を使います(記事の中でも好んで用いています)。端的に言うと、各CGIスクリプトを配置するディレクトリです。レンタルサーバでは cgi-bin というディレクトリ名が付与されています。
このディレクトリには cgi ファイル(mt.cgi/mt-comment.cgi/mt-tb.cgi 等)と、CGIスクリプトを実行するために必要なライブラリのディレクトリ(下記)が配置されます。

extlib/
lib/
php/
plugins/
schemas/
search_templates/
tmpl/
tools/

ブラウザから閲覧できるファイルはここには存在しません。JavaScript 等の外部ファイルをここに配置することはありません。また CGIPath は Typekeyの登録URLとしても使われます。index.html があるURLを Typekey登録画面で登録されても Typekey は正常に動作しませんのでご注意ください。
このディレクトリはMT変数タグで

<$MTCGIPath$>

と表現されます。

ローカル・サイト・パス
index.html が配置されるディレクトリです。「ローカル・サイト・パス」は管理画面の基本設定の項目名で使われているので、当サイトではこの名称を好んで使っています。各インデックス・テンプレートを再構築した際に生成されるファイル(index.html/styles-site.css 等)がこのディレクトリに配置されます。カスタマイズ等で外部ファイルをアップロードする際には必ずこのディレクトリにアップロードしてください(プラグインファイルは除外)。
このディレクトリはMT変数タグで

<$MTBlogSitePath$>

と表現されます。これをURLにしたものが

<$MTBlogURL$>

です。

レンタルサーバではCGIスクリプトを特定のディレクトリでしか実行できないように制限していますが、そのような環境設定でない場合、例えば自宅サーバ等ではこのディレクトリにCGIスクリプトを配置して動作させることも可能です。とういか私は当初そのような使い方をしていたため、レンタルサーバご利用者の方に随分わかりにくい説明をしていました。

アーカイブ・パス
管理画面で「ローカル・アーカイブ・パス」と書かれているディレクトリです。再構築されたアーカイブ・テンプレート(カテゴリー・アーカイブ/日付アーカイブ/個別エントリーアーカイブ等)がここに生成されます。デフォルト設定では、ローカル・サイト・パスに archives というディレクトリを作るように仕組まれています。
このディレクトリのURLはMT変数タグで

<$MTBlogArchiveURL$>

と表現されます。

StaticWebPath
これもいい名称がありませんので mt.cfg の名称を使います。これは管理画面の表示に使われる

styles.css
mt.js
images/
docs/

を配置するためのディレクトリです。mt.cfg で設定する際はドキュメントルートからの指定になります(かつ前後を "/" で括る)のでご注意ください。
このディレクトリが必要な理由ですが、そもそも CGIPath は Apache の ScriptAlias で設定されたディレクトリで、このディレクトリに配置されたファイルは常にCGIスクリプトとして認識されるため、他のファイルやディレクトリを配置しても正常に振舞うことができないためです。ローカル・サイト・パスに配置しても構わないのですが、本来の使用目的から考えると専用のディレクトリに置いた方が好ましいでしょう。
このディレクトリはMT変数タグで

<$MTStaticWebPath$>

と表現されます。

Comments [2] | Trackbacks [0]

html 要素に lang 属性・xml:lang 属性を追加

June 20,2005 11:59 PM
Category:[CSS]
Tag:[, , , ]
Permalink

XHTML では html 要素に対し、拡張要素である xmlns 属性が続きます。

<html xmlns="http://www.w3.org/1999/xhtml">

xmlns 属性は「XML名前空間」で、当サイトを彷彿とさせるネーミングです。The Web KANZAKIXML名前空間の簡単な説明が大変参考になります。

この後に、書かれている言語の種類と書かれているXMLの言語の種類を追加することがXHTML1.0に記載されています。いずれも日本語であることを明示する場合は下記のようになります。

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">

ただし The W3C Markup Validation Service ではこの記述がなくても valid になります。

Comments [0] | Trackbacks [0]

カレンダーを XHTML 1.0 valid にする

June 19,2005 11:59 PM
Category:[テンプレート]
Tag:[, , , , ]
Permalink

公開中のテンプレートに表示させているカレンダーを XHTML 1.0 valid にする方法です。
valid にならない原因は、カレンダーの日付部分に span 要素を付与しているのですが、空きの日(1日より前、月末より後)にも span 要素を付与していたためです(すいません)。

ということで、下記のリストのように

<MTCalendar> ? </MTCalendar>

のタグを修正することで valid になります(赤色を削除して青色部分を追加)。

<MTCalendar>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<td align="center" <MTCalendarIfToday>bgcolor="#ffffe0"</MTCalendarIfToday>><MTCalendarIfBlank><MTElse><span class="calendar"></MTElse></MTCalendarIfBlank>
<MTCalendarIfEntries>
<MTEntries lastn="1"><a href="<$MTEntryLink archive_type="Daily"$>"><$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries>
<MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries>
<MTCalendarIfBlank>&nbsp;<MTElse></span></MTElse></MTCalendarIfBlank>
</span></td><MTCalendarWeekFooter></tr></MTCalendarWeekFooter></MTCalendar>

なおデフォルトテンプレートでは span 要素が付与されていないので問題ありません。公開テンプレートは追って修正致します。

Comments [0] | Trackbacks [0]

固定3カラムのIE6・後方互換モード対処方法

June 18,2005 11:58 PM
Category:[テンプレート]
Tag:[, , , ]
Permalink

後方互換モード対処前公開中の固定3カラムテンプレートをXHTMLに適用させる場合、1行目にXML宣言、
<?xml version="1.0" encoding="utf-8"?>
をテンプレートに記述する場合がありますが、この時IE6では強制的に表示モードが「後方互換モード」、つまり古いブラウザへの互換性を保とうとするモードになります。
「後方互換モード」は「標準モード」と解釈の違いがあり、その中のひとつに width プロパティに padding / border プロパティのサイズを含む・含まないの解釈の違いがあります。後方互換モードでは width に padding / border のサイズを含むため、含まないサイズ指定を行っている公開テンプレートでXML宣言を行うと左右のカラム幅が画像のように崩れてしまうという問題がありました(というかそもそも私の解釈誤り)。
1行目にXML宣言を記述しなければこのような問題は発生しないのですが、ウェブスタンダードに準拠して運用される場合の制約となってしまいます。

ということで、3カラム固定の公開テンプレートについて、いずれの表示モードにも依存せずに表示させる修正方法を提示します。具体的には、両者のプロパティを同時にひとつのブロックに記述しなければ回避できる問題ですので、新しいブロックを追加します。
なお、text-align:プロパティを追加しないとセンタリングされないという問題もありますのでそれも併せて記述します。

本記事の参照元は下記です。ありがとうございました。

1.スタイルシート修正

styles-site.css の左右カラム指定のIDセレクタについて、下記リストのように赤字部分を削除し、青字のIDセレクタを新たに追加します。

#links-right-box {
    float: left;
    width : 185px ;
}
 
#links-right{
    float: left;
    width : 155px ;
    padding-top : 15px;
    padding-left : 15px;
    padding-right : 15px;
    color: #ffffff;
}
 
#links-left-box {
    float: left;
    width : 185px ;
}
 
#links-right{
    float: left;
    width : 155px ;
    padding-top : 15px;
    padding-left : 15px;
    padding-right : 15px;
    color: #ffffff;
}

また3カラム全体をセンタリングさせる場合は、body 要素に青色の text-align プロパティ を追加してください。

body {
    margin: 0px 0px 20px 0px;
    background:#8FABBE; /* 背景色 */
    text-align:center;
}

2.テンプレート修正

3カラム化しているテンプレート全てについて、下記リストのように links-left、links-right のタグの外側を括る形で青字のタグを追加します。

        :
<!-- 左サイドバー開始 -->
<div id="links-left-box">
<div id="links-left">
        :
</div>
</div>
<!-- 左サイドバー終了 -->
 
<!-- 中央コンテンツ開始 -->
        :
<!-- 中央コンテンツ終了 -->
 
<!-- 右サイドバー開始 -->
<div id="links-right-box">
<div id="links-right">
        :
</div>
</div>
<!-- 右サイドバー終了 -->
        :

3.もう少しきれいに

実は左右のセレクタの内容は全く同じ内容ですので、

.links-box {
    float: left;
    width : 185px ;
}
 
.links{
    padding-top : 15px;
    padding-left : 15px;
    padding-right : 15px;
    color: #ffffff;
}

というまとめた指定も可能です(妥当かどうかは別として)。テンプレートのid 属性は class 属性に変更してください。

後方互換モード対処後上記の修正によって標準モード・後方互換モードのいずれでも画像のような表示になります。なおIE6のみの対処ですので他のブラウザについて適正な表示をするには別の方法が必要かも知れませんので予めご容赦ください。
公開中の固定3カラムのテンプレートは修正済みです。
Comments [2] | Trackbacks [2]

おさいふケータイ

June 17,2005 11:53 PM
Category:[ダジャレ]
Tag:[]
Permalink
Comments [8] | Trackbacks [0]

label 要素を用いてトラックバックURLを1クリックで選択状態にする

個別エントリーアーカイブに表示されたトラックバックURLを、ドラッグせずに1クリックで選択する方法は既にスタンダードなカスタマイズとして確立していますが、label 要素を加えてさらに取得しやすくしてみました。label 要素は、それで括られた説明文をクリックした時やアクセスキーを押した時、本来の部分をクリックした時と同じ動作をさせる働きをもっています。

デフォルトテンプレートにおけるトラックバックURL表示のHTMLタグは下記のようになっています。

<h2 id="trackbacks">トラックバック</h2>
<p class="techstuff">このエントリーのトラックバックURL:<br />
<$MTEntryTrackbackLink$></p>

このタグでは下のような表示になり、トラックバックURLをコピーする場合、マウスでドラッグする必要があります。

トラックバック
このエントリーのトラックバックURL:
http://www.koikikukan.com/cgi-bin/blog/koikikukan/mt-tb.cgi/1216

このタグに対してURL表示部分を input 要素に変更し、さらに onfocus イベントを加えて1クリックでURL全体が選択できるようにします。

<h2 id="trackbacks">トラックバック</h2>
<p class="techstuff">このエントリーのトラックバックURL:<br />
<input tabindex="1" accesskey="x" name="tb_url" value="<$MTEntryTrackbackLink$>" readonly="readonly" onfocus="this.select()" /></p>

ここまでが従来のカスタマイズで、テキストエリアのURLを1クリックで選択状態にすることができます。ここでは省略していますがIEのみ有効なコピーボタンをつけるというカスタマイズもあります。

トラックバック