書籍概要

世界一わかりやすい教科書

世界一わかりやすい WordPress 導入とサイト制作の教科書

著者
発売日
更新日

概要

WordPressは世界の主要なウェブサイトの28%(CMSサイトの59%)で利用されているCMSのデファクトスタンダード(2017年4月現在W3Techs調べ)。これからのWebクリエイターにとってWordPress対応は必須といえます。本書は初心者でもサーバへの導入からはじめてオリジナルなサイトができるように,順を追ってWordPressによるサイト制作を理解するための入門テキストです。ローカルPCでテーマを制作して公開サーバへという実践的な手法を通してCMSサイト制作の現場で役立つ力を身につけられます。

こんな方におすすめ

  • はじめてWordPressを導入して操作・運用をきちんと理解したい方
  • WordPressを使った実用的なWebサイトを作りたい方
  • 仕事でWordPressのWebサイトを作れるようになりたい方

著者から一言

この本は将来webサイト制作のプロフェッショナルを目指す方や,webサイト制作の知識はもっているけれどもWordPressについては初心者であるという方をおもな対象に,現在のwebサイト制作に必須ともいえるWordPressサイトの制作・開発の基礎から応用までを幅広く取り扱った解説書です。

WordPressの導入から基本的な取扱い・PHPの基礎知識・テーマの制作・そして運用と管理といったかなり広い範囲の情報が15のレッスンの中にぎっしりとつまっています。もちろんそれぞれのレッスンは,この本を手に取っているあなたが実際にWordPressサイトの制作を実践しながら進められるようになっています。

中には高度なPHPの知識を要する内容があり,プログラミングがはじめてという方にはとても難しく感じられるところもあると思いますが,基礎からひとつひとつ手順を踏んでいけば理解していただける内容になっていると自負しております。ぜひ根気よく取り組んでみてください。

この本の執筆にあたって特にわたしたちが注力したのは「WordPressがとりあえず使える・とりあえずサイトが作れる」だけでなく「長くWordPressとつきあっていける」力と知識をあなたに身につけていただけるようにすることでした。

WordPressに限らずCMS(コンテンツ管理システム)に関わることは,その運用について考えることと切っては離せません。つくった後に困らないサイト制作のための知識もコラムなどで積極的に取り上げました。

またWordPressはオープンソースの自由ソフトウェアであるという特長があり,長く・安全に運用できるサイトを制作・管理していくためには,そうしたソフトウェアをとりまく環境についての知識や心構えがあったほうが断然有利です。ぜひWordPressというソフトウェアそのものと同時に,それをとりまくシステムや人々の活動にも関心をもって読みすすめていただければ幸いです。
(「はじめに」より)

目次

Lesson01 WordPressをはじめよう

  • 1-1 WordPressの特徴
  • 1-2 WordPressサイトを構成する要素
  • 1-3 WordPressについて自分で調べるには
  • 1-4 WordPressはなぜ無料なのか
  • Q 練習問題

Lesson02 必要な環境を整えインストールする

  • 2-1 レンタルサーバを使おう
  • 2-2 レンタルサーバ選びのポイント
  • 2-3 レンタルサーバと契約する
  • 2-4 WordPressのインストール
  • Q 練習問題

Lesson03 初期設定をしよう

  • 3-1 WordPress管理画面の使い方
  • 3-2 サイトの概要を設定しよう
  • 3-3 ユーザーやプラグインを設定しよう
  • Q 練習問題

Lesson04 コンテンツの追加・編集とナビゲーションの設定

  • 4-1 投稿と固定ページの作成・画像の挿入
  • 4-2 カテゴリー・タグ・アイキャッチ画像の設定
  • 4-3 投稿の編集画面の便利な機能
  • 4-4 メニューを設定してみよう
  • 4-5 ウィジェットを使ってみよう
  • Q 練習問題

Lesson05 テーマとプラグインによる外観カスタマイズ

  • 5-1 テーマとは?
  • 5-2 テーマカスタマイザーを使おう
  • 5-3 テーマを変更してみよう
  • 5-4 プラグインを導入しよう
  • 5-5 プラグインでテーマを拡張しよう
  • 5-6 テーマ・プラグインを選択・利用するポイント
  • Q 練習問題

Lesson06 プラグインによる機能の追加

  • 6-1 サイトの設定事項を拡張しよう〜WP Total Hacks
  • 6-2 レスポンシブなGoogle Mapsを埋め込もう〜Simple Map
  • 6-3 関連する記事を自動的に表示しよう〜Jetpack
  • 6-4 ギャラリーページを作ってみよう〜Jetpack
  • 6-5 お問い合わせフォームを作ってみよう〜Contact Form 7
  • 6-6 WordPressのセキュリティを高めよう〜SiteGuard WP Plugin
  • 6-7 その他の便利なプラグイン
  • Q 練習問題

Lesson07 ローカル開発環境をつくろう

  • 7-1 ローカル開発環境の必要性
  • 7-2 MAMPのインストールと初期設定
  • 7-3 サーバの起動とデータベースの作成
  • 7-4 WordPressのダウンロードとインストール
  • 7-5 ローカル開発環境の設定
  • Q 練習問題

Lesson08 テーマ作成の第一歩〜PHPとテーマの基礎

  • 8-1 テーマ制作のための事前準備
  • 8-2 PHPの基礎知識
  • 8-3 オリジナルテーマを WordPress に認識させよう
  • 8-4 オリジナルテーマにスタイルシートを適用させよう
  • Q 練習問題

Lesson09 テンプレートファイルの作成

  • 9-1 ヘッダーを完成させよう
  • 9-2 記事の一覧を表示させよう
  • 9-3 アイキャッチ画像を有効化しよう
  • 9-4 カスタムメニューを有効化しよう
  • 9-5 ウィジェットを有効化しよう
  • Q 練習問題

