試験公開中

このエントリーをはてなブックマークに追加

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

マイナビ出版

2,880円+税

WordPressを一歩深く使いこなし、自由自在にサイトのデザインを行えるようにするための、「テーマ」攻略本。サイト構築の基本から、テーマの様々なデザインカスタマイズ、プラグインの活用、さらにAmazon Web ServiceやWindows Azure上でWordPressサイトを構築するノウハウなど、入門書では手に入らないテクニックを盛り込んでいます。

関連サイト

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

内容紹介

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

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

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

WordPress 3.8対応。

書誌情報

  • 著者: 北村 崇, 星野 邦敏
  • 発行日: (紙書籍版発行日: 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によるサイト制作事業・コワーキングスペース運営事業を行う株式会社コミュニティコムの代表取締役。埼玉県さいたま市の大宮駅東口徒歩1分のコワーキングスペース「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
    • ソーシャルアイコン
  • デバッグモードについて
  • ユーザー権限
Home 書籍一覧 ビジネスサイト制作で学ぶ WordPress「テーマカスタマイズ」徹底攻略 ▲ ページトップへ戻る