エックスサーバーでは、サブドメインを無料で設定することができます。
サブドメインとは、独自ドメイン(メインドメイン)を分割して作ったドメインのことです。新たにドメインを契約することなく、目的に合わせて異なったサイトを作成するときに活躍します。
エックスサーバーのサブドメインを設定して、WordPressを始める方法を説明します。
※短時間で設定が完了できるように説明はできるだけ省いています。詳しく知りたい場合は各項目の詳細画面にアクセスしてください。
初期費用無料!国内シェアNo.1のレンタルサーバー
効率的にWordPressを学習したい人はテックアカデミーのWordPressコースがおすすめです。現役エンジニアがマンツーマンでサポート、WordPressの基礎から応用までをマスターできます。
受講者数No.1のオンラインプログラミングスクール
エックスサーバーのサブドメイン設定方法
1.エックスサーバー にアクセス→「サーバーパネル」にログインします。
![](https://study.graceeight.com/wp-content/uploads/2023/03/xserver-1-800x244.png)
2.サーバーパネルトップページに移動するので、「サブドメイン設定」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2023/03/xserver-3-800x420.png)
3.サブドメインを作成するドメインを選択します。
![](https://study.graceeight.com/wp-content/uploads/2023/03/xserver-4.png)
4.右側タブの「サブドメイン設定追加」をクリックして必要項目を入力→「確認画面へ進む」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2023/03/xserver-6.png)
- サブドメイン名:設定したいサブドメイン名を入力
- ドキュメントルート:データーを置くためのフォルダ
- コメント:空欄でも問題なし
- 「無料独自SSLを利用する」にチェックが入っているかを確認
5.入力内容を確認して問題がなければ「追加する」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2023/03/xserver-7.png)
6.サブドメインの設定が完了したので、次はWordPressをインストールします。
左サイドバー「WordPress簡単インストール」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2023/03/xserver-10.png)
7.サブドメインを設定したドメインを選択します。
![](https://study.graceeight.com/wp-content/uploads/2022/05/ドメイン選択-1024x281.png)
8.右側ダブの「WordPressのインストール」をクリック→必要項目を入力して「確認画面へ進む」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2023/01/スクリーンショット-560-800x947.png)
- サイトURL:プルダウンの中から登録したサブドメインを選択
- ブログ名を入力※後から変更可能
- ユーザー名:WordPress管理画面へのログインユーザ名を入力
- パスワード:WordPress管理画面へのログインパスワードを入力
- メールアドレスを入力
- キャッシュ自動削除:onを選ぶ
- データーベース:「自動でデータベースを生成する」を選択
- テーマ:設定したいテーマを選択※「Cocoon」がおすすめ
- テーマオプション:チェックする
9.確認画面で問題がなければ「インストールする」をクリックします。
「WordPressのインストールが完了しました。」と表示されれば完了です。
![](https://study.graceeight.com/wp-content/uploads/2023/03/xserver-11.png)
初期費用無料!エックスサーバー公式サイトはこちら
サブドメインのWordPress初期設定
サブドメインの設定とWordPressのインストールが完了した後は、WordPressの初期設定を行います。セキュリティ対策など始めに行っておいた方が安心なので続けて設定していきましょう。
- 常時SSL化と301リダイレクト設定
- パーマリンクの設定
- ニックネームを変更
- プライバシーポリシーの設定
- WordPressテーマの設定
- 不要なプラグインの削除
- サンプル記事の削除
常時SSL化と301リダイレクト設定
![](https://study.graceeight.com/wp-content/uploads/2022/05/スクリーンショット-373.png)
SSL化とは、サイトURLを「http://~」から「https://~」に変更して通信の安全性を確保するためのセキュリテ対策です。
1.WordPressの管理画面にログインします。
WordPressのログインURL:サイトのURL/wp-admin
2.「設定」をクリックして、WordPressアドレスとサイトアドレスそれぞれを「https」に変更します。同時にサイトタイトルやキャッチフレーズの確認も行っておきましょう。
![](https://study.graceeight.com/wp-content/uploads/2022/05/%E4%B8%80%E8%88%AC%E8%A8%AD%E5%AE%9A-1-1024x487.png)
- サイトのタイトル:タイトルを確認(変更も可)
- キャッチフレーズ:キーワードを入れるなどSEOを意識する※空欄でも問題なし
- WordPress アドレス (URL):http→httpsに変更
- サイトアドレス (URL) :http→httpsに変更
※WordPressアドレスはWordPressをインストールしたファイルが保存されているアドレス、サイトアドレスはサイトにアクセスするアドレスです。同じアドレス(URL)でなければいけません。
3.「変更を保存」をクリックすれば、URLのhttps化(SSL化)設定は完了です。続いて301リダイレクト設定を行います。
![](https://study.graceeight.com/wp-content/uploads/2022/08/kazuma.jpg)
301リダイレクトとは、「http://~」とアクセスされても「https://~」から始まる正しいURLとしてサイトが表示される転送方法です。
※設定が反映されるまで時間がかかる場合があります。
4.エックスサーバー にアクセス→「ファイルマネージャー」にログインします。
![](https://study.graceeight.com/wp-content/uploads/2022/01/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-180.png)
5.①サブドメインを設定している「ドメイン」→②「public_html」→③設定したい「サブドメイン」→④「.htaccess」→⑤「編集」を順番にクリックしていきます。
![](https://study.graceeight.com/wp-content/uploads/2021/01/%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%83%9E%E3%83%8D%E3%83%BC%E3%82%B8%E3%83%A3%E3%83%BC2.png)
6.ファイル編集画面に記入されているテキストの一番上に「301リダイレクトコード」を挿入します。
![](https://study.graceeight.com/wp-content/uploads/2021/01/%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%83%9E%E3%83%8D%E3%83%BC%E3%82%B8%E3%83%A3%E3%83%BC3.png)
【301リダイレクトコード】エックスサーバーのマニュアルから引用
RewriteEngine On RewriteCond %{HTTPS} !on RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
7.「更新」をクリックすれば、301リダイレクト設定が完了です。
パーマリンクの設定
![](https://study.graceeight.com/wp-content/uploads/2022/05/スクリーンショット-374.png)
パーマリンクをGoogleが推奨している「コンテンツの情報を伝えるわかりやすいURL」に設定を変更します。
WordPress管理画面左下にある「設定」→「パーマリンク」
![](https://study.graceeight.com/wp-content/uploads/2022/05/パーマリンクの設定-1024x544.png)
- 「カスタム構造」にチェックを入れる
- 入力されている文字を削除して、「/%postname%」と入力する
- 画面下にある「変更を保存」をクリックすれば設定が完了
※「パーマリンク構造を更新しました。」と表示された後、カスタマイズ構造に変更されているか必ず確認してください。
ニックネームを変更する
WordPressの初期設定では、ニックネームとユーザー名が同じです。ニックネームはブログのあらゆる場所に表示されるので、ネット上にユーザー名が漏洩することになります。
セキュリティ上好ましくないので、ブログに表示したい名前に変更します。
WordPress管理画面左下にある「ユーザー」→「プロフィール」
![](https://study.graceeight.com/wp-content/uploads/2022/05/ニックネーム変更-1024x181.png)
- ニックネーム(必須):ブログに表示したい名前を入力する
- ブログ上の表示名:プルダウンの中からブログに表示したい名前を選択する
- 画面下にある「プロフィールの更新」をクリックすれば設定が完了
プライバシーポリシーの設定
プライバシーポリシーは、個人情報を取り扱うサイトを作成した場合に明記することが義務付けされています。また、サイトを守るために免責事項や著作権も合わせて記載しておきます。
1.「固定ページ」→「固定ページ一覧」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/12/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-574.png)
2.サンプルページとプライバシーポリシー(下書き)をそれぞれ削除します。
![](https://study.graceeight.com/wp-content/uploads/2022/12/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-573-800x277.png)
削除するタイトルの欄にカーソルを合わせると「ゴミ箱へ移動」が表示されるのでクリックします。
3.「固定ページ」の「新規作成」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/12/%E8%BF%BD%E5%8A%A0.png)
4.「タイトル」と「パーマリンク(URLスラッグ)」を入力します。
![](https://study.graceeight.com/wp-content/uploads/2023/01/プライバシーポリシー-800x351.png)
- タイトル:プライバシーポリシー
- パーマリンク(URLスラッグ):privacy-policy
5.当サイトのプライバシーポリシーを参考に作成してください。
※コピーペーストしていただいて問題ありませんが、広告サービスやアクセス解析ツールなど必要に応じて適切な文言に修正・変更してください。
6.記事投稿画面下のSEOタイトル・メタディスクリプション(説明文)を記入→「公開」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2023/01/プライバシーポリシーSEO.png)
![](https://study.graceeight.com/wp-content/uploads/2022/08/kazuma.jpg)
次は、作成したプライバシーポリシーをWordPressのフッターに設定します。
7.左サイドバーにある「外観」→「メニュー」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/04/%E3%83%95%E3%83%83%E3%82%BF%E3%83%BC%E8%A8%AD%E5%AE%9A.png)
8.メニュー名とメニューの位置を設定して「メニューを作成」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/04/%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E6%A7%8B%E9%80%A0-1024x433.png)
9.プライバシーポリシーにチェックをつけて「メニューに追加」をクリック→「メニューを保存」をクリックすれば完成です。
![](https://study.graceeight.com/wp-content/uploads/2023/01/メニュー.png)
WordPressテーマの設定
WordPressのテーマには、サイトの構成やデザイン、SEO対策など便利な機能がたくさん追加されています。テーマを決めていない場合はこちらに記事を参考にしてください。
不要なプラグインの削除
使用していないプラグインは、第三者からの攻撃を受ける対象となります。そのため、セキュリティ対策として削除しておくことが必要です。
1.左サイドバーにある「プラグイン」→「インストール済みのプラグイン」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/05/スクリーンショット-377.png)
2.削除するプラグインの「削除」をクリック→ポップアップが表示されるので「OK]をクリックすれば、プラグインが削除されます。
![](https://study.graceeight.com/wp-content/uploads/2023/01/スクリーンショット-24-800x372.png)
- Hello Dolly:削除して問題なし
- Akismet Anti-Spam(アンチスパム):Akismet Anti-Spam(アンチスパム )以外のスパム対策をする場合は削除して問題なし
- TypeSquare Webfonts for エックスサーバー:削除して問題なし
※Akismet Anti-Spam(アンチスパム)の削除を迷っている場合はこちらの記事をご覧ください。
サンプル記事の削除
WordPressをインストールしたときからあるサンプル記事は必要ないので削除します。
1.WordPress管理画面左にある「投稿」→「投稿一覧」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/05/スクリーンショット-381.png)
2.削除する記事の上にマウスを合わせてると「ゴミ箱へ移動」が表示されるのでクリックします。サンプル記事が削除されました。
![](https://study.graceeight.com/wp-content/uploads/2022/05/スクリーンショット-380.png)
サブドメインの初期設定(サイトのカスタマイズ)
サイトのカスタマイズやプラグインの追加など、サブドメインのブログ運営を行いやすくするための初期設定10項目について説明します。
決まっていない項目は、あとから設定しても問題ありません。
- アクセス解析ツールの設定
- SEO強化につながる「XML Sitemaps」の設定
- お問い合わせフォーム「Contact Form 7」
- 画像圧縮でSEO対策「EWWW Image Optimizer」の設定
- カテゴリーの設定
- プロフィールの設定
- コメント機能の変更(コメントが不要な場合)
- 記事内画像のサイズ設定
- サイトアイコンの設定
- サイドバーの設定
アクセス解析ツールの設定
無料アクセス解析ツール「Googleアナリティクス(GA4)」と「Googleサーチコンソール」を設定します。
Googleアナリティクスとは、サイトのアクセス状況を知ることができるツールです。Googleサーチコンソールとは、検索キーワードや表示回数などサイトへのアクセス前のデータを知ることができるツールです。
Googleアナリティクス(GA4)の設定
2.Googleアナリティクスのホーム画面左下の「管理」をクリックした後、アカウントを確認して「プロパティを作成」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2023/01/スクリーンショット-5-800x336.png)
3.プロパティの作成を行います。必要項目を記入して「次へ」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2023/01/アナリティクス(設定).png)
4.ビジネスの概要(業種・規模・利用目的)を選択して「作成」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/02/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-262.png)
5.「ウェブ」を選択します。
![](https://study.graceeight.com/wp-content/uploads/2022/05/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-408.png)
6.「サイトのURL」と「ストリーム名」を入力して、「ストリームを作成」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/05/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-410.png)
7.Googleタグの実装手順の画面が表示されますが、必要ないので閉じます。
![](https://study.graceeight.com/wp-content/uploads/2023/01/実装.jpg)
8.ウェブストリームの詳細に表示されている「G-○○○・・・」から始まる測定IDをコピーします。
![](https://study.graceeight.com/wp-content/uploads/2023/02/測定IDをコピー-800x282.png)
![](https://study.graceeight.com/wp-content/uploads/2022/08/kazuma.jpg)
Googleアナリティクス側での設定はここで終了です。次は、測定IDを「Cocoon」に貼り付けて測定を開始する設定を行います。
9.WordPressにログインします。左サイドバーの「cocoon設定」→「アクセス解析・認証」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2021/09/access.jpg)
10.Google Analytics設定の「GA4測定ID」にGoogleアナリティクスでコピーした測定IDを貼り付けます。
![](https://study.graceeight.com/wp-content/uploads/2023/01/測定IDを貼り付ける-800x246.png)
11.「変更をまとめて保存」をクリックすれば完了です。
※必須ではありませんが、「GA4のデータ保持期間の変更」と「GA4のアクセス解析の精度を高めるためにIPアドレス除外設定」も行っておくと役立つのでおすすめです。
Googleサーチコンソールの設定
1.サーチコンソールにアクセスして、「プロパティの追加」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2021/11/スクリーンショット-167.png)
2.プロパティタイプの選択画面から「URLプレフィックス」を選択、URLを入力して「続行」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2020/05/URL.png)
3.「所有権を自動確認しました」と表示されればサイトが無事に登録されました。データが反映されるまで待ちましょう。
Googleアナリティクス(GA4)とサーチコンソールを連携する
Googleアナリティクス(GA4)とサーチコンソールを連携します。サイトの訪問前と訪問後のデータを統合して把握することができるので利便性が向上します。
2.ホーム画面の「管理」をクリックします。リンクを作成するプロパティを選択して、「SearchConsoleリンク」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/02/SearchConsole%E3%83%AA%E3%83%B3%E3%82%AF-1024x536.png)
3.右上の「リンク」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/02/sa-tikonnso-rurinnku.png)
4.「アカウントを選択」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/02/%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%AE%E8%A8%AD%E5%AE%9A-1024x466.png)
5.リンクを作成するプロパティを選択してチェックを入れて「確認」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/02/GA4%E3%83%AA%E3%83%B3%E3%82%AF-2-1024x296.png)
6.リンクするプロパティが表示されていることを確認して、「次へ」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/05/%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%99%E3%82%8B%E3%83%97%E3%83%AD%E3%83%91%E3%83%86%E3%82%A3-1024x272.png)
7.ウェブストリームと書かれている横の「選択」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/02/%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B9%E3%83%88%E3%83%AA%E3%83%BC%E3%83%A0%E9%81%B8%E6%8A%9E-1024x289.png)
8.プロパティ名の上にカーソルを合わせてクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/05/%E3%83%87%E3%83%BC%E3%82%BF%E3%82%B9%E3%83%88%E3%83%AA%E3%83%BC%E3%83%A0%E3%81%AE%E9%81%B8%E6%8A%9E.png)
9.リンクするウェブストリームが表示されていることを確認して、「次へ」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/05/%E3%83%87%E3%83%BC%E3%82%BF%E3%82%B9%E3%83%88%E3%83%AA%E3%83%BC%E3%83%A0%E6%AC%A1%E3%81%B8-1024x281.png)
10.内容を確認して、問題がなければ「送信」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/05/%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B9%E3%83%88%E3%83%AA%E3%83%BC%E3%83%A0%E9%80%81%E4%BF%A1-1024x397.png)
11.「リンク済み」と表示されていれば、GA4とGoogleサーチコンソールの連携が完了しました。
![](https://study.graceeight.com/wp-content/uploads/2022/05/%E3%83%AA%E3%83%B3%E3%82%AF%E4%BD%9C%E6%88%90%E6%B8%88%E3%81%BF-1024x271.png)
12.Googleサーチコンソールのリンク内容が表示されるようになりました。
![](https://study.graceeight.com/wp-content/uploads/2022/05/%E3%83%AA%E3%83%B3%E3%82%AF%E5%86%85%E5%AE%B9-1-1024x236.png)
SEO強化につながる「XML Sitemaps」の設定
![](https://study.graceeight.com/wp-content/uploads/2022/06/XMLプラグイン画像.png)
XML Sitemaps(旧Google XML Sitemaps)は、自動でXMLサイトマップを作成して、検索エンジンにサイトの情報を伝えるプラグインです。
1.WordPress左サイドバーの「プラグイン」→「新規追加」をクリックします。
プラグインの検索に「XML Sitemaps」または、作者名の「Auctollo」と入力します。
![](https://study.graceeight.com/wp-content/uploads/2022/06/XML%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3-1024x433.png)
2.XML Sitemapsのプラグインが表示されるので「今すぐインストール」→「有効化」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/06/XML%E6%9C%89%E5%8A%B9-1.png)
3.WordPress左サイドバーの「設定」→「XML-Sitemap」を選択します。
![](https://study.graceeight.com/wp-content/uploads/2022/08/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-458.png)
4.画像のように設定を変更していきます。※書いていない画面は初期設定のままで問題ありません。
①基本的な設定:サイトマップの正確な場所を伝える設定
![](https://study.graceeight.com/wp-content/uploads/2020/05/sitemap-9-1.png)
1.Googleアナリティクス4にアクセス
2.左下にある「管理」→「データストリーム」→サイトのURLが書かれた行をクリック
※設定するプロパティ名であることを確認する
![](https://study.graceeight.com/wp-content/uploads/2022/06/sitemap-4-1-1024x240.png)
3.測定IDをコピーする
![](https://study.graceeight.com/wp-content/uploads/2022/08/sitemap-8-1024x189.png)
②投稿の優先順位
![](https://study.graceeight.com/wp-content/uploads/2022/12/%E5%84%AA%E5%85%88%E5%BA%A6.png)
「Do not use automatic priority calculation(優先順位を自動的に計算しない)」にチェックします。
③Sitemapコンテンツ:検索エンジンに伝えるコンテンツの設定
![](https://study.graceeight.com/wp-content/uploads/2022/12/%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84-800x402.png)
④Change Frequencies:更新の頻度を検索エンジンに伝えるための設定
![](https://study.graceeight.com/wp-content/uploads/2022/12/%E6%9B%B4%E6%96%B0-800x377.png)
設定の更新頻度は考慮されるだけのようです。サイトに合わせて変更して問題ありません。
⑤優先順位の設定:サイト内の優先順位を設定
![](https://study.graceeight.com/wp-content/uploads/2022/12/%E5%84%AA%E5%85%88%E9%A0%86%E4%BD%8D%E3%81%AE%E8%A8%AD%E5%AE%9A-800x559.png)
自身のサイトの重要度に合わせて数字は変更して問題ありません。
6.最後に「設定を更新」をクリックします。XMLサイトマップの作成が完了しました。
![](https://study.graceeight.com/wp-content/uploads/2022/08/kazuma.jpg)
XMLサイトマップの作成後は、Googleにサイトマップの存在を知らせるためにサーチコンソールに登録します。
7.Googleサーチコンソールにログインします。
8.設定するサブドメインを選択して「サイトマップ」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2023/01/sitemap.png)
9.新しいサイトマップの追加に「sitemap.xml」と入力して、「送信」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/06/XML%E3%82%B5%E3%82%A4%E3%83%88%E3%83%9E%E3%83%83%E3%83%97%E3%81%AE%E9%80%81%E4%BF%A1-1024x205.png)
10.「サイトマップを送信しました」と表示すれば完了です。OKをクリックします。
11.続けて、新しいサイトマップの追加に「sitemap.xml.gz」「feed」「feed/atom」と入力して、それぞれ送信します。
![](https://study.graceeight.com/wp-content/uploads/2020/05/gz.feed%E9%80%81%E4%BF%A1-1024x476.png)
- 「sitemap.xml.gz(圧縮されたサイトマップ)」:軽量化したファイルなので記事のインデックスを早めることができる
- 「feed」「feed/atom」:最新記事を効率よく検索エンジンに伝えることができる
7.4つのサイトマップの送信が終われば、Googleサーチコンソールの登録が完了です。
![](https://study.graceeight.com/wp-content/uploads/2022/06/%E9%80%81%E4%BF%A1%E3%81%95%E3%82%8C%E3%81%9F4%E3%81%A4%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88%E3%83%9E%E3%83%83%E3%83%97-1024x440.png)
お問い合わせフォーム「Contact Form 7」
![](https://study.graceeight.com/wp-content/uploads/2021/06/コンタクト.png)
お問い合わせフォームを設置する場合のみ設定します。
≫≫Contact Form 7でお問い合わせフォームを作成する方法
お問い合わせフォームが完了しました。しかし、このままでは大量のスパムメール(迷惑メール)が届く危険性があるのでスパム対策を行います。
≫≫Contact Form7にreCAPTCHAv3を設定してスパム対策する方法
画像圧縮でSEO対策「EWWW Image Optimizer」の設定
「EWWW Image Optimizer」は、WordPressに画像をアップロードするたびに自動で画像圧縮やWebP画像へ変換してくれるプラグインです。画像が軽量化されSEO対策につながります。
1.WordPress左サイドバーの「プラグイン」→「新規追加」をクリック
検索窓に「EWWW Image Optimizer」と入力→「今すぐインストール」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/01/%E7%94%BB%E5%83%8F%E5%9C%A7%E7%B8%AE2-1024x456.png)
2.EWWW Image Optimizer を「有効化」します。
![](https://study.graceeight.com/wp-content/uploads/2022/01/%E7%94%BB%E5%83%8F%E5%9C%A7%E7%B8%AE3.png)
3.WordPress左サイドバーの「設定」→「EWWW Image Optimizer」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/01/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-168.png)
4.「サイトを高速化」にチェック、「今は無料モードのままにする」を選択→「次へ」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/01/%E7%94%BB%E5%83%8F%E5%9C%A7%E7%B8%AE4.png)
※「activate 5x more optimization and priority support」を選択すると有料プランになるので注意してください。
5.「遅延読み込み」のチェックをはずして、「設定を保存」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2023/01/プラグイン.png)
WordPress5.5以降に画像の読み込み遅延(Lazy-load)が標準搭載されているので、チェックをするとエラーが起こる可能性があります。
6.「完了」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/01/%E7%94%BB%E5%83%8F%E5%9C%A7%E7%B8%AE7-1-1024x411.png)
7.「Enable Ludicrous Mode」をクリックして、設定の変更を行います。
![](https://study.graceeight.com/wp-content/uploads/2022/01/%E7%94%BB%E5%83%8F%E5%9C%A7%E7%B8%AE8-1024x188.png)
8.「基本」設定は先ほど行っているので、2つの項目にチェックが入っているかを確認します。
![](https://study.graceeight.com/wp-content/uploads/2022/06/%E7%94%BB%E5%83%8F%E5%9C%A7%E7%B8%AE%E4%BF%AE%E6%AD%A3.png)
9.「変換」タブをクリックします。
「変換リンクを非表示」にチェック→下にある「変更を保存」をクリックすれば設定が完了です。
![](https://study.graceeight.com/wp-content/uploads/2022/01/%E7%94%BB%E5%83%8F%E5%9C%A7%E7%B8%AE10-1024x232.png)
![](https://study.graceeight.com/wp-content/uploads/2022/08/kazuma.jpg)
次はWebP画像をブラウザに表示できるように、エックスサーバーで「.htaccess」ファイルの編集を行います。
10.EWWW Image Optimizerの「基本」タブをクリックして、「WebPの配信方法」の下に表示されているコードをすべてコピーします。
![](https://study.graceeight.com/wp-content/uploads/2022/01/%E7%94%BB%E5%83%8F%E5%9C%A7%E7%B8%AE%E3%83%AA%E3%83%A9%E3%82%A4%E3%83%88%E3%83%AB%E3%83%BC%E3%83%ABPNG-1024x374.png)
11.エックスサーバー の「ファイルマネージャー」にログインします。
![](https://study.graceeight.com/wp-content/uploads/2022/01/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-180.png)
12.①サブドメインを設定している「ドメイン」→②「public_html」→③設定したい「サブドメイン」→④「.htaccess」→⑤「編集」を順番にクリックしていきます。
![](https://study.graceeight.com/wp-content/uploads/2022/01/%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%83%9E%E3%83%8D%E3%83%BC%E3%82%B8%E3%83%A3%E3%83%BC%E7%B7%A8%E9%9B%86.png)
13.先ほどコピーしたコードを一番上に貼り付けて、「更新」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/06/%E8%A8%AD%E5%AE%9A%E3%81%AE%E5%A4%89%E6%9B%B43-1-1024x684.png)
14.再び、EWWW Image Optimizerの「基本」設定画面 を表示してページを更新します。
先ほどまでコード右下に赤色で「PNG」と表示されていた文字が、緑色で「WebP」と表示されていればWebP画像の設定が完了です。
![](https://study.graceeight.com/wp-content/uploads/2022/01/WebP%E5%A4%89%E6%8F%9B%E6%96%87%E5%AD%97-1024x92.png)
カテゴリーの設定
カテゴリーを設定すると記事が整理されて、訪問者の利便性が向上します。
1.左サイドバーの「投稿」→「カテゴリー」
「名前・スラッグ・親カテゴリー・説明」を入力して、「新規カテゴリーを追加」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2023/01/スクリーンショット-12-800x528.png)
- 名前:サイトに表示されるカテゴリー名を入力
- スラッグ:英数字とハイフンで入力
- 親カテゴリー:階層構造を作成しない場合は「なし」にしておく
- 説明:必要なければ空白のままで問題なし
![](https://study.graceeight.com/wp-content/uploads/2022/08/kazuma.jpg)
同じように1つずつカテゴリーを作成していきます。カテゴリー作成後は、カテゴリーをヘッダーに設定します。
3.左サイドバーの「外観」→「メニュー」
メニュー名とメニューの位置を設定して「メニューを作成」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2023/01/スクリーンショット-9-800x464.png)
4.表示させたいメニュー項目(カテゴリー)にチェックをつけて、「メニューに追加」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2021/11/%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC2-1024x470.png)
5.「メニューを保存」をクリックすれば完成です。
![](https://study.graceeight.com/wp-content/uploads/2021/11/%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC3-1-1024x538.png)
表示させる順番を変更したい場合は、ドラッグしてメニュー項目を入れ替えます。
プロフィールの設定
※プロフィールには画像を設定することができます。まだ画像を作成していない場合は「プロフィール画像作成のおすすめ5選」をご参照ください。
1.左サイドバーの「外観」→「ウィジェット」→「プロフィール」→設置したい場所を選ぶ→「ウィジェットを追加」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2023/01/スクリーンショット-13-800x554.png)
2.タイトルを入力して「保存」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2021/08/プロフィール追加-1024x456.png)
3.同じプロフィール設定にある 「あなたのプロフィール」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2021/08/プロフィール次へ.png)
4.連絡先情報のURLを記入すると、SNSページをボタン表示できます。
![URL](https://study.graceeight.com/wp-content/uploads/2021/08/URL.png)
連絡先情報のURLは、投稿ページなどに表示されるフォローボタンにも利用されます。SNSページがない場合や表示したくない場合は空白にしておきます。
5.「プロフィール情報」には、紹介文を記入します。
![プロフィール情報](https://study.graceeight.com/wp-content/uploads/2021/08/プロフィール情報-1-1024x162.png)
6.プロフィール画像をアップロードします。「選択」をクリックして、作成した画像ファイルをアップロードします。
![](https://study.graceeight.com/wp-content/uploads/2021/09/%E3%83%97%E3%83%AD%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E7%94%BB%E5%83%8F%E9%81%B8%E6%8A%9E.png)
※プロフィール画像の最適サイズ:240ピクセルの正方形
7.「プロフィールを更新」をクリックすれば完成です。
コメント機能の変更
初期設定では、ユーザーからコメントが許可されています。コメントが不要な場合はコメントを無効にします。
左サイドバーの「設定」→「ディスカッション」
「新しい投稿へのコメントを許可」のチェックをはずす→「設定を変更」をクリックをクリックします。
![](https://study.graceeight.com/wp-content/uploads/2023/01/コメント-1-800x166.png)
記事内画像のサイズ設定
コンテンツ幅に合わせた記事内の画像サイズを設定します。
※コンテンツ幅はWordPressテーマによって異なるので、「Cocoon」以外はお使いのテーマをご参照ください。
WordPress左サイドバー「設定」→「メディア設定」
![](https://study.graceeight.com/wp-content/uploads/2023/01/cocoon画像サイズ-800x468.png)
画像サイズを変更後は「変更を保存」を忘れずにクリックします。
サイトアイコンの設定
![](https://study.graceeight.com/wp-content/uploads/2022/09/%E3%82%B5%E3%82%A4%E3%83%88%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png)
サイトアイコンとは、ブラウザのタブやスマホのホーム画面などに表示される画像です。
1.左サイドバー「外観」→「カスタマイズ」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2021/04/%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E8%A8%AD%E5%AE%9A1.png)
2.「サイトの基本情報」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2021/09/%E3%82%B5%E3%82%A4%E3%83%88%E5%9F%BA%E6%9C%AC%E6%83%85%E5%A0%B1.png)
3.「サイトアイコンを選択」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2021/09/%E3%82%B5%E3%82%A4%E3%83%88%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%82%92%E9%81%B8%E6%8A%9E.png)
※サイトアイコンの最適サイズ:512ピクセル以上の正方形
4.設定する画像を選んで「選択」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2021/09/%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E8%A8%AD%E5%AE%9A4-1.jpg)
5.「公開」をクリックすれば、サイトアイコンの設定が完了です。
![](https://study.graceeight.com/wp-content/uploads/2021/09/%E5%85%AC%E9%96%8B.png)
サイドバーの設定
サイドバーは、ウィジェット機能を利用して設定します。初期設定で表示されている項目があるのでサイトに適した項目に変更します。
1.左サイドバーにある「外観」→「ウィジェット」をクリックします。
![](https://study.graceeight.com/wp-content/uploads/2022/04/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-342.png)
2.「利用できるウィジェット」の中から設定したいウィジェットを選んで、表示したい場所へドラッグ&ドロップします。
![](https://study.graceeight.com/wp-content/uploads/2022/11/%E3%82%A6%E3%82%A3%E3%82%B8%E3%82%A7%E3%83%83%E3%83%88%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%EF%BC%86%E3%83%89%E3%83%AA%E3%83%83%E3%83%97-1-800x367.png)
3.選んだ場所にウィジェットの詳細を設定する画面が表示されます。必要項目を入力して「保存」をクリックすれば完成です。
サブドメインの設定方法と初期設定まとめ
WordPressのサブドメインの設定方法とブログ運営に必要な初期設定の説明は以上です。
サブドメインの初期設定は多くて大変です。しかし、設定を行うのと行わないのではブログ運営の利便性や手間に違いが出てきます。できるだけ早いうちに完了させておくことがおすすめです。
WordPressは無限にカスタマイズができます。紹介したカスタマイズはほんの一部です。まだまだ設定できる項目がたくさんあるので、記事を書きながら少しずつ自分の思うようなサイトを作り上げていってください。
サブドメインの初期設定が完了すれば、続けて「Cocoon」のおすすめ初期設定を行います。「Cocoon初期設定」も終われば、記事を書く準備万端は整います。
コメント