Movable Type / テンプレート

40 件の記事

ブログのタイトル画像をアイテムで管理する

ブログのタイトルを画像にする方法としては、テキストを画面外へ飛ばして背景画像を表示させたり、単純に img 要素を使ったりと、いくつかの方法があります。 このブログでは、シンプルに img 要素を使って表示させています。ブログのタイトル(サイトタイトル)を img 要素にするのって、アクセシビリティ上敬遠されがちかもしれませんが(最近はどうなんだろう?)、ちゃんと alt 属性に適切な言葉を入れ...

ブログ記事とウェブページがプレビューできない場合

このブログを自作のテンプレートに変えてからというもの、ブログ記事とウェブページを投稿するときに、再構築すれば何の問題もなく表示されるのにもかかわらず、編集画面で「確認」をクリックしても、記事本文の部分だけ真白で表示されないという悲惨な状況が続いていました。 今朝解決したのでメモしておきます。...

すべてのページで同じ「最近のブログ記事一覧」を表示するカスタマイズ

Movable Type で「最近のブログ記事一覧」をすべてのページで同じように表示するサブテンプレートを作ってみました。 「最近のブログ記事一覧」を表示しようとする場合、インデックステンプレートにおいてはまさにそのブログの最近のブログ記事一覧が表示されますが、アーカイブテンプレート、例えばカテゴリアーカイブにおいては、そのカテゴリに属する最近のブログ記事一覧が表示されてしまいます。 これをすべて...

並べ替え可能な表で作るアーカイブインデックス

Movable Type のアーカイブインデックスは、デフォルトテンプレートだと ardhives.html で出力されるファイルで、ブログサイトのサイトマップのようなものです。 今回は、2008-08-27 時点でこのブログで導入している並べ替えが可能な表(テーブル)形式のアーカイブインデックス(All Entries)の作り方を紹介してみます。けっこう気に入っているので。...

Movable Type のテンプレートで作る meta タグの keywords と description

Movable Type で meta タグの keywords と description を挿入するテンプレートを考えてみました。SEO 対策としてどれだけ効果があるかは疑問ですが、ないよりはマシということで。 「ないよりはマシ」とは言っても、正確にはヘタな keywords と description を入れるくらいだったな無い方がマシのようですので、以下の点だけ気を付けます。 keywo...

メールフォームの設置と IncludeBlock タグの練習

このブログにもメールフォームを設置してみました。おそらく使用される機会は非常に少ないでしょうが、プラグインを使わない方法を試したかったので。右上のガイドナビにある「Contact」がそれです。 Movable Type でメールフォームを使おうと思ったら、まっさきに次の二つのプラグインが思い浮かぶのではないでしょうか。 The blog of H.Fujimoto: メールフォームプラグインV2...

コメント投稿時の不具合修正

このブログにコメントを投稿しようとすると、「コメントを投稿できませんでした。エラー: 入力された文字列が正しくありません。」というエラーになりコメントが投稿できないという指摘がありました。 すでに修正しましたので、お気軽にコメントください。コメントを入れようとしてくださっていた方、すみませんでした。 原因は、非常に単純なテンプレートのミスでした。CAPTCHAプロバイダを使用する設定になっているに...

カテゴリとフォルダを混合して並べ替えるカスタマイズ - グローバルナビゲーション

Movable Type でカテゴリを並べ替えるには、プラグインを利用したり、カテゴリ名の頭に数字をいれて、カテゴリ名を表示させるときにその数字を取っ払うなど、以下のようないくつかの方法があると思います。 プラグインを使う カテゴリーとフォルダを並べ替えるプラグイン(MT4以降用) - The blog of H.Fujimoto参照 カテゴリの「説明」欄やカスタムフィールドを利用して並べ替える ...

Movable Type 4.2 アップグレードしてオリジナルテンプレートに変更

2日前になりますが、待ちに待った Movable Type 4.2 がリリースされたので、さっそくこのブログも 4.2 にアップグレードしました。 今回のアップグレードは、『Movable Type 4.2 パーフェクトガイド』に書いてある手順通りにやってみました。完璧です。この本、分厚いし字が小さいので最初はとっつきにくい気がしてしまうかもしれませんが、荒木さんの解説はとても丁寧なので初心者にも...

連想配列(ハッシュ)や条件分岐を駆使して同じタグの付いたエントリーをリストアップ

(完成図) MTSetVar(Block)/MTIfタグの具体的な利用例。 (Junnama Online (Mirror))さんの記事を参考に、現に表示されているエントリーに付いているタグと同じタグが付いているエントリーをリストアップするテンプレートを書いてみました。 ただ同じタグが付いているエントリーを並べただけでは面白くないので、「関連性の高さで2つにグルーピングして表示」するようにしてみま...