レシピ集シリーズWordPressデザインレシピ集

書籍の概要

この本の概要

WordPressによるWebサイト制作のための，究極のレシピ集が登場。制作の現場で使われる定番テクニックからプロ技まで，余すところなく集めました。テーマカスタマイズ／テーマ作成／投稿ページ・固定ページ／一覧ページ／ヘッダー・フッター／カスタム投稿タイプ／カスタムフィールドなど，目的別にレシピを整理。「あのしくみはどう作るんだろう？」が，スグにわかります。Webサイト運営者からWebプログラマーまで，WordPressを扱うすべての方にお届けします。WordPress 5.xに対応。

こんな方におすすめ

  • WordPressの入門レベルを卒業しているひと
  • WordPressサイトを自分でカスタマイズしたい管理者のかた
  • WordPressのユーザーからサイト制作者にレベルアップしたいひと

この書籍に関連する記事があります！

WordPressで作ったWebサイトを柔軟にカスタマイズしよう
W3Techsの調査によると，現在，Webサイトの実に3分の1以上にWordPressが使用されているといいます。なぜWordPressはそれほど人気なのでしょうか。

目次

Chapter 1　WordPressの基本と環境設定のテクニック

  • 001　WordPressってどんなもの？
  • 002　WordPressでどんなサイトが作れるの？
  • 003　WordPressの管理画面でどんなことができるの？
  • 004　WordPress導入のメリット・デメリット
  • 005　サイトを公開するまでの作業の大まかな流れを知りたい
  • 006　サイトを作る・運用するのに必要な知識を知りたい
  • 007　WordPressの料金や利用規約（ライセンス）を知りたい
  • 008　WordPressの動作環境を知りたい
  • 009　WordPressをインストールしたい
  • 010　データベースの接頭辞を変えたい
  • 011　管理画面にログインしたい・ログアウトしたい
  • 012　管理画面の全体像を知りたい

Chapter 2　コンテンツ投稿のテクニック

  • 013　WordPressで投稿できるページの種類を知りたい
  • 014　記事を投稿したい
  • 015　記事にカテゴリーやタグを追加したい
  • 016　固定ページを投稿したい
  • 017　すでにある投稿や固定ページを編集したい
  • 018　公開設定について詳しく知りたい
  • 019　投稿を前の状態に戻したい
  • 020　新エディターの特徴を知りたい
  • 021　新エディターと旧エディターのどちらを使えばよいか知りたい
  • 022　新エディターの基本的な操作方法を知りたい①
  • 023　新エディターの基本的な操作方法を知りたい②
  • 024　追加できるブロックの種類を知りたい
  • 025　旧エディターの基本的な操作方法を知りたい
  • 026　ビジュアルモードで記事を編集したい
  • 027　テキストモードで記事を編集したい
  • 028　リンクを設定したい
  • 029　投稿に画像を追加したい
  • 030　ギャラリーやカバーを追加したい
  • 031　HTMLタグを入力したい
  • 032　「続きを読む」を挿入したい
  • 033　ページ区切りを挿入したい
  • 034　Instagramの写真を埋め込みたい
  • 035　最新の記事一覧を挿入したい
  • 036　再利用ブロックを使いたい
  • 037　抜粋を追加したい
  • 038　固定ページのパーマリンクを設定したい
  • 039　固定ページの親ページ・子ページを設定したい
  • 040　カテゴリーを作成したい・整理したい
  • 041　自動で設定されるカテゴリーを変更したい
  • 042　アイキャッチ画像を追加したい
  • 043　記事ごとのコメント設定をしたい
  • 044　WP Multibyte Patchとはなにか知りたい
  • 045　プライバシーポリシーページを作成したい

