書籍概要

レシピ集

WordPressデザインレシピ集

著者
発売日
更新日

概要

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

こんな方におすすめ

  • WordPressの入門レベルを卒業しているひと
  • 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をコマンドラインで操作したい

サポート

ダウンロード

(2021年6月2日更新)

本書のサンプルファイルを,下記リンクからダウンロードすることができます。

サンプルファイルに不備がありましたので,更新しました。2020年3月3日以前にダウンロードされた方は,お手数ですが,再度ダウンロードいただきますよう,お願いいたします。

ダウンロードしていただくファイルは,ZIP形式の圧縮ファイルです。展開してお使いください。ダウンロードにミスがあると正しく展開できませんので,よくお確かめください。

サンプルデータの多くはWordPressのテーマファイルです。テーマファイルは,中に含まれる番号つきのフォルダ(072など)を,WordPress本体の「wp-content/themes/」フォルダにコピーして使用します。

ただし,サンプルの中には,別途プラグインをインストールするなどの追加作業を必要とするものもあります。また,テーマファイルではなく,設定ファイル等が含まれるサンプルもあります。テーマファイル以外のサンプルの使用法については,各節の説明を参照してください。

ダウンロード
WP_sample.zip

なお,以下のサンプルに不備がありましたので,修正いたしました。
2021年6月2日以前にダウンロードされた方は,お手数ですがダウンロードし直していただきますよう,お願いいたします。

  • static「cafe」(2021年6月2日更新)

補足情報

(2020年3月3日最終更新)

本書の掲載内容に以下の補足情報がございます。

P.660 「ターミナルウィンドウが開く」画面左

コマンドプロンプトまたはターミナルを開くときに,右クリックして[Open Site SSH]を選ぶことになっていますが,これはSSLを有効化しているときです(→225 P.645)。SSLを有効化していない場合は[Open Site Shell]を選びます。

正誤表

本書の掲載内容に誤りがございました。ご迷惑をおかけしましたことをお詫び申し上げます。
正誤表を以下からダウンロードできます。ダウンロードしたPDFファイルを参照してください。

(2020年3月3日最終更新)

商品一覧