ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

PeaCie WordPress インストール WordPressサイト構築

町内会などの地域密着型ボランティア活動でパソコンやネット、アプリの使い方などを特に高齢者や女性向けに個別相談にのっていますが、この経験を活かしてネット上でユーザー参加型のPCファンサイトを構築中ですが?

はじめに

ユーザー参加型PCファンサイトをXserverWordPressで構築中ですが、その考え方と経緯を以下の記事で紹介しています。

前回は、「PeaCie」をサイトタイトルに決めて、独自ドメイン「peacie.fun」の取得を行いました。

今回はXserverのサーバーパネルから、ドメイン設定SSL設定を行い、WordPressの簡単インストールを行ったので紹介します。

★ WordPressを簡単インストール後に、企業向け無料テーマ「Lightning」のクイックスタートでプラグインやコンテンツも含めて簡単に雛形サイトを作る方法を以下の記事で紹介しています。

サーバーパネル

Xserverのアカウント画面にログイン後、「サーバー > 操作メニュー > サーバー管理」をクリック。

Screenshot 2020 02 29 at 12.00.02 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!
Screenshot 2020 02 29 at 12.02.29 1024x816 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

左下の「設定対象ドメイン」のメニューから対象ドメインを選びます。

Screenshot 2020 02 29 at 12.04.00 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

設定する」をクリック。

Screenshot 2020 02 29 at 12.04.25 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

画面の右上が以下のようになります。

Screenshot 2020 02 29 at 12.04.38 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

ドメイン」欄の「ドメイン設定」と「SSL設定」を行います。

ドメイン設定

ドメイン設定」をクリック。

Screenshot 2020 02 29 at 12.08.27 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

ドメイン設定追加」タブをクリック。

Screenshot 2020 02 29 at 12.09.39 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

確認画面へ進む」をクリック。私の場合はすでに設定済みなので以後は省略します。「ドメイン設定一覧」タブに戻ると1時間後までに設定が反映されますが、私の場合は翌日まで待ちました。

Screenshot 2020 02 29 at 12.11.32 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

SSL設定

サーバーパネル右上あたりの「ドメイン > SSL設定」をクリック。

Screenshot 2020 02 29 at 12.16.09 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

独自SSL設定追加」タブをクリック。

Screenshot 2020 02 29 at 12.17.28 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

私の場合はすでに設定済みなので上記のようになっています。

サイトのメニューから設定対象のドメインを選んで(通常1個しか表示されない)設定します。

SSL設定一覧」タブに戻ると以下のようになります。

Screenshot 2020 02 29 at 12.20.15 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

SSL用アドレス」の頭が「https://」になっているので確認してください。

この状態でリンクをクリックすると、以下のページが表示されます。

Screenshot 2020 02 29 at 12.22.24 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

まだWordPressをインストールしていないからですが、ドメイン名の左側に鍵マークが表示されているので、SSL通信により通信内容が暗号化されてセキュリティー通信になっていることがわかります。

SSLを導入せずに「http://」のままでブログやサイトを構築して多くの記事を投稿した後でSSL化を行うのは、けっこう(実作業より調査や手続きなどが)面倒になるので、できれば最初にやっておくことをオススメします。

私の場合は、無料ブログテーマ「Simplicity」と「Cocoon」を使ってSSL対応(簡易版)を使いましたが・・・

434d59cfdfaabd93a3300590cd69bc3f - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!
【HTTPS対応】WordPressブログの常時SSL化をSimplicityで簡単に行うには?!
ブログのHTTPS対応(常時SSL化)をズルズルと引き延ばしていましたが、WordPress無料テーマの「Simplicity」を使うと簡単にできることがわかり早速行ってみたので紹介します。いくつかの画像の貼り換えで手間取りましたが?

WordPressの簡単インストール

画面左下の「WordPress簡単インストール」をクリック。

Screenshot 2020 02 29 at 15.20.13 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!
Screenshot 2020 02 29 at 15.22.09 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

WordPressインストール」タブをクリック。

peacie wordpress 1 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

ブログ名」「ユーザー名」「パスワード」「メールアドレス」を入力して「確認画面へ進む」をクリック。

peacie wordpress 2 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

ここで念の為にメモを取るか、スクリーンショットを撮って保管しておいてください。

インストールする」をクリック。

peacie wordpress 3 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

数分でインストールが完了し上記の画面が表示されます。

この画面でのURLはSSLの「https://」になっていませんが問題ありません。

戻る」をクリック。

peacie wordpress 4 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

WordPressサイトの初期画面

サイトURL」のリンクをクリック。

peacie wordpress 5 1024x933 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

URLが「http://」だったので、ドメイン名の左側は「保護されていない通信」と表示されますが、URLの頭を「https://」に変えると以下となります。

peacie wordpress 6 1024x618 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

ドメイン名の左側が鍵マークに変わり、SSLで暗号化によるセキュリティー通信になっていることがわかります。

今後は「https://peacie.fun」でアクセスするようにします。

WordPress管理画面

ブラウザーの新しいタブを開き、URLに「https://peacie.fun/wp-admin」と入力してEnterキーを押します。

Screenshot 2020 02 29 at 15.51.56 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

WordPressインストールで設定したユーザー名パスワードログインします。

peacie wordpress 7 1024x584 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

今回はここまでにします。

右上のメニューからログアウトしておきます。

peacie wordpress 8 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!

まとめ

次回は、ビジネス向け無料WordPressサイトテーマ「Lightning」のインストールを行います。

e7bdc9598e0ecf588469eb8145d1bea5 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!
Lightning - 無料で使える超高機能WordPressテーマ
Lightningは、ホームページ制作の専門の知識がなくても集客に役立つホームページやブログが簡単に作れるように開発された無料のWordPressテーマです。

無料サーバー「XFREE」上で「Lightning」をインストールした例を以下の記事で紹介しています。

6af50c60bddc0566769b511e3a9afb59 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!
NPO法人のWebサイトを無料サーバーとWordPressで構築?!
3月に入会したNPO法人ナルク札幌(シニアサロンさくらんぼ)のWebサイトを無料サーバー「XFREE」とWordPressと無料テーマで構築中なので紹介します。思ったより使い勝手が良さそうですが?

ここから先は、無料/有料のブログ用テーマをインストールしてWordPressブログを構築することもできます。

以下の記事では無料ブログテーマ「Cocoon」で自動広告ワンクリックAMP化を実現した方法と結果を紹介しています。

0dd386810025ea92574400a7a52b7003 - ユーザー参加型WordPressサイト構築?XserverでWordPressを簡単インストール?!
CocoonでAMPと自動広告を導入?1週間でPV数と収益が40%アップ!
AMPと自動広告を導入するために、今まで使っていたWordPress無料テーマ「Simplicity」から後継の無料テーマ「Cocoon」に変更したので現状について紹介します。自動広告は従来から継承、AMPはワンクリックで実現。

ではでは、きらやん

(Visited 6 times, 1 visits today)

コメント