MovableType(MT)実験室

【未解決】ブラウザーとコンテンツの幅について？

ＣＳＳで固定幅２段組（メインコンテンツとサイドバー）のスタイルを指定した場合（例えば、この引越し関連ページ）、２段組を囲む幅とメインコンテンツ幅＋サイドバー幅との関係がブラウザーにより違い、２段組を囲む幅がある程度余裕がないとサイドバーが回り込んでくれないものがある。
どうして？

]]> ＩＥ６．０（ＳＰ２）の場合は、「width」属性で指定する幅で考えれば、「float」属性で回り込むが、Ｎｅｔｓｃａｐｅ７．１や・Ｆｉｒｅfox５．０３では、２段組を囲む幅をある程度余裕をもった幅でないと回り込まない。
原因がわからない現状ではどの程度余裕を持たせれば良いのか判断できないため、少しずつ「width」の値を大きくしていって見て行くしかない。

なお、ＩＥには次のような標準的な仕様と異なる部分があるようであるが、上記のことはそれだけでは解決できない。
Windows版のＩＥ４．０～５．５と６．０の互換モードでは、「width」と「height」属性は本来ボックスの内部部分の幅や高さを設定するはずのものが、ＩＥでは枠線(border属性）と内容の周りの空間（padding属性）も含んだ領域の幅や高さとして設定されてしまう。⇒「HTML&CSS&JavaScript辞典」P.251より

投稿記事を常にトップページに表示させる方法

ある特定の投稿記事を常にトップページの先頭に表示させるには、管理画面上のエントリーの「作成日時」を今後投稿する日時より更に未来になる日時に変更すれば良い。

]]> なお、管理画面の「作成日時」の「？」には次のように明記されている。
Movable Typeでは、エントリーの「作成日時」を変更することで、エントリーの作成日時を前または後にずらすことができます。この値を変更する場合は、 YYYY-MM-DD HH:MM:SS （西暦年：月：日付時間：分：秒）の表示形式を使う必要があります。さもないと、エラーが生じます。

【未解決】background属性でイメージ表示できない？

background属性でイメージを指定しても、ブラウザーにより表示されないものがあるけど、どうして？

]]> 例えば、
１）この引越し関連ページの場合、CSS上で「h2」タグに対して、backgoround属性で背景イメージを指定いるが、ブラウザーにより次のとおりになる。
・ＩＥ６．０（ＳＰ２）…表示される。
・Ｎｅｔｓｃａｐｅ７．１…表示される。
・Ｆｉｒｅfox５．０３…表示されず。
２）この引越し見積りページの場合、CSS上で「h4」タグに対して、backgoround属性で背景イメージを指定いるが、ブラウザーにより次のとおりになる。
・ＩＥ６．０（ＳＰ２）…表示される。
・Ｎｅｔｓｃａｐｅ７．１…表示されず。
・Ｆｉｒｅfox５．０３…表示されず。

DreamweaverのMT拡張機能

うわ～、久しぶりの投稿だな～。
DreamweaverにMT拡張機能が追加されたことを知り、DreamweaverでHPを制作したことはないが無償で拡張機能をインストールできることもあって、これを機会に使ってみた。

]]> 機能として次のものがあった。
・MT専用のタグを入力していくと、候補のタグがリストで表示され、リストから選択可能。また、属性のリストも表示可能。
・MT専用のタグを直接入力せずに、タグ選択ボタンによりタグの一覧を表示させ、そこからタグを選択したり、またその属性の値をフォームから入力可能。
・MT専用のタグやその属性のリファレンスを見ることが可能。

この機能を利用してテンプレートを変更するための手順は、次のとおり。
・まずDreamweaver機能を使って、「ソースコードを変更」→「アップロード」
・次に通常どおりMTの機能を使って、「再構築」する。

僕の今の状態は、カスタマイズするにしても主にスタイルシートの変更程度なので、ダウンロードとアップロードの操作が入る分、ちょっと面倒臭く感じ積極的に使う気になれない。MT自身にこれら拡張機能をサポートされれば良いのにと思ってしまった。
今後、MT専用のタグを良く入力するようになるなら積極的に使いたい。

タグを記述した投稿の表示状態について

