1. 書籍情報

WordPress 3 サイト構築スタイルブック

WordPressをCMSとして活用するテクニックを、「ブログ」「ビジネスサイト」「ニュース配信」「ギャラリー」「ポートフォリオ」「カタログ」の6種類のサイト構築を通して実践的に解説した一冊。

WordPress 3 サイト構築スタイルブック

2010年09月 毎日コミュニケーションズ刊
B5変型 320ページ / 978-4839935412

はじめに

オープンソースで開発されてきたWordPressも今回のバージョンアップでついに3.0となり大きく進化しました。

今回のバージョンアップでは、着実に進化してきたこれまでの機能に加えて、CMSとしてのポイントを押さえた機能が豊富に盛り込まれ、本格的なCMSツールとしての完成形となっています。

そうした機能に合わせて標準テンプレートも一新され、まさに生まれ変わったといっていいほどです。

そこで、本書では、新機能をできるだけ活用する形で、WordPressの持つ機能を活用した実践的なサイト構築の方法を解説しています。

WordPressは自由度が高いために、新機能を含めてどの機能をどう使うかが難しいという面もありますが、そんな機能の使い方の参考に本書を役立てていただければ幸いです。

もくじ

Chapter1 ブログサイト

1 ブログ構築の準備をする
2 ブログのトップページを作成する
3 カスタムヘッダーで指定したヘッダー画像を表示する
4 カスタムヘッダーの設定画面にヘッダー画像の選択肢を用意する
5 記事を表示する
6 ウィジェットを利用してサイドバーにメニューを表示する
7 コメント投稿フォームとトラックバックURLを追加する
8 カスタム背景で指定した背景画像を表示する

Chapter2 ビジネスサイト

1 ビジネスサイト構築の準備をする
2 ビジネスサイトのトップページを作成する
3 カスタムヘッダーで指定したヘッダー画像を表示する
4 カスタムメニューを利用してナビゲーションバーを作成する
5 「会社案内」と「交通案内」のページを作成する
6 エディタ・スタイルシートで編集画面の本文のデザインを指定する
7 アイキャッチ画像を利用してページごとのヘッダー画像を変更する
8 トップページにメッセージを表示する
9 「リンク集」のページを作成する

Chapter3 ニュース配信

1 ニュースの記事を投稿する
2 ページごとのテンプレートを作成する
3 ニュースのトップページを作成する
4 ニュースの月別ページを作成する
5 ニュースの記事の個別ページを作成する

Chapter4 ギャラリーサイト

1 ギャラリーサイト構築の準備をする
2 ギャラリーサイトのトップページを作成する
3 表示中のページを示すメニューを作成する
4 最新の画像を1枚だけ表示する
5 2番目に新しい画像から順に9枚の画像を表示する
6 画像を均等に並べてレイアウトする
7 カテゴリー別ページを作成する
8 カテゴリーに属するすべての画像を表示する
9 個別ページを作成する
10 前後のページへのリンクを画像で表示する
11 プロフィールのページを作成してお気に入りの画像を表示する

Chapter5 ポートフォリオサイト

1 ポートフォリオサイト構築の準備をする
2 ページの基本的な構造とレイアウトを形にする
3 カスタム背景でトップページをデザインする
4 「WEB」の作品一覧ページを作成する
5 カスタムパーツテンプレートで「WEB」の個別ページを作成する
6 カスタムフィールドに入力した情報を表示する
7 「PHOTO」の作品一覧ページと個別ページを作成する
8 「PHOTO」カテゴリーの色を青色に変更する
9 「ABOUT」ページを作成する

Chapter6 カタログサイト

1 カタログサイト構築の準備をする
2 カスタム投稿タイプの機能を利用して「木の素材」と「布の素材」の商品を管理する
3 カスタムタクソノミーを利用して「木の素材」と「布の素材」の商品を分類する
4 カスタムメニューを利用してナビゲーションバーとサイドバーを作成する
5 カスタムメニューで画像リンクを作成する
6 商品のインデックスページを作成する
7 商品のカテゴリー別ページを作成する
8 商品の個別ページを作成する
9 共通したクラス名を追加して「布の素材」のページの色を変更する
10 「ショップについて」ページを作成する