Chapter 3　サイト全体の設定をするテクニック

  • 046　サイトの基本情報を設定したい
  • 047　ホームページに表示されるコンテンツを設定したい
  • 048　一覧ページに表示される投稿数を変更したい
  • 049　パーマリンクを設定したい
  • 050　テーマをインストールして見た目をがらっと変えたい
  • 051　テーマを削除したい
  • 052　テーマカスタマイザーを使ってサイト全体の設定をしたい
  • 053　サイトのナビゲーションを作成したい
  • 054　ウィジェットを使ってコンテンツを追加したい
  • 055　基本的なディスカッションの設定方法を知りたい
  • 056　プラグインをインストールしたい
  • 057　WordPress本体を更新したい

Chapter 4　既存テーマのカスタマイズテクニック

  • 058　HTMLの基礎知識
  • 059　CSSの基礎知識
  • 060　HTML，CSSのソースコードを解読したい
  • 061　WordPressのフォルダとファイルの構成を知りたい
  • 062　子テーマを作成したい
  • 063　テーマにサムネイル画像を追加したい
  • 064　子テーマのCSSを編集したい
  • 065　既存テーマのHTML部分をカスタマイズしたい
  • 066　表示されているページに使われているテンプレートを知りたい

Chapter 5　テーマ作成の基本テクニック

  • 067　PHPの基礎知識
  • 068　WordPressの基本的な動作の仕組みを知りたい
  • 069　テーマ作成に必要なスキルを知りたい
  • 070　一般的なサイト制作のワークフローを知りたい
  • 071　テーマ用HTML，CSS作成の注意点を知りたい
  • 072　新規テーマ作成の準備をしたい
  • 073　HTMLファイルからテーマを作成したい
  • 074　テンプレートタグとはなにか知りたい
  • 075　functions.phpとはどういうものか知りたい
  • 076　style.cssの書式を知りたい
  • 077　style.cssを読み込みたい
  • 078　ページのヘッダー部分を分離したい
  • 079　ページのフッター部分を分離したい
  • 080　ページの文字コードを設定したい
  • 081　ページ全体の言語を<html>タグに出力したい
  • 082　<title>タグにタイトルを表示したい
  • 083　<body>タグにclass属性を追加したい
  • 084　テーマで使う画像をまとめたい
  • 085　テーマで使う画像をページに表示したい
  • 086　CSSに記述する背景画像のパスを知りたい
  • 087　要素に背景画像を適用したい
  • 088　<img>タグで画像を表示したい
  • 089　ループとは何か知りたい
  • 090　フロントページにコンテンツを表示したい

Chapter 6　ページのバリエーションを増やすテクニック

  • 091　WordPressのページのタイプを知りたい
  • 092　投稿ページ用のテンプレートを作りたい
  • 093　サイドバーを分離したい
  • 094　投稿ページにコンテンツを表示したい
  • 095　固定ページ用のテンプレートを作りたい
  • 096　一覧ページ用のテンプレートを作りたい
  • 097　一覧ページから各投稿ページにリンクしたい
  • 098　ホームページにリンクしたい
  • 099　固定ページにリンクしたい
  • 100　カテゴリー別一覧ページにリンクしたい

Chapter 7　標準的な機能をテーマに組み込むテクニック

  • 101　アクション，フィルターがどういうものか知りたい
  • 102　外部サイトからJavaScriptファイルを読み込みたい
  • 103　テーマフォルダ内にあるJavaScriptファイルを読み込みたい
  • 104　アイキャッチ画像を登録できるようにしたい
  • 105　アイキャッチ画像をページに表示したい
  • 106　アイキャッチ画像のサイズを指定して表示したい
  • 107　アイキャッチ画像にclass属性を追加したい
  • 108　アイキャッチ画像がないときには別の画像を表示したい
  • 109　カスタムサイズのアイキャッチ画像を登録したい
  • 110　カスタムサイズのアイキャッチ画像を表示したい
  • 111　RSSフィードを配信したい
  • 112　HTML5書式を有効化したい
  • 113　FontAwesomeを使えるようにしたい