投稿文章内にタグを記述し、その投稿内容をブラウザーで表示すると、記事では反映されるが、コメントでは反映されないもよう。

]]> ブラウザーに投稿したコメントが表示されている状態でソースコードを見ると、入力したタグは削除されていた。

【半分解決】カテゴリー項目の表示順番の変更方法？

カテゴリーの各項目の表示順番を変更させるにはどうすれば良いの？

]]> 順番はカテゴリーの名称で決まってしまうようで、ＭＴの管理画面から順番を設定する方法がみあたらないようだが．．．

【解決】タグ名を表示させるには？

エントリー（記事）の投稿文章にタグ名を表示させたい場合はどうすればよいのか？
素直にタグ名を記述するとタグと解釈されてしまい、タグ名自体を表示できない。

]]> ---------------解決方法は以下のとおり---------------

特殊文字を表示したい場合次のように記述すれば良い。
・「<」⇒「<」
・「>」⇒「>」
・「&」⇒「&」

例えば、「<MTEntries lastn="15">」は次のようになる。
「<MTEntries lastn="15">」

【解決】メインページで記事が表示されなくなった？

久しぶりにブログを閲覧したら、メインページ上に投稿記事がまったく表示されていない。どうして？

]]> ---------------解決方法は以下のとおり---------------

表示されなくなった理由は、メインページ上に投稿を表示する日数をデフォルトとして７日が設定されていたため、期限切れで表示されなくなった。
デフォルト値を変更するには、「管理画面」⇒「ウェブログの設定」⇒「設定」の「表示する日数」を変更すれば良い。

また、日数を指定するのでなく投稿した最近の一定件数を表示するよにするには、メインページテンプレート内の「」タグの「lastn属性」を指定すればよい。
例えば、１５件であれば次のようになる。
「lastn="15">」
詳細は管理画面の「表示する日数」のヘルプ参照。

なお、今後はデフォルトでなく、常に最新の投稿１５件を表示するように設定する。

【未解決】検索結果のページをカスタマイズするには？

投稿のタイトルの左端にイメージの飾りつけをしようとして、スタイルシートの「.content h3」セレクタにbackground属性でイメージURLを指定してみたところ、エントリーのタイトルにイメージが表示されるようになった。
でも検索結果のページでは

]]> 投稿のタイトルだけでなく、検索結果ページのタイトルそのものにもイメージが表示されてしまう。
検索結果ページのタイトルにイメージを表示しないようにしたいけど、どのテンプレートを修正すれば良いの？

現時点わからないから、スタイルシート以外のテンプレートを修正して対応する。なお、検索結果ページは投稿タイトルにもイメージが表示されない状態。

テンプレートと各ページとの関係

用意されている各テンプレートをまだ良く理解できていなが、テンプレートを修正することによりサイト上のどのページに反映されるか試したところ次のとおりだった。

]]> （１）テンプレート名「メインページ」⇒ブログのトップページに反映される。

（２）テンプレート名「カテゴリーアーカイブ」⇒各カテゴリー（サイドバー内）をクリックして表示されるページに反映される。

（３）テンプレート名「アーカイブページ」⇒アーカイブのタイトル（サイドバー内）をクリックして表示されるページに反映される。

（４）テンプレート名「日付アーカイブ」⇒サイドバーの次の操作で表示されるページに反映される。
　　・アーカイブの各月をクリック
　　・カレンダーの日付をクリック（？未確認）

（５）テンプレート名「エントリーアーカイブ」⇒次の操作で表示されるページに反映される。
　　・各投稿「続きを読む」をクリック
　　・各投稿「最近のエントリー」をクリック
　　・各投稿「最近のコメント」をクリック
　　・各投稿「最近のトラックバック」をクリック
　　・検索結果のページの各投稿の「タイトル」をクリック

（６）テンプレート名「検索結果」⇒検索結果（サイドバー内）の実行により表示されるページに反映される。

CSSをちゃんと勉強してみようかな～

