WordPressオリジナルテーマ制作入門

［表紙］WordPressオリジナルテーマ制作入門

紙版発売
電子版発売

B5判／416ページ

定価2,948円（本体2,680円＋税10%）

ISBN 978-4-297-12557-8

電子版

→学校・法人一括購入ご検討の皆様へ

書籍の概要

この本の概要

はじめての自作テーマは
これ1冊で大丈夫！
作りながら学べる入門書です。

WordPressを使った案件で，オリジナルテーマを作りたい，作らなければならなくなった。そんな時，HTMLやCSSはわかるけど，PHPは…。そもそもテーマってどうやって作ればいいの？そんな皆さんのために，本書はサンプルファイルとステップ解説で，テーマの自作方法を丁寧に解説。あらかじめ用意されたHTMLファイルをPHPファイルへと落とし込み，CSSを適用。ブロックエディターに対応したテーマを作成します。これ1冊で，オリジナルテーマの作り方がしっかり学べます！

こんな方におすすめ

  • WordPressのテーマを自作したいWeb制作者

本書のサンプル

本書の一部ページを，PDFで確認することができます。

目次

第1章　WordPressとは？

  • Step01　WordPressはCMSの1つ
  • Step02　なぜWordPressを選ぶのか？
  • Step03　静的ウェブサイトとWordPressで作成したウェブサイトの違い
  • Column WordPressのライセンス

第2章　テーマ作成に必要な基礎知識

  • Step01　WordPressのテーマとは？
  • Step02　テーマのフォルダー構成
  • Step03　テンプレートファイルとは
  • Step04　PHPのしくみと書き方を知る
  • Step05　WordPressにおけるタグとは
  • Step06　WordPressのループとは？
  • Step07　フックとは？
  • Column テーマ開発者のためのハンドブック

第3章　オリジナルテーマの開発環境を準備する

  • Step01　Localをインストールして基本的な使い方を知る
  • Step02　WordPressの初期設定を行う
  • Step03　プラグインの選定とインストール
  • Step04　サンプルページを作成する

第4章　最低限のテーマを作成しWordPressに認識させる

  • Step01　テーマフォルダーを作成する
  • Step02　テーマに必要なファイルを作る
  • Step03　テーマの表示を整える
  • Step04　画像・CSS・JavaScriptを準備する

第5章　ウェブサイト作成の基本となるテンプレートファイルを作成しよう

  • Step01　ウェブサイトの共通部分を作成する
  • Step02　固定ページ用のテンプレートファイルを作成する
  • Step03　投稿ページ用のテンプレートファイルを作成する
  • Step04　アーカイブページ用のテンプレートファイルを作成する
  • Step05　ナビゲーションを作成する
  • Step06　フロントページ用のテンプレートを作成する
  • Column テーマ作成のセキュリティ対策について

第6章　ウェブサイトの利便性を向上する

  • Step01　サイト内検索をできるようにする
  • Step02　404ページを作成する
  • Step03　パンくずリストを作成する
  • Step04　前後の投稿へのリンクを追加する
  • Step05　ウィジェットエリアを追加する
  • Column コメントを受け付けたいと思ったら

第7章　テーマをブロックエディターに対応させる

  • Step01　テーマをブロックエディターに対応させる
  • Step02　コアブロックのスタイルを独自に追加する
  • Step03　ブロックパターンを削除・追加する
  • Column ブロックエディターとGutenbergプロジェクト
  • Column カスタムフィールドは本来の使い方へ

第8章　ウェブサイトの機能を拡張する

  • Step01　カスタム投稿タイプを追加してコンテンツを拡張する
  • Step02　カスタム投稿タイプに独自の分類を追加する
  • Step03　カスタム投稿タイプに関連する部分の表示を整える
  • Step04　カスタムページテンプレートで個別にデザインを変更する
  • Step05　投稿インデックスページを作成する
  • Step06　フロントページをブロックエディター化する　その1〜固定ページの指定とブロックの配置
  • Step07　フロントページをブロックエディター化する　その2〜ショートコードブロックの活用
  • Column WordPressへの理解をより深めるために

著者プロフィール

清水由規（しみずゆき）

執筆。
株式会社コミュニティコムのプランナー・デザイナー。まんが喫茶の店長やPOP職人を経て2011年にウェブデザイナーへ転身，地元企業や自治体のウェブサイト企画・デザイン，ディレクション，運営等これまでに携わった数は200を超える。現在は社内のなんでもデザイン屋さんとWordPressでのサイト制作を中心に，セミナーイベントの企画・運営，講師業，WordPressコミュニティへの参加等多岐にわたって活動。静岡県出身・埼玉県在住。
twitter：@yukishimizu910

清水久美子（しみずくみこ）

執筆。
株式会社コミュニティコムのデザイナー・マークアップエンジニア。2001年よりウェブ制作会社にてウェブサイト制作とマネジメント業務に従事。出産・育児休業後，フリーランスを経て2018年より現職にてWordPress テーマの開発に携わる。Shizuoka WordPress MeetupやJapan Online WooCommerce Meetupへの登壇や，個人で講師業や地元コミュニティ活動も行う。好物は写真と猫と塩いくら，ことば，A11y。静岡県出身・在住。
ホームページ：https://myslink.app/shimikumi32

鈴木力哉（すずきりきや）

執筆。
PLANPOT DESIGN WORKS 代表・デザイナー。株式会社フーリエ デザイン技術顧問。2006年 静岡文化芸術大学デザイン学部 技術造形学科卒業。ウェブ制作会社を経て2012年 に独立する。静岡県浜松市を軸足に置きながらウェブサイトのデザインからプログラムまでのディレクションおよび制作を行う。DORP実行委員会 実行委員長としてデザインカンファレンスの開催や書籍の発行など，クリエイターをつなぐ活動も。
ホームページ：https://planpot.jp/
twitter：@planpot

西岡由美（にしおかゆみ）

執筆。
フリーランスのウェブデザイナー・フロントエンド開発者。山口県出身東京都在住。2003年にMTに感銘を受けて以来CSSに振り回されぱなし。本を買うと匂いを確認する癖があり，手持ちではGrid systemsのが一番好き。Adobe Frescoのジッターブラシがお気に入り。最近はFigmaとGutenbergの追っかけと，SpotifyのPodcast録音，クラフトビール屋巡りが趣味。WordPressのコアコミッターではEllaさん推し。
ホームぺージ：https://profiles.wordpress.org/mimitips/
GitHub：https://github.com/miminari

星野邦敏（ほしのくにとし）

監修。
株式会社コミュニティコムの代表取締役。2008年から，WordPressイベントにスタッフ・スピーカー・スポンサーとして関わり，WordPresテーマとプラグインの開発，WordPressに関する書籍執筆や講演をするなど，オープンソースCMSである「WordPress」の日本の黎明期において国内での普及に貢献した。2012年からはコワーキングスペース・シェアオフィス・貸会議室・シェアキッチン・インターネット動画配信スタジオといった施設運営，空き家活用や農作物生産なども行っている。埼玉県出身・在住。
ホームページ：https://www.communitycom.jp/
twitter：@khoshino

吉田裕介（よしだゆうすけ）

監修。
株式会社コミュニティコムのプログラマー。WordPress 公式ディレクトリに「Saitama」テーマや「Dekiru」テーマ，プラグインなどを公開しており，WordCamp Tokyo に運営スタッフとして参加するなどWordPress の普及に携わっている。Saitama WordPress Meetup の共同オーガナイザー。