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

関連サイト

本書の関連ページが用意されています。

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

内容紹介

「WordPressの基本はわかった。で、その次何をすればステップアップできるだろう？」という人のための、WordPress活用本。

WordPressのテーマのカスタマイズを中心に、CMSとして活用するための機能の実装方法や、プラグインの活用、SNSとの連携やSEO、Windows AzureやAWS上へのWordPressの構築、サーバーやデータべースの移行、デバッグモード、ユーザー権限など、WordPressユーザーの「次にこれを知っておきたい！」をまとめます。

ビジネスサイトに使える機能を実装したサンプルテーマを実際に操作しながら、カスタムヘッダーやカスタムメニュー、アイキャッチ、カスタムフィールド、カスタマイザーの設置、テンプレートファイルの細分化などなど、解説していきます。本書でぜひ、WordPress力を強めてください！

WordPress 3.8対応。

書誌情報

• 著者: 北村 崇, 星野 邦敏
• 発行日: 2014-02-25 (紙書籍版発行日: 2014-02-25)
• 最終更新日: 2014-02-25
• バージョン: 1.0.0
• ページ数: 314ページ(PDF版換算)
• 対応フォーマット: PDF
• 出版社: マイナビ出版

対象読者

著者について

北村 崇

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

星野 邦敏

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

目次

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
  • ソーシャルアイコン
• デバッグモードについて
• ユーザー権限