Chapter 8　投稿ページ・固定ページの作成テクニック

  • 114　テンプレート階層について知りたい
  • 115　投稿の公開日を表示したい
  • 116　投稿の公開時刻を表示したい
  • 117　日時の表示フォーマットを設定したい
  • 118　投稿のタグを表示したい
  • 119　タグの表示フォーマットを変更したい
  • 120　投稿のカテゴリーを表示したい
  • 121　複数のカテゴリーを並べて表示したい
  • 122　タイトルの横にカテゴリーを表示したい
  • 123　投稿のパーマリンクを表示したい
  • 124　投稿作者の名前を表示したい
  • 125　投稿作者のWebサイトにリンクしたい
  • 126　投稿作者のプロフィールを表示したい
  • 127　ページ分割に対応したい
  • 128　ページ分割リンクの表示をカスタマイズしたい
  • 129　前後の投稿にリンクしたい
  • 130　前後の投稿へのリンクの表示をカスタマイズしたい
  • 131　Webサイトのホームページを作成したい
  • 132　ホームとは別にブログのトップページを作成したい
  • 133　固定ページのテンプレートを作成したい
  • 134　特定の固定ページ向けの専用テンプレートを作成したい
  • 135　エラーページを作成したい
  • 136　投稿ページにコメント機能を追加したい
  • 137　コメントの受付を終了したら「終了しました」と表示したい
  • 138　お問い合わせページを作りたい

Chapter 9　一覧ページの作成テクニック

  • 139　一覧ページについて詳しく知りたい
  • 140　汎用的な一覧ページを作成したい
  • 141　記事がないときには別のコンテンツを表示したい
  • 142　一覧ページに抜粋を表示したい
  • 143　抜粋で表示される文字数を変更したい
  • 144　抜粋の末尾に表示される[…]を変えたい
  • 145　一覧ページにページネーションを追加したい
  • 146　ページネーションに表示するページ番号を増やしたい
  • 147　ページネーションの表示をカスタマイズしたい
  • 148　カテゴリー別の一覧ページにタイトルを表示したい
  • 149　作者別一覧ページを作成したい
  • 150　日付ごとの一覧ページを作成したい
  • 151　タグの一覧ページを作成したい
  • 152　検索フォームを組み込みたい
  • 153　検索結果ページを作成したい

Chapter 10　ヘッダー・フッター・サイドバーを作り込むテクニック

  • 154　サイトのファビコンを設定したい
  • 155　サイトのタイトルをヘッダーに表示したい
  • 156　フッターにRSSフィードへのリンクを設置したい
  • 157　カスタムメニューを登録したい
  • 158　カスタムメニューをヘッダーに設置したい
  • 159　カスタムメニューのHTMLを調整したい
  • 160　ヘッダーとフッターにカスタムメニューを設置したい
  • 161　ウィジェット領域を定義したい
  • 162　サイドバーにウィジェット領域を設置したい
  • 163　複数のウィジェットを有効化したい
  • 164　ふたつのサイドバーで3コラムレイアウトを作りたい
  • 165　パンくずリストを表示したい
  • 166　パンくずリストを「フロントページだけ」表示しないようにしたい
  • 167　プライバシーポリシーページにリンクしたい

Chapter 11　カスタム投稿タイプを使いこなすテクニック

  • 168　カスタム投稿タイプとは何かを知りたい
  • 169　カスタム投稿タイプを作成したい
  • 170　カスタムタクソノミーとは何かを知りたい
  • 171　カテゴリー型のカスタムタクソノミーを作成したい
  • 172　タグ型のカスタムタクソノミーを作成したい
  • 173　もともとある「タグ」をカスタム投稿タイプでも使いたい
  • 174　カスタム投稿タイプの投稿をサイト内検索に含めたい
  • 175　カスタム投稿タイプの個別投稿ページを作成したい
  • 176　カスタム投稿タイプの一覧ページを作成したい
  • 177　一覧ページで投稿タイプ名を取得・表示したい
  • 178　個別投稿ページで投稿タイプ名を取得・表示したい
  • 179　投稿に割り当てられたタクソノミー項目を取得・表示したい
  • 180　タクソノミー項目が割り当てられているかどうかを調べたい
  • 181　カスタム投稿タイプの一覧ページにリンクしたい
  • 182　カスタム投稿タイプの個別投稿ページにリンクしたい
  • 183　特定のタクソノミー項目の記事を一覧表示したい
  • 184　タクソノミー一覧ページでタクソノミー名を表示したい
  • 185　タクソノミー一覧ページでタームを表示したい
  • 186　カスタム投稿タイプの投稿をRSSフィードに含めたい