Lesson10 各種テンプレートファイルの作成

  • 10-1 テンプレート階層について
  • 10-2 ヘッダー・フッター・サイドバーのテンプレートをつくる
  • 10-3 個別投稿ページを表示しよう
  • 10-4 コメントテンプレートを作成しよう
  • 10-5 固定ページを表示しよう
  • 10-6 アーカイブページを表示しよう
  • 10-7 search.phpと404.phpを作成しよう
  • 10-8 固定フロントページにしよう
  • Q 練習問題

Lesson11 テーマカスタマイザーの実装

  • 11-1 カスタマイズAPIとは
  • 11-2 セクション・セッティング・コントロールの追加
  • 11-3 セッティングとコントロールを増やす
  • 11-4 フロントページに結果を出力しよう
  • Q 練習問題

Lesson12 WordPressを本番環境へデプロイする

  • 12-1 FTPクライアントを準備しよう
  • 12-2 公開サイトの初期化とファイルのアップロード
  • 12-3 ローカル環境のデータベースをエクスポートしよう
  • 12-4 リモートサーバへデータベースをインポートしよう
  • 12-5 サイトURLを置換しよう
  • Q 練習問題

Lesson13 サイトの広報と集客

  • 13-1 検索エンジンとSNSへの施策
  • 13-2 サイト認証をしよう
  • 13-3 検索エンジンにサイトマップを送信しよう
  • 13-4 ソーシャル連携で集客する
  • 13-5 共有ボタンを設置する
  • Q 練習問題

Lesson14 サイトの運営と管理

  • 14-1 スマホアプリでWordPress管理
  • 14-2 順調な運営と安全のために
  • 14-3 閲覧情報を分析しよう
  • 14-4 バックアップの必要性
  • 14-5 バックアップを設定する
  • Q 練習問題

Lesson15 もっとWordPressを使いこなす・学ぶ

  • 15-1 カスタム投稿タイプとカスタム分類
  • 15-2 カスタムフィールドを利用しよう
  • 15-3 子テーマを利用した既存テーマのカスタマイズ
  • 15-4 マルチサイトを利用する

付録 逆引きWordPress関数辞典

サポート

ダウンロード

本書に掲載しているレッスンファイルをこのページからダウンロードしてご利用いただけます。

レッスンファイルご利用の前に

レッスンファイルのダウンロード方法については,本書のP.6「レッスンファイルのダウンロード」をよくお読みください。そこに記載してある「ID」と「パスワード」が必要になります。
ファイルはZIP形式で圧縮されておりますので,ダウンロード後に展開して「デスクトップ」などの利用しやすい場所に移動してお使いください。

  • レッスンファイルについて,一般的な環境においては特に問題のないことを確認しておりますが,万一障害が発生し,その結果いかなる損害が生じたとしても,小社および著者はなんら責任を負うものではありません。また生じた損害に対する一切の保証をいたしかねます。必ずご自身の判断と責任においてご利用ください。
  • レッスンファイルは,著作権法上の保護を受けています。収録されているファイルの一部,あるいは全部について,いかなる方法においても無断で複写,複製,再配布することは禁じられています。

以上のことをご確認,ご了承のうえ,レッスンファイルをご利用お願いいたします。

  1. 下の枠内に「ID」と「パスワード」を入力してください。本書P.6に記載されている「ID」を「ID」欄に,「パスワード」を「パスワード」欄にそれぞれ入力してください。
  2. 「ダウンロード」をクリックしてください。

(2017年6月22日更新)

配布にあたりオリジナルテーマ「easiest-wp」フォルダのstyle.cssにライセンス(GPLv2 or later)を明記しました。
ヘッダーコメントですので書籍内容への影響はありません。

正誤表

本書の以下の部分に誤りがありました。ここに訂正するとともに,ご迷惑をおかけしたことを深くお詫び申し上げます。

(2017年6月13日最終更新)

P.151 Step01の本文3行目

サンプルテーマでは30行目あたりの<ul class="archive">から86行目あたりの</ul>までが記事一覧です。
サンプルテーマでは35行目あたりの<ul class="archive">から91行目あたりの</ul>までが記事一覧です。

P.151 Step01の[2]の1行目

89行目あたりの</ul>の下に、
93行目あたりの</ul>の下に、

P.170 Step01の使用ファイル表示

sample-data▶easiest-wp-html▶single.html
easiest-wp-html▶single.html

P.170 Step01の本文1行目

single.phpを想定したsingle.htmlがsample-dataのeasiest-wp-htmlにありますので、
single.phpを想定したsingle.htmlがeasiest-wp-htmlフォルダにありますので、

P.172 Step01のソースコード 投稿一覧の場合


<?php if ( have_posts() ) : ?>
        <!-- 投稿がある場合 -->
<?php else : ?>
        <!-- 投稿がある場合 -->
<?php endif; ?>


<?php if ( have_posts() ) : ?>
        <!-- 投稿がある場合 -->
<?php else : ?>
        <!-- 投稿がない場合 -->
<?php endif; ?>

P.175 Step02のソースコード Before commnets.php


<li class="item-comment comment depth-1 parent">
(中略)
</li>


<li id="comment-1" class="comment even thread-even depth-1 parent">
(中略)
</li>

P.178 Step01の使用ファイル表示

sample-data▶easiest-wp-html▶page.html
easiest-wp-html▶page.html

P.183 Step02の[3]ソースコード Before


<?php the_posts_pagination(); ?>


<?php the_posts_pagination( array(
(中略)
) ); ?>

P.183 Step02の[3]ソースコード キャプション

この行を削除します。
この4行を削除します。

商品一覧