Appendix

1 オリジナルのテーマの作成と利用
2 基本的なHTMLソースの作成
3 複数サイトの管理

索引

機能別索引
テンプレートタグ&関数索引
キーワード索引

機能別索引

基本

サイト名を指定する
サイト名を出力する
サイトの説明を指定する
サイトの説明を出力する
テーマを作成する
テーマフォルダをWordPressでアップロードする
サイトの生成に使用するテーマを指定する
テンプレートを編集する
エンコードの種類を出力する
ページごとのタイトルを出力する
スタイルシートファイル(style.css)のURLを出力する
テーマフォルダのURLを出力する

トップページ/アーカイブページ

トップページのURLを出力する
前のページへのリンクを出力
次のページへのリンクを出力
月別ページの年月を出力する
月別ページの年月を変数で取得する
カテゴリーを作成する
カテゴリー名を出力する
カテゴリーの説明を出力する
カテゴリーごとにページのデザインを変える

ウィジェット

サイドバーのメニューを作成する
ウィジェットの機能を有効にする
ウィジェットを出力する
複数のウィジェットを利用する

記事/PAGEの投稿

記事を投稿する
PAGEのコンテンツを投稿する
階層が深くなるコンテンツを管理する
画像の大きさを指定する
編集画面で画像の配置を指定する
編集画面でアドバンストツールバーを表示する
編集画面のフォーマットメニューで見出しのマークアップを指定する
編集画面に「スラッグ」を表示する
編集画面にエディタ・スタイルシートを適用する
複数の記事のカテゴリーをまとめて指定する

記事/PAGEの出力

記事やPAGEに関するデータを取得する
取得するデータを指定する
指定したPAGEに関するデータを取得する
指定した範囲の記事やPAGEに関するデータを取得する
指定したカテゴリーに属する記事を出力する
指定したタグを持つ記事を出力する
指定した投稿タイプの記事に関するデータを取得する
複数の投稿タイプの記事に関するデータを取得する
1ページに表示する記事の数を管理画面で指定する
1ページに表示する記事の数を指定する
すべての記事を出力する
記事のタイトルを出力する
記事の本文を出力する
PAGEのタイトルを出力する
PAGEの本文を出力する
記事の抜粋(概要)を出力する
抜粋が未入力のときに本文の一部が抽出されない問題を解決する
記事の個別ページのURLを出力する
記事の投稿日時を出力する(常に出力)
記事の投稿日時を出力する(1日の中で最新の記事にだけ出力)
投稿日時の出力形式を指定する
記事が属するカテゴリーの名前を出力する
記事が属するカテゴリーに関するデータを取得する
前の記事へのリンクを出力
次の記事へのリンクを出力
記事に連番をつけて出力する
3件おきにクラス名を挿入して出力する
お気に入りの記事へのリンクを出力する

コメント/トラックバック

コメントの投稿フォームを出力する
トラックバックURLを出力する
受信したコメントやトラックバックを出力する

カスタムフィールド

カスタムフィールドを利用して情報を入力する
指定したフィールドの値を出力する
すべてのフィールド名と値を取得する
フィールド名と値を表形式で出力する
すべてのフィールド名と値をリスト形式で出力する
カスタムフィールドのインターフェースを使いやすくする

アイキャッチ画像

アイキャッチ画像を有効にする
アイキャッチ画像の大きさを指定する
アイキャッチ画像の大きさを追加する
アイキャッチ画像を指定した大きさにトリミングする
指定した記事やPAGEのアイキャッチ画像を出力する
指定した大きさのアイキャッチ画像を出力する

カスタムメニュー

