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

- ※１ ... サービスツールで提供されたソースをそのまま使用することから、テンプレートソースは収録していません。
- ※２ ... 各種サービスのサーバーに接続が必要なため、プレビューは収録していません。

## Chapter 1　ページデザイン

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

基本サンプル： テンプレート ｜ スタイルシート（おいしいもの） ｜ スタイルシート（イタリア） ｜
プレビュー（おいしいもの） ｜ プレビュー（イタリア） ｜

ブログサンプル： テンプレート ｜ スタイルシート（イタリア） ｜ プレビュー（イタリア） ｜

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

基本サンプル： テンプレート ｜ プレビュー（アメリカ） ｜ プレビュー（イタリア） ｜

ブログサンプル： テンプレート ｜ スタイルシート ｜ プレビュー（アメリカ） ｜ プレビュー（イタリア） ｜

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

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

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

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

基本サンプル： プレビュー ｜

ブログサンプル： プレビュー（メインページ） ｜ プレビュー（携帯用ページ） ｜

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

オリジナルテーマ： mytheme-sky ｜ mytheme-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 更新時間をバーコード表示する

ブログサンプル： ※１ ｜ ※２ ｜ スタイルシート ｜

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

ブログサンプル： ※１ ｜ ※２ ｜ スタイルシート ｜

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

ブログサンプル： ※１ ｜ ※２ ｜ スタイルシート ｜

### 5-6 Google検索を表示する

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

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

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

ブログサンプル： ※１ ｜ ※２ ｜

## Chapter 6　アフィリエイト

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

ブログサンプル： ※１ ｜ ※２ ｜ スタイルシート ｜

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

ブログサンプル： ※１ ｜ ※２ ｜ スタイルシート ｜

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

ブログサンプル： ※１ ｜ ※２ ｜