MT導入基礎知識

Movable Typeとは?

ドメイン取得とサーバー確保

Movable Typeをインストールしよう

HTMLとCSSを理解する

テンプレートって何?

プラグインって何?

どんどんモジュール化しよう

pingを有効に活用しよう

テンプレートの基本的な構成

デザインのカスタマイズ

カスタマイズの前に

タイトルバナーの雰囲気をかえる

タイトルバナーを画像にする

H1~H6タグの見え方

サイトの背景を変更する

文字の色や大きさをかえる

サイドバーの見た目をかえる

表示内容のカスタマイズ

カテゴリーの並び順序を変更する

エントリーの並び順序を変更する

最近のエントリー一覧を表示する

サイドバーを右から左に変更する

サイドバーに表示する要素を変更する

カテゴリー一覧にエントリーも表示する

カテゴリーページにも最新エントリー一覧を表示する

入れておきたいプラグイン

cutfirstchar⇒変数タグの最初の数文字を削除する

CatEntries⇒特定カテゴリーを表示させないようにする

Update-n-Ping⇒記事を更新したときにも更新pingを自動的に送る

MailForm⇒メール問い合わせフォームを表示する

Mapper⇒地図画像を表示する

TinyMCE⇒ワープロ感覚でエントリー記事が作れる

参考になるサイト・情報

WWWの基本を勉強する参考サイト

Movable Typeに関するサイト

ブログアクセスアップにつながるランキングサイト

相互リンク

エラーが起きたときはチェックしてみよう

よもやま話

サイト立ち上げのきっかけ

ブログランキングに登録

メールフォームが機能しない・・・

グーグルマップを表示してみる







« サイドバーに表示する要素を変更する | メイン | カテゴリーページにも最新エントリー一覧を表示する »

カテゴリー一覧にエントリーも表示する




Movable Typeのサイドバーは、うまく使えば、いわゆるホームページのメニューバー(リンクナビ)のように見えます。もっとも簡単なのは、カテゴリー一覧だけをサイドバーに表示する方法です。
※参考 ⇒ サイドバーに表示する要素を変更する

ただ、これだけだとリンク数が少なくて多少さみしい気もします。
ホームページとして見せるMovable Typeのサイトであれば、いわゆる日記としてのブログと違って、エントリー記事の数はさほど多くならないと思います。それならいっそ、すべての記事へのリンクをメニューに表示してしまった方が、アクセスしやすくなっておすすめです。

Movable Typeなら、新しい記事を追加したときに、自動的にメニューにも追加されるようになり、とても便利です。つまり、新しい記事を投稿して再構築するだけで、ホームページの更新作業が完了してしまうのです。

ちなみに当サイトが実際にそうしてありますので、左サイドバーのメニューのところを参考にしてください。以下のように、カテゴリー名と、各記事のタイトルを表示しています。
・・・ま、当サイトは記事数が多いので、ちょっとゴチャゴチャしてしまっていますが、あくまで参考までに。

カテゴリーA
 └記事A-1
 └記事A-2
カテゴリーB
 └記事B-1
 └記事B-2
 └記事B-3
カテゴリーC
 └記事C-1
  :
  :

このように表示するには、サイドバーを表示する各テンプレート(メインページ、各アーカイブ、検索ページ、等)の、サイドバーの「カテゴリー一覧」部分を変更します。

それではやってみましょう。
メインページ等の、サイドバーに表示する「カテゴリー一覧」部分を探してください。下記の部分です。
※サイドバー部分がわからない方はこちらを先に確認ください。
 ⇒ サイドバーに表示する要素を変更する

<MTIfArchiveTypeEnabled archive_type="Category"> <div class="module-categories module"> <h2 class="module-header">カテゴリー</h2> <div class="module-content"> <MTTopLevelCategories> <MTSubCatIsFirst><ul class="module-list"></MTSubCatIsFirst>   (~省略~) <MTSubCatIsLast></ul></MTSubCatIsLast> </MTTopLevelCategories> </div> </div> </MTIfArchiveTypeEnabled>

これを、以下のように書き替えてください。

<MTIfArchiveTypeEnabled archive_type="Category"> <div class="module-categories module"> <MTCategories> <h2 class="module-header"> <a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a> </h2> <MTEntries sort_order="ascend"> <p>└<a href="<$MTEntryLink$>"><$MTEntryTitle$></a></p> </MTEntries> </MTCategories> </div> </MTIfArchiveTypeEnabled>

<MTCategories>タグを加えることで、すべてのカテゴリー名が表示されるようになります。記事のないカテゴリー名を表示したくない場合は、<MTCategories> と </MTCategories> を削除してしまってかまいません。

カテゴリー名を表示している <$MTCategoryLabel$> の部分は、cutfirstcharプラグインを使ってカテゴリーの順序を変更している場合は、<$MTCategoryLabel cutfirstchar="3"$> のように修正してください。
※カテゴリー順序変更の詳細はこちらを参照ください。
 ⇒ カテゴリーの並び順序を変更する

また、エントリーの順序についても変更可能です。上記例では、<MTEntries sort_order="ascend"> というように更新日の昇順(ascend)を指定していますが、他の並び順がよければ修正してください。
※エントリー順序変更の詳細はこちらを参照ください。
 ⇒ エントリーの並び順序を変更する

なお、ここではエントリータイトル行を「<p>└ ~ </p>」で表示していますが、「└」を別の記号に変えたり、箇条書き風(<ul>や<li>を使ったリスト表示)にしてもOKです。

必要な修正を加えたら、保存&再構築してください。他のテンプレートも同様に修正します。これで、新しい記事をエントリーするたびに、メニューにエントリータイトルのリンクが追加されるようになります。

なお、エントリー時に自動で更新されるのはそのエントリーが関係しているページだけですので、他の記事ページや他のカテゴリーページのメニューにもリンクが追加されるようにしたい場合は、管理メニューの<サイトを再構築>で<すべてを再構築>してください。



最新記事一覧