はじめに
「オリジナルのブログを作りたい」
そう思ったときに必要となるのがブログ構築ツールです。ブログ構築ツールにもいろいろなものがありますが、本書ではMovable Type(ムーバブルタイプ)を紹介します。
Movable Typeは多機能なブログ構築ツールです。有料のツールとなっていますが、サポート体制がしっかりしていることや、個人用途ではフリーで利用できることなどから、多くのユーザーが利用しています。
本書では、Movable Typeのインストールと設定から始めて、記事の投稿、テンプレートの作成、スタイルシートの設定というように、ステップ・バイ・ステップで作業しながらオリジナルのブログサイトを構築していきます。また、最後には従来型のホームページにカスタマイズする応用的な使い方も紹介します。
制作過程を通してMovable Typeの主要な機能やテンプレートタグの記述方法、HTML/XHTMLのマークアップやスタイルシートの設定ポイントなどを修得して、オリジナルのブログ構築に役立てていただければ幸いです。
もくじ
Chapter 1 下準備
STEP 1-1 インストール
STEP 1-2 基本設定
STEP 1-3 記事を投稿する
STEP 1-4 テンプレートの準備
Chapter 2 基本的なブログの作成
STEP 2-1 トップページを作成する
STEP 2-2 ヘッダーを表示する
STEP 2-3 スタイルシートでデザインを指定する
STEP 2-4 記事のタイトルと本文を表示する
STEP 2-5 記事のデザインを指定する
STEP 2-6 記事の投稿日時とカテゴリーを表示する
STEP 2-7 画像を使ってデザインする
STEP 2-8 フッターを表示する
STEP 2-9 記事の個別ページを作成する
Chapter 3 記事に挿入した画像のレイアウト
STEP 3-1 記事の本文に画像を挿入する
STEP 3-2 本文の左右に画像を挿入する
Chapter 4 ブログのメニュー
STEP 4-1 2段組で表示する
STEP 4-2 カテゴリーメニューを追加する
STEP 4-3 メニューのデザインを指定する
STEP 4-4 カテゴリー別ページを作成する
STEP 4-5 月別メニューを追加する
STEP 4-6 月別ページを作成する
STEP 4-7 最近の記事のメニューを追加する
STEP 4-8 記事の個別ページを2段組で表示する
STEP 4-9 サイドバーをモジュール化する
STEP 4-10 フィードへのリンクを追加する
Chapter 5 コメントとトラックバック
STEP 5-1 コメントとトラックバックに関する設定を行う
STEP 5-2 コメントの投稿フォームを追加する
STEP 5-3 コメントの投稿フォームのデザインを指定する
STEP 5-4 受信したコメントを表示する
STEP 5-5 コメントのプレビューページをカスタマイズする
STEP 5-6 コメントのエラーページをカスタマイズする
STEP 5-7 トラックバックURLを追加する
STEP 5-8 受信したトラックバックを表示する
STEP 5-9 コメント/トラックバック部分を開くリンクを追加する
Chapter 6 パワーアップアレンジ
STEP 6-1 トップページを3段組で表示する
STEP 6-2 検索フォームを追加する
STEP 6-3 検索結果ページを作成する
STEP 6-4 タグクラウドを追加する
Chapter 7 従来型のホームページの作成
STEP 7-1 サイトのトップページを従来型のページにする
STEP 7-2 独立ページを作成する
STEP 7-3 独立ページへのリンクを追加する
STEP 7-4 ナビゲーションメニューをモジュール化する
STEP 7-4 ブログにナビゲーションメニューを表示する