カスタムメニューの機能を有効にする
トップページへのリンクを追加する
PAGEへのリンクを追加する
カテゴリー別ページへのリンクを追加する
カスタムタクソノミーで作成したカテゴリーへのリンクを追加する
リンクの表示順序を指定する
階層構造を指定する
カスタムメニューで作成したメニューを出力する
階層構造のあるメニューを出力する
カスタムメニューのリンクを画像で出力する
<?php wp_nav_menu(); ?>の出力にリンクを追加する

カスタムヘッダー

カスタムヘッダーの機能を有効にする
ヘッダー画像を指定する
ヘッダー画像の横幅を指定する
ヘッダー画像の高さを指定する
ヘッダーの文字の色を指定する
管理画面のヘッダーの文字を隠す
管理画面にヘッダー画像の選択肢を表示する
管理画面のプレビュー部分にスタイルシートを適用する
ヘッダー画像のURLを出力する
ヘッダー画像の横幅を出力する
ヘッダー画像の高さを出力する
ヘッダーの文字の色を出力する

カスタム背景

カスタム背景の機能を有効にする
背景画像をの背景画像として表示する
背景画像のURLを出力する
背景画像の「場所」の設定値を出力する
背景画像の「繰り返し」の設定値を出力する

カスタム投稿タイプ/カスタムタクソノミー

カスタム投稿タイプの機能を利用してコンテンツを管理する
カスタム投稿タイプを作成する
標準で作成される投稿タイプ
カスタムタクソノミーの機能を利用してタクソノミーを作成する
標準で作成されるタクソノミー
ターム(カテゴリー)に関するデータを取得する

マルチサイト

マルチサイト化して複数のサイトを管理する
サイトを追加する
サイトの管理画面を切り替える
テーマを有効にする
サイトのIDを確認する
指定したサイトに関するデータを取得する
指定したユーザーが管理しているサイトに関するデータを取得する
指定したサイトのデータベースを参照する
表示中のサイトのデータベースを参照する

条件分岐

条件分岐を指定する
トラックバックの受信を許可している場合にだけ出力する
アイキャッチ画像がある場合は実行する
トップページの場合は実行する
トップページ以外の場合は実行する
PAGEの場合は実行する
月別ページの場合は実行する
個別ページの場合は実行する
指定したカテゴリーに属している場合は実行する
指定した投稿タイプの場合は実行する

クラス名

ページを識別するクラス名を出力する
<?php body_class(); ?>の出力に独自のクラス名を追加する
トップページを識別するクラス名
月別ページを識別するクラス名
カテゴリー別ページを識別するクラス名
カテゴリー別ページのカテゴリーを識別するクラス名
個別ページを識別するクラス名
記事が属するカテゴリーを識別するクラス名
PAGEを識別するクラス名を確認する
表示中のページを識別するクラス名
同一カテゴリーのカテゴリー別ページと個別ページを識別するクラス名
特定のカスタムテンプレートで生成したPAGEを識別するクラス名

テンプレート

テンプレートのファイル名
トップページのテンプレートを作成する
PAGEのテンプレートを作成する
月別ページのテンプレートを作成する
カテゴリー別ページのテンプレートを作成する
特定のカテゴリーのカテゴリー別ページのテンプレートを作成する
ターム別ページのテンプレートを作成する
特定のタクソノミーやタームのターム別ページのテンプレートを作成する
個別ページのテンプレートを作成する
投稿タイプごとの個別ページのテンプレートを作成する
404ページのテンプレートを作成する
カスタムテンプレートを作成する
親テーマと子テーマ

パーツテンプレート

パーツテンプレート
ヘッダー・テンプレートを作成する
ヘッダー・テンプレートを読み込む
フッター・テンプレートを作成する
フッター・テンプレートを読み込む
サイドバー・テンプレートを作成する
サイドバー・テンプレートを読み込む
カスタムパーツテンプレートを作成する
カスタムパーツテンプレートを読み込む
デフォルトテーマのloop.php

その他

画像の間に均等に余白を入れる
画像の一部を切り出して表示する
リンク機能で管理しているリンクを出力する
管理画面の見出し部分にアイコン画像を表示する
管理画面にスタイルシートを適用する