ビジネスサイト制作で学ぶ WordPress「テーマカスタマイズ」徹底攻略

備考

●北村 崇（きたむら　たかし）
TIMING Design 代表。
1976年生まれ、神奈川県秦野市出身。
POP・広告・ディスプレイ等の制作会社を経て2006年にデザイン事務所 TIMINGを設立。
ロゴマークやキャラクターデザイン。印刷物やグッズ制作などのグラフィックデザイン全般から、Webディレクター・デザイナーとしても活動し、WordPress等のCMS構築まで一貫した制作を行う。
また定期的なセミナーや勉強会、講話等も行っている。
ニンニクとビールがあれば幸せ。
Webサイト

●星野 邦敏（ほしの　くにとし）
株式会社コミュニティコム代表
1978年生まれ。埼玉県さいたま市出身。中央大学法学部卒。
自社保有メディアのサイト運営によるインターネット広告事業・WordPressによるサイト制作事業・コワーキングスペース運営事業を行う株式会社コミュニティコムの代表取締役。
埼玉県さいたま市の大宮駅東口徒歩１分のコワーキングスペース「7F」の運営代表者。
大宮経済新聞の編集長。
WordPress日本語公式サイトのイベントカレンダー更新、WordPressイベントにスタッフやスピーカー等、オープンソースCMSである「WordPress」の普及に貢献。

株式会社コミュニティコム
コワーキングスペース「7F」
大宮経済新聞

目次

Chapter01　導入編
WordPressについて
　　　WordPressとは
　　　必要な環境
　　　インストール方法
本書におけるWordPressテーマのコンセプトと設計
　　　WordPressテーマについて
　　　サイト構成
　　　作成するファイルと使用する機能
本書で使用するオリジナルテーマの作成について
　　　オリジナルテーマについて
　　　HTMLやCSSを用意する
　　　本書で紹介する解説の流れ
サンプルテーマの使用方法
　　　サンプルテーマの実装方法
　　　テーマテンプレートを適用する
　　　カスタムメニューを設定する
　　　カスタム投稿タイプを利用する

Chapter02　テーマの基本
テーマの構成とファイルの種類
　　　テーマファイルとは
　　　ファイルの役割
　　　ページ（テンプレート）を分割してみる
必須のindex.phpとstyle.css
　　　仮テーマを作ってみる
　　　index.php作成方法
　　　screenshot.pngを用意する

Chapter03　基礎の構築
テンプレートファイルの作成とテンプレートタグの使い方
　　　テンプレートタグを利用し、様々な要素を読み込む
　　　テンプレートタグを使ってみる
footer.phpとsidebar.php
　　　sidebar.phpを作成する
　　　footer.phpを作成する
functions.php
　　　functions.phpを作成する
　　　functions.phpの使い方
トップページのテンプレート
　　　トップページのテンプレートについて
　　　front-page.phpを作成する
固定ページテンプレート
　　　page.phpを作成する
　　　固定ページによってテンプレートを変更する
投稿ページ
 ●「 投稿」用のテンプレート
　　　投稿日時とカテゴリー、コメント欄を設置する
　　　single.phpを使い分ける
　　　カテゴリー毎にテンプレートを変更する
検索機能と検索結果ページ
　　　searchボックスを設置
アーカイブページ
　　　archive.phpを作成する
コメントテンプレート
　　　comments.phpを作成する
　　　コメント表示のカスタマイズ
　　　コメントフォームのカスタマイズ
404ページ
　　　404.phpを作成する