カスタマイズをするためにソースコードを見ていると、CSSの勉強になるな～。
僕はこのブログ以外にHPを公開している。
でも、公開中のＨＰはWEB標準に準拠していなく中途半端にCSSを使ってる。
と言うのも、

]]> もともと公開中ＨＰは一切CSSを使わずHTMLのみで制作。その後CSSを知り対応しようとしたが、その当時のブラウザーがCSSの機能が不十分であり、公開中ＨＰをCSSに対応するのは時期尚早って感じだった。だから、対応も僕自身の理解も不十分になってる。

今更公開中ＨＰを対応させる気はないが、MTをカスタマイズする上でもCSSを理解する必要あるし、またもし今後新たにＨＰを制作することになれば、もうWEB標準にできるだけ準拠したものを制作しないとまずいのでは．．．となると、これを機会にCSSをちゃんと勉強したほうが良いかな～と思い始めてる。
そこで、このブログにはMTだけでなく、CSSについても投稿することに決定！

あ～だけど、もともとブログはあまり時間をかけずにちょっとやってみようかなと言う気持ちだったのに、MTを選んだばっかりに結構時間を取られる羽目になりそ～(T_T)

参考にした本

僕はブログをやり始めるまでは、ある程度のWEB知識はあったが、ブログに限れば知識はまったくなく最近になって他の人の公開しているブログをちょっと閲覧してみた程度だった。
始めるにあたって参考にした本は、

である。

]]> この本を選んだ理由はカスタマーレビューの評価が良く、次のことから僕の状況に合ってると思ったから。
・MTの初心者向け。
・MTを利用するにあたって自分でサーバー上にMTを設置する必要があるが、設置について丁寧に解説。ただ、まったくWEB知識のない人はこの本だけでは、わからないことが発生るするのでは。

【未解決】ブラウザーにより枠線が表示されない？

エントリー（記事）の投稿日付に対してバックグランドカラーと枠線を表示させたいために、CSS上で「.content h2」セレクタ内にborder属性を設定したところ、

]]> ＩＥ６．０では正常に表示されるが、Netscape７．１やＦｉｒｅfox５．０３では枠線が表示されないけど、どうして？
このことは、この引越し関連ページでも、「#maincontent h3」セレクタ内のborder-bottom属性で発生している。ただ、このページのborder-lift属性はどのブラウザーでも表示されてる。

なお、最初はＮＮ７．１では枠線だけでなくバックグランドのカラーも表示されなかったが、background-color属性を他の属性より前に移動したらバックグランドのカラーのみが表示されるのうになった。これもどうして？

初めての投稿．．．テーマ決定！

ブログって良く耳にしてたけど、ウェブ上の日記のようなものだから、文章書くの苦手な筆不精の僕には継続して投稿できないと思い興味なかった。
それなのに、なぜブログを始めたかと言うと、

]]> 作業効率、SEO対策としても良いし、また金の匂いがすると言ってた人もいたし、とりあえずマスターしといても損はないかなと。
まずは始めてみてブログとはどうゆうものか理解すれば金の匂いがしてくるかなと思ったけど、始めてみたものの凡人の僕には金の匂いが殆どしてこないな～。実は、「金の匂い」に大いに引かれたところがあっただけにちょっとガッカリ。SEO対策、作業効率等からアフィリエイトをやる上で有利な面があると言うことで金の匂いがするということなのかな？ちょっと都合良く期待し過ぎたてたのかも。

ブログのサービスはプロバイダーやポータルサイト等でいろいろ提供しているみたいだけど、それらを利用せず、MovableType（今後、「MT」と明記。)を選択。なぜかと言うと、カスタマイズの自由度が大きいので面白いかなと思ったのと、運用面でも制約を受けにくそうだから。

テーマを持たず始めたもんだら、ついさっきまでテーマ探しをしているような状況。でも、投稿しなくても、時間を見つけ勉強しながらカスタマイズして行こうと思ってたこともあって、今後試みて行くカスタマイズについての疑問点、その解決方法又は知り得た情報等をメインに投稿して行くことに決定！！！
このことは、自分のためのカスタマイズ情報のデータベースとしても意義があるし、日記をつけなきゃとなると続きそうもないけど、情報管理のためのツールとして利用するのであれば頻繁には投稿できなくても文章を書くのが苦手な僕にも続けられそう。

なお、スタイルシートはsix apartのデフォルトテンプレートを使用し、これを元にカスタマイズしていく。