Chapter 12　カスタムフィールドを使いこなすテクニック

  • 187　カスタムフィールドとは何かを知りたい
  • 188　投稿画面にカスタムフィールドを追加したい
  • 189　カスタムフィールドのテキスト入力欄を作りたい
  • 190　カスタムフィールドのチェックボックス欄を作成したい
  • 191　カスタムフィールドで画像のアップロードをしたい
  • 192　カスタムフィールドに入力したテキストをページに表示したい
  • 193　チェックボックスがついた項目だけを表示したい
  • 194　カスタムフィールドで登録した画像を表示したい
  • 195　カスタムフィールドの値を確認したい
  • 196　ページのディスクリプションを設定したい
  • 197　ページに固有のCSSを追加したい

Chapter 13　最新記事や関連する記事を一覧表示するテクニック

  • 198　ホームに異なる種類の投稿を同時に表示したい
  • 199　一度に表示する投稿の件数を変更したい
  • 200　ホームに特定のカテゴリーの最新情報を表示したい
  • 201　ホームにカスタム投稿タイプの投稿を表示したい
  • 202　ループ部分を別ファイルにしたい
  • 203　ショートコードを自作したい
  • 204　テキストを書き換えられるショートコードを作りたい
  • 205　表示するボックスのタイトルや色を設定できるショートコードを作りたい

Chapter 14　運営・メンテナンスのテクニック

  • 206　ユーザーを登録・追加したい
  • 207　権限グループについて詳しく知りたい
  • 208　ディスカッション設定を詳しく知りたい
  • 209　コメントスパムを削除したい
  • 210　更新情報を通知する必要はあるのか知りたい
  • 211　メールで投稿できるようにしたい
  • 212　スマートフォンから投稿できるようにしたい
  • 213　サイトの表示を高速化したい
  • 214　サイトをバックアップしたい
  • 215　データベースをエクスポートしたい
  • 216　データベースをインポートしたい
  • 217　データベースを直接操作してデータを復元したい
  • 218　SNSのボタンを表示したい
  • 219　Googleアナリティクスでアクセス状況を把握したい
  • 220　サイトマップ（sitemap.xml）を出力したい
  • 221　Google Adsenseを挿入したい
  • 222　サイトの安全性を高めたい

Chapter 15　開発環境構築のテクニック

  • 223　ローカル開発環境を構築したい
  • 224　ローカル開発環境でメール送信を確認したい
  • 225　ローカル開発環境のSSLを有効化したい
  • 226　デバッグモードを有効化したい
  • 227　オンラインでテーマを開発したい
  • 228　テーマを作るためのダミーのデータをインポートしたい
  • 229　開発に便利なプラグインを知りたい
  • 230　WordPressをコマンドラインで操作したい

著者プロフィール

狩野祐東（かのうすけはる）

Web/アプリケーションUIデザイナー，エンジニア。執筆家。アメリカ・サンフランシスコでUIデザイン理論を学ぶ。帰国後会社勤務を経てフリーランス。2016年に株式会社Studio947を設立。Webサイトやアプリケーションのインターフェースデザイン，インタラクティブコンテンツの開発を数多く手がける。各種セミナーや研修講師としても活動中。著書多数。