Chapter04　カスタマイズ
JavaScriptやjQueryの読み込み
　　　JavaScriptを読み込む方法
カスタムヘッダー
　　　カスタムヘッダーを設定する
カスタムメニュー
　　　カスタムメニューを有効化する
　　　複数のカスタムメニューの登録
　　　カスタムメニューを設置する
　　　カスタムメニューの登録
　　　現在地メニューのハイライト
ウィジェットの作成
　　　ウィジェットの作成
固定ページをフリースペースとして読み込ませる
　　　固定ページ「フリースペース」を用意する
　　　固定ページ（freespace）を読み込ませる
　　　スラッグ以外のページの読み込み
　　　パーマリンクがデフォルトの場合
　　　パーマリンクを変更している場合
　　　プラグインで確認する場合
　　　ページを検索や一覧に載せないようにする
新着記事のアイキャッチと抜粋を表示する
　　　アイキャッチと抜粋で新着記事一覧を作成する
　　　読み込ませるためのテスト記事を投稿する
　　　記事抜粋の表示とカスタマイズ
　　　ページャーの設置
アイキャッチの使い方
　　　アイキャッチを有効化する
　　　アイキャッチを設定する
　　　アイキャッチの表示
固定ページの子ページ一覧をリスト表示する
　　　固定ページの子ページ一覧をリスト表示する
カスタムフィールドの設定
　　　カスタムフィールドとは
　　　カスタムフィールドの使い方
カスタム投稿の設定
　　　カスタム投稿タイプとカスタム分類
　　　カスタム投稿タイプを設定する
　　　カスタム投稿タイプのテンプレートファイル
ソーシャルボタンの設置
　　　ソーシャルボタンの設置
　　　FacebookとTwitterのボタン設置
　　　Facebookウィジェット（like box）の設置
モバイルとPCで表示を切り替える
　　　モバイル用のタグ
カスタマイザーとカスタム背景の設定
　　　カスタマイザーの設置
　　　オリジナルの項目を追加する
様々なカテゴリーの表示方法
　　　カテゴリーを使いわけよう
　　　現在の記事が属するカテゴリーを表示する
　　　特定のカテゴリーの記事一覧
テンプレートファイルの細分化
　　　管理するファイルを細分化する
　　　元のコードを確認し分割する
　　　get_template_partでの読み込み
　　　ページ毎に読み込むファイルを条件分岐する
カスタムフィールドを使った日付の入力と出力のカスタマイズ
　　　カスタムフィールドにおける日付入力
　　　カスタムフィールドに日付を入力する
　　　日付のデータをカスタマイズする
　　　日付のデータを出力する
投稿画面のエディタにデザインを反映させる
　　　投稿のビジュアルエディタにデザインを適用する
　　　editor-style.cssを作成する
　　　オリジナルスタイルを有効化する

Chapter05　PHPについて
PHPとは
　　　WordPressのために必要なPHPの知識
　　　PHPについて
　　　動的に表示する
　　　PHPの動作環境
　　　WordPressを動かすために必要なPHPのバージョン
　　　PHP の記述方法
変数
　　　変数とは
　　　WordPressでよく使われる変数
配列
　　　配列とは
　　　WordPressでよく使われる配列
条件分岐
　　　条件分岐とは
　　　色々な条件分岐
　　　WordPressでよく使うif文の記述方法
　　　条件分岐タグ
ループ
　　　while ループの仕組み
　　　WordPressループ
　　　ループ内で記述する要素
　　　投稿の日付を表示する
　　　記事のタイトルを表示
　　　投稿記事本文を表示
　　　覚えておくと便利なループ foreach
関数
　　　関数とは
　　　関数の作成
　　　WodPressの独自関数

Chapter06　プラグイン
Contact Form 7
　　　Contact Form 7とは
　　　インストールと設定画面表示
　　　お問い合わせフォームの作成
　　　フォームで表示されるメッセージの設定
wp total hacks
　　　wp total hacksとは
　　　インストールと設定画面表示
Akismet
　　　Akismetとは
　　　インストールと設定画面表示
WP Social Bookmarking Light
　　　WP Social Bookmarking Lightとは
　　　インストールと設定画面表示
　　　ボタンの表示設定
　　　SNSごとの詳細設定
Simple Map
　　　Simple Mapとは
　　　インストールと設定画面表示
　　　挿入する地図のショートコードタグを書く
　　　ショートコードタグの書き方、地図表示方法
　　　地図を画像として表示
Easy FancyBox
　　　Easy FancyBoxとは
　　　インストールと設定画面表示
　　　画像を表示してみよう
Easing Slider“ Lite”
　　　Easing Slide“r Lite”とは
　　　インストールと設定画面表示
　　　Customize
　　　設定したスライドを表示する
WP SiteManager
　　　WP SiteManagerとは
　　　インストールと設定画面表示
　　　SEO&SMO
　　　サイト構成
　　　マルチデバイス
　　　キャッシュ
　　　サブナビの設定
　　　パンくずナビ、ページャーの設定
Jetpack by WordPress.com
　　　Jetpack by WordPress.comとは
　　　インストールと設定画面表示
　　　WordPress.comと連携する
　　　代表的な機能紹介
　　　Jetpackを使用する際の注意

Chapter07　Appendix
Windows AzureにWordPressを構築する
　　　Windows Azure上にWordPressを構築する意味
　　　Windows Azureの準備
　　　Webサイトを構築
　　　サイトの初期設定とWordPressのアップロード
　　　WordPressのインストールと初期設定
　　　ドメイン管理
　　　MySQLの容量アップを行う
AWSにWordPressを構築する
　　　AWS (Amazon Web Service)とは？
　　　AWS の準備
　　　Web サイトを構築
　　　WordPressのインストールと初期設定
サーバー・データベースの引っ越し
　　　サイトデータのダウンロード・アップロード
　　　データベースのエクスポート・インポート
　　　データベースの書き換え
SNS連携
　　　OGP
　　　Twitter Cards
　　　ソーシャルアイコン
デバッグモードについて
ユーザー権限