Movable Type ブログ拡張パーツ&デザインガイド

Chapter 1 ページデザイン

1-1 カテゴリーによってデザインを変える

基本サンプル:  テンプレートスタイルシート(おいしいもの)スタイルシート(イタリア)
プレビュー(おいしいもの)プレビュー(イタリア)

ブログサンプル:  テンプレートスタイルシート(イタリア)プレビュー(イタリア)

1-2 カテゴリーによって表示する情報を切り替える

基本サンプル:  テンプレートプレビュー(アメリカ)プレビュー(イタリア)

ブログサンプル:  テンプレートスタイルシートプレビュー(アメリカ)プレビュー(イタリア)

1-3 投稿者によってデザインを変える

基本サンプル:  テンプレートスタイルシートプレビュー

ブログサンプル:  テンプレートスタイルシートプレビュー

1-4 ブログを携帯で見られるようにする

基本サンプル:  プレビュー

ブログサンプル:  プレビュー(メインページ)プレビュー(携帯用ページ)

1-5 スタイルシートを簡単に切り替える

オリジナルテーマ:  mytheme-skymytheme-tomatoテーマ管理ページプレビュー(sky)プレビュー(tomato)

Chapter 2 ナビゲーション

2-1 同じカテゴリーに属したエントリーのメニューを作成する

基本サンプル:  テンプレートプレビュー(カテゴリー:おいしいもの)プレビュー(カテゴリー:イタリアの旅)

ブログサンプル:  テンプレートスタイルシートプレビュー(カテゴリー:おいしいもの)プレビュー(カテゴリー:イタリアの旅)

2-2 同じカテゴリーの前後のエントリーへリンクする

基本サンプル:  テンプレートプレビュー

ブログサンプル:  テンプレートスタイルシートプレビュー

2-3 前後のカテゴリーページへのリンクを作る

基本サンプル:  テンプレートプレビュー

ブログサンプル:  テンプレートスタイルシートプレビュー

2-4 カテゴリーメニューの表示順序をコントロールする

基本サンプル:  テンプレートプレビュー

ブログサンプル:  テンプレートプレビュー

2-5 最新のトラックバックメニューを作成する

基本サンプル:  テンプレートプレビュー

ブログサンプル:  テンプレートスタイルシートプレビュー

2-6 関連記事へのリンクを作成する

基本サンプル:  テンプレートプレビュー

ブログサンプル:  テンプレートスタイルシートプレビュー

2-7 他のブログのエントリーメニューを表示する

基本サンプル:  テンプレートプレビュープレビュー(ニュースブログ)

ブログサンプル:  テンプレートスタイルシートプレビュープレビュー(ニュースブログ)

Chapter 3 アーカイブ

3-1 アーカイブページを分割する

基本サンプル:  テンプレートプレビュー

ブログサンプル:  テンプレートスタイルシートプレビュー

3-2 コメントが多くなったら別ウィンドウで表示する

基本サンプル:  テンプレート(エントリー・アーカイブ)テンプレート(コメントページ)プレビュー

ブログサンプル:  テンプレート(エントリー・アーカイブ)テンプレート(コメントページ)スタイルシートプレビュー

Chapter 4 エントリーの投稿

4-1 エントリーに記述したテンプレートタグを機能させる

基本サンプル:  テンプレートエントリーの内容モジュール(hoshi3)プレビュー

ブログサンプル:  テンプレート(メインページ)プレビュー(メインページ)プレビュー(個別ページ)

4-2 Wikiやはてなの形式で入力できるようにする

基本サンプル:  エントリーの内容プレビュー

4-3 記事をメールで投稿する

基本サンプル:  メール本文メール添付画像プレビュー

4-4 エントリーをできるだけ正確にプレビューする

基本サンプル:  プレビュー部分に適用するスタイルシート設定

4-5 エントリー投稿時に他のブログも再構築する

「2-7 他のブログのエントリーメニューを表示する」 を参照

4-6 エントリーの入力項目を増やす

基本サンプル:  テンプレートプレビュー

ブログサンプル:  テンプレートスタイルシートプレビュー(内容を入力した場合)プレビュー(内容を入力していない場合)

Chapter 5 ブログパーツ

5-1 最新画像をサイドバーにリストアップする

基本サンプル:  テンプレートプレビュー

ブログサンプル:  テンプレートスタイルシートプレビュー

5-2 投稿者のプロフィールを表示する

基本サンプル:  テンプレートプレビュー

ブログサンプル:  テンプレートスタイルシートプレビュー

5-3 更新時間をバーコード表示する

ブログサンプル:  ※1※2スタイルシート

5-4 RSSフィードを表示する

ブログサンプル:  ※1※2スタイルシート

5-5 リンク集を表示する

ブログサンプル:  ※1※2スタイルシート

5-6 Google検索を表示する

基本サンプル:  テンプレートプレビュー

ブログサンプル:  テンプレートスタイルシートプレビュー

5-7 Googleマップを表示する

ブログサンプル:  ※1※2

Chapter 6 アフィリエイト

6-1 Amazonの商品情報を表示する

ブログサンプル:  ※1※2スタイルシート

6-2 エントリーの内容に関連したAmazon商品を自動的に表示する

ブログサンプル:  ※1※2スタイルシート

6-3 Googleの広告を表示する

ブログサンプル:  ※1※2