概要
かんたん操作で,いますぐ作れる!
WordPressのいちばんやさしい教科書です。
ホームページ作成に欠かすことのできないWordPress。本書はこれからWordPressを使ってホームページ作成を始めたい人に向けた,いちばんわかりやすい入門書です。固定ページと投稿のつくり方,ブロックエディターの使い方から,ブロックパターンを使ったカスタマイズ,フルサイト編集によるテンプレート編集,サイト完成後の運用,管理まで,WordPressの基本的な使い方を,やさしくていねいに解説します。いちから順に実際のホームページを作っていくことで,確かなスキルが身につく1冊です!
こんな方におすすめ
目次
- はじめに
- 本書の使い方
- サンプル画像のダウンロード
Chapter1 WordPressを始める準備をしよう
- Section 01 WordPressについて知ろう
- Section 02 WordPressを使うために必要なもの
- Section 03 WordPress導入の手順を確認しよう
- Section 04 ドメインを取得しよう
- Section 05 サーバーをレンタルしよう
- Section 06 WordPressを自動インストールしよう
- Section 07 安全なサイトにするためにSSL化しよう
- Section 08 WordPressにログイン・ログアウトしよう
Chapter2 ホームページの土台を作ろう
- Section 01 管理画面の見方を知ろう
- Section 02 サイトタイトルやURLなどを登録しよう
- Section 03 パーマリンクを設定しよう
- Section 04 サイトの基本デザイン「テーマ」を理解しよう
- Section 05 テーマを設定しよう
- Section 06 スタイルを設定しよう
- Section 07 サイトを表示しよう
Chapter3 固定ページと投稿で基本のホームページを作ろう
- Section 01 「固定ページ」と「投稿」の違い
- Section 02 不要な投稿やページを削除しよう
- Section 03 新しい固定ページを作成しよう
- Section 04 タイトルと内容を入力しよう
- Section 05 ページに画像を挿入しよう
- Section 06 画像や文字にリンクを設定しよう
- Section 07 ページを下書き保存しよう
- Section 08 ページを公開しよう
- Section 09 新しい投稿を作成しよう
- Section 10 見出しを入れよう
- Section 11 文字を太字にしたり色をつけたりしよう
- Section 12 記事の先頭にアイキャッチ画像を入れよう
- Section 13 投稿のカテゴリーを設定しよう
- Section 14 投稿にタグを設定しよう
- Section 15 コメントの受付について設定しよう
- Section 16 公開した投稿を修正しよう
Chapter4 便利なブロックを使おう
- Section 01 「リスト」ブロックで箇条書きを追加しよう
- Section 02 「段落」と「整形済みテキスト」ブロックで本文を 入力しよう
- Section 03 「カバー」ブロックで画像の上に文字を載せよう
- Section 04 「テーブル」ブロックで表を追加しよう
- Section 05 「カラム」ブロックを追加しよう
- Section 06 「カスタムHTML」ブロックでGoogleマップの地図を 入れよう
- Section 07 「横並び」ブロックでブロックの配置を自由に変えよう
- Section 08 「動画」ブロックで動画を追加しよう
- Section 09 「メディアとテキスト」ブロックで画像と文章を 配置しよう
- Section 10 「プルクオート」ブロックで引用をわかりやすくしよう
- Section 11 「埋め込み」グループのブロックでSNSの投稿を載せよう
- Section 12 「ギャラリー」ブロックで画像を一覧表示しよう
- Section 13 「テーマ」グループのブロックで投稿一覧や投稿の抜粋を 載せよう
- Section 14 「スペーサー」ブロックで余白を調整しよう
- Section 15 「ボタン」ブロックでリンクボタンを作成しよう
- Section 16 その他の便利なブロックを使ってみよう
- Section 17 ブロックを複製・移動・削除しよう
- Section 18 よく使う内容は同期パターンで使いまわそう
Chapter5 レイアウトを整えるパターンを使おう
- Section 01 使用するパターンを確認しよう
- Section 02 価格表をわかりやすく載せよう
- Section 03 トップページに大きな画像を追加しよう
- Section 04 お問い合わせのボタンを追加しよう
- Section 05 トップページに動画を載せて注目してもらおう
- Section 06 テキストグループのパターンでテキストを 読みやすくしよう
- Section 07 いろいろなレイアウトのパターンを使おう
Chapter6 フルサイト編集でより見やすいホームページにしよう
- Section 01 投稿と固定ページのテンプレートを編集しよう
- Section 02 見出しのスタイルを編集しよう
- Section 03 WordPressのメニューのしくみを知ろう
- Section 04 メニューを作成して表示しよう
- Section 05 メニューに階層を作ってまとめよう
- Section 06 ロゴとサイトアイコンを追加しよう
- Section 07 フッターにコピーライトを入れよう
- Section 08 各ページの下部にメニューを表示しよう
- Section 09 固定ページをトップページに表示しよう
- Section 10 プラグインを使ってお問い合わせフォームを作ろう
- Section 11 サイドバーを表示しよう
Chapter7 Webサイトを運用・管理しよう
- Section 01 検索エンジンに検索してもらえるようにしよう
- Section 02 アクセス解析ツールを利用しよう
- Section 03 プラグインの管理をしよう
- Section 04 サイト管理者を追加しよう
- Section 05 スマートフォンやタブレットから投稿しよう
- Section 06 メディアライブラリで写真や動画を確認しよう
- Section 07 ホームページのバックアップと復元について知ろう
Chapter8 WordPress困ったときのFAQ
- Section 01 WordPressのパスワードとユーザー名を忘れた!
- Section 02 WordPressの管理画面のURLがわからなくなった!
- Section 03 突然ページにアクセスできなくなった!
- Section 04 以前のバージョンの投稿画面に戻すことはできる?
- Section 05 以前のバージョンで作ったページは編集できる?
- Section 06 検索しても自分のホームページが出てこない!
- Section 07 画像がアップロードできない!
- Section 08 プラグインの不具合が起きた!
- Section 09 編集して公開したページが反映されない!
- Section 10 「http~」から「https~」へリダイレクトさせたい!
- Section 11 テーマの一部だけカスタマイズすることは可能?
- Section 12 ホームページをはじめから作り直したい!
サポート
ダウンロード
本書の解説で使用している画像ファイルは以下よりダウンロードできます。ダウンロードの際,書籍のP.5に掲載しているIDとパスワードが必要になります。
ファイルのデータは圧縮ファイル形式(zip)となっているため,ファイルダウンロード後はデスクトップなどに展開してご利用ください。
なお,本書の提供する画像は,はつみさんにご提供いただいたものになります。画像は,書籍を購入いただいた方,また非商用目的でのみ利用することができます。画像の著作権ははつみさんが所有しており,放棄していません。画像の一部もしくはすべてを再配布したり,改変して使用することはできません。
また,ダウンロードした画像の使用によって発生したいかなる損害についても,画像の作者,著者および技術評論社は一切の責任を負いかねますのでご了承ください。
(2023年9月11日更新)
正誤表
WordPressのバージョンのアップデートにより,一部の操作方法が変わりました。書籍該当ページを以下のように読み替えてお読みいただきますようお願いいたします。
P.138 手順1の2行目
誤 |
「テーマ」グループにある[投稿一覧]をクリックします③。 |
正 |
「テーマ」グループにある[クエリーループ]をクリックします③。 |
P.139 手順5の3行目
誤 |
[表示設定]をクリックすると②、表示する投稿の数を指定できます③。 |
正 |
設定サイドバーの「ブロック」タブにある[ページごとの投稿数]で、ページごとの投稿数を指定できます②。 |
P.175 手順3
誤 |
スクロールして①、[個別投稿〕をクリックします②。 |
正 |
右側の一覧で[個別投稿]の文字をクリックして手順5に進みます。 |
P.177 手順4
誤 |
[編集]をクリックします①。 |
正 |
右側のプレビューをクリックします。 |
P.183 手順4
誤 |
[編集]をクリックします①。 |
正 |
右側のプレビューをクリックします。 |
P.192 手順1
誤 |
[外観]→[エディター]→[パターン]→[フッター]→[フッター]をクリックします。 |
正 |
[外観]→[エディター]→[パターン]の上段にある[フッター]をクリックし、右側の一覧にある[フッター]の文字をクリックします。 |
P.197 手順1 2行目
誤 |
[テンプレート]の[固定ページ]をクリックし①、[テンプレートを追加]をクリックします。 |
正 |
[テンプレート]の[固定ページ]をクリックし、[新規テンプレートを作成]をクリックします。 |
P.198 手順4 2行目
誤 |
[グループ]の︙をクリックして②、 |
正 |
2つ目の[グループ]の[三点リーダー]ボタンをクリックし、 |
P.206 手順1
誤 |
[外観]→[エディター]→[パターン]をクリックします。+をクリックして①、[テンプレートパーツを作成]をクリックします②。 |
正 |
[外観]→[エディター]→[パターン]で、画面右上の[新規パターン]をクリックし、[新規テンプレートパーツを追加]をクリックします。 |
P.169 手順2の1行目
誤 |
使用したいパターンをポイントし、[コピー]をクリックします①。 |
正 |
使用したいパターンをクリックして表示し、「Copy pattern」のボタンをクリックします。 |
P.187 手順6の2行目(第2版にて修正済み)
誤 |
URLを削除して空欄にします。 |
正 |
URLボックスに「#」と入力します①。 |
P.190 注釈
誤 |
手順2の画面で〔画像にホームへのリンクを付ける]をオンにします。 |
正 |
手順2の後、設定画面が表示されるので、「サイトアイコンを選択」をクリックして画像を指定してください。 |