WordPressのテーマを自作する!わかりやすい入門書「WordPressデザインブック」

公開日:
最終更新日:2012年09月04日

WordPressのテーマを色々試しているけど、ここをチョット変えたい!って思うことが多いんです。

テーマファイルを適当にいじったりしてましたが、やっぱり基本的な事を知っておかなくちゃ!って事で、「WordPressデザインブック3.x対応」を読んでみました。

WordPress関連の書籍はたくさんあって、どれも良書だと思いますが、私がこの本を選んだのは、

・インストール方法の詳細とか文法的な基礎知識はいらない
・テーマのカスタマイズに特化した内容

ってポイントで選びました。

この1冊でテーマ作成の流れがわかる

この本を一通り読めば、
・1からテーマを構築する
・WordPressのテーマ構成を理解できる
・シンプルなテーマが作成できる
って事ができる様になります。

テーマを全部分解して、一番シンプルな形から徐々に機能追加をしていくっていうステップ学習スタイルが、とてもわかりやすいです。

あと「こんな事やりたかったんだよなー」っていう技も色々と盛り込まれていて、テーマ作成の夢が膨らみますよ。

初めてのテーマ自作におすすめ

・HTML/CSS/PHPの基本知識は少しくらいならある
・WordPressが何かってのは知っているよ
・そして、自分でテーマを作りたい!
という方には、かなりお勧めの一冊です。

著者:エビスコム
定価:2,940円(本体価格 2,800円)
発売日:2011年9月初版発行
ISBN:978-4-88337-783-1

Chapter 1:基本サイトの構築

STEP 1-1 構築するページとテンプレート
STEP 1-2 繰り返し利用するパーツとパーツテンプレート
STEP 1-3 テーマの準備
STEP 1-4 基本設定
STEP 1-5 コンテンツの投稿
STEP 1-7 ヘッダーとフッターの作成
STEP 1-7 ナビゲーションバーとヘッダー画像の追加
STEP 1-8 記事の表示
STEP 1-9 サイドバーの表示
STEP 1-10 トップページ以外のページの作成

Chapter 2:カスタマイズの準備

STEP 2-1 プラグインを利用するための準備
STEP 2-2 WordPressのバージョン情報を出力しないようにする
STEP 2-3 RSSフィードの情報を出力する
STEP 2-4 ライブラリの設定を出力する
STEP 2-5 テーマエディタのソースを色分け表示する
STEP 2-6 ビジュアルエディタの表示と完成ページのデザインを揃える
STEP 2-7 ページの種類を識別できるようにする

Chapter 3:記事の個別ページのカスタマイズ

STEP 3-1 フリーで利用できる画像を表示する
STEP 3-2 複数の画像を横に並べて一覧表示する
STEP 3-3 記事ごとに1枚の画像を決まった位置に表示する
STEP 3-4 カスタムフィールドに入力した付加情報を表示する
STEP 3-5 関連記事を表示する
STEP 3-6 記事の個別ページのデザインをカスタマイズする
STEP 3-7 1つの記事を複数ページに分割する
STEP 3-8 画像の個別ページのデザインをカスタマイズする

Chapter 4:記事の一覧ページのカスタマイズ

STEP 4-1 記事のタイトルのみをリストアップする
STEP 4-2 記事のタイトルと概要をリストアップする
STEP 4-3 記事ごとにサムネイル画像を表示する
STEP 4-4 表示する記事の数をテンプレート内で指定する
STEP 4-5 古い記事から順に表示する
STEP 4-6 最新の2件の記事のみサムネイル画像と概要を表示する
STEP 4-7 おすすめ記事を表示する
STEP 4-8 特定の投稿フォーマットの記事を表示する

Chapter 5:ナビゲーションのカスタマイズ

STEP 5-1 オリジナルのウィジェットを作成するための準備
STEP 5-2 ウィジェットで特定の投稿フォーマットの記事を表示する
STEP 5-3 特定のカテゴリーに属する記事のメニューを表示する
STEP 5-4 カテゴリーメニューの表示をカスタマイズする
STEP 5-5 人気記事ランキングを表示する
STEP 5-6 microdataを使ったパンくずリストを作成する
STEP 5-7 ページ番号を並べて古い記事にアクセスしやすくする

Chapter 6:固定ページのカスタマイズ

STEP 6-1 お問い合わせページの作成
STEP 6-2 インデックスページを作成する

Chapter 7:コンテンツの分類と検索

STEP 7-1 投稿タグで記事を分類する
STEP 7-2 カスタム投稿タイプを利用してニュース記事を投稿する
STEP 7-3 サイト内のコンテンツを検索できるようにする

Chapter 8:ヘッダーと画像のカスタマイズ

STEP 8-1 カスタムヘッダーの画像をランダムに表示する
STEP 8-2 カスタムヘッダーの画像をスライドショー形式で表示する
STEP 8-3 ヘッダー画像の代わりにおすすめ記事を表示する
STEP 8-4 画像をライトボックス形式でポップアップ表示する

Chapter 9: 外部サービスとの連携

STEP 9-1 ソーシャルブックマークのリンクを設置する
STEP 9-2 Twitterと連携する
STEP 9-3 OGPを記述してFacebookと連携する
STEP 9-4 Facebookにも記事を投稿して連携する
STEP 9-5 外部サービスと連携できるコメント投稿フォームを設置する
STEP 9-6 Google+と連携する

Appendix

WebMatrixを利用したローカルサーバーの構築(Windows)
バックアップ
デバック機能の利用

最近の更新記事