BLOG

WordPressで会員サイトを作る方法【プラグイン2つだけでOK】

kanri
本記事はこんな方にオススメです
  • 会員サイトを作成したいとお考えの方
  • WordPress中級者~上級者の方
    (初心者でも作成できますが、ちょっと難しいかもしれません。サポートも可能ですので、まずはお気軽にお問い合わせください。)
  • Webデザイナーを目指している方

今回は、WordPressを使って、会員サイトを作る方法について解説いたします。

WordPressのインストール方法については、下記記事をご覧ください。

あわせて読みたい
FTPソフトでWordPressをインストールする方法【3STEP】
FTPソフトでWordPressをインストールする方法【3STEP】
Contents
  1. 会員サイトにおすすめのWordPressテーマ
  2. WordPressテーマのインストール方法
  3. 会員サイトに必要なプラグイン
  4. プラグインのインストール方法
  5. カテゴリーの設定方法
  6. 固定ページの追加方法
  7. メディアの追加方法
  8. テーマのカスタマイズ方法
  9. ウィジェットの設定方法
  10. メニューの作成方法
  11. ユーザーの追加方法
  12. WordPressのその他設定方法
  13. 「LoginPress」プラグインの設定方法
  14. お問い合わせフォームの作成方法
  15. まとめ:会員サイトを作る際に必要なもの

会員サイトにおすすめのWordPressテーマ

会員サイトにおすすめのWordPressテーマは、「THE THOR(ザ・トール)」です。

ただ、このテーマは有料なので、他の無料テーマでも大丈夫です。

WordPressテーマのインストール方法

下記にて、テーマのzipファイルをWordPressにインストールする方法を解説します。

1.[外観]-[新しいテーマを追加]をクリック

2.[テーマのアップロード]をクリック

3.[ファイルを選択]-[今すぐインストール]をクリック

4.[有効化]をクリック

これでテーマのインストールは完了です!

会員サイトに必要なプラグイン

会員サイトを作成する際に必要なプラグインは2つです。

会員サイト用のプラグイン
  • LoginPress
    …ログイン画面をカスタマイズするためのプラグイン
  • Force Login
    …クローズドのサイトにするためのプラグイン、インストールするだけでOK
その他おすすめプラグイン
  • Advanced Editor Tools
    …エディタの拡張プラグイン
  • Classic Editor
    …旧エディタを使うためのプラグイン
  • Classic Widgets
    …旧ウィジェットを使うためのプラグイン
  • Contact Form 7
    …お問い合わせフォームプラグイン
  • UpdraftPlus
    …バックアッププラグイン
  • WP Multibyte Patch
    …日本語利用時のバグ修正・機能強化プラグイン
  • SAKURA RS WP SSL
    …(本サイトでオススメしているさくらインターネットサーバーの場合のみ)SSL化プラグイン

プラグインのインストール方法

早速、プラグインをインストールしてみましょう。

1.[プラグイン]-[新規プラグインを追加]をクリック

2.「LoginPress」と検索し、[今すぐインストール]をクリック

3.[有効化]をクリック

4.上記と同じ手順で、「Force Login」もインストールしてください

これでプラグインのインストールは完了です。

カテゴリーの設定方法

カテゴリーとは、投稿記事を分ける分類のこと。フォルダのイメージです。

1.最初の1個は、[投稿]-[カテゴリー]をクリックし、[未分類]をクリック

2.[名前]に任意のカテゴリー名を入力し、スラッグ(ページのURLのこと)に半角英数字で任意のURLを入力

スラッグは半角英数字とハイフンのみ使用可

3.下にスクロールし、[更新]をクリック

4.2個目からは、[投稿]-[カテゴリー]を開き、この画面で[名前]、[スラッグ]を入力し、[新規カテゴリーを追加]をクリック

カテゴリーはいくつでも追加できます。「親カテゴリー」を選択することで、親子関係にすることも可能です。

えりー
えりー

例えば、親カテゴリーは「ラーメン」、子カテゴリーは「味噌ラーメン」といった感じです。

固定ページの追加方法

増えないページ(例:運営者情報、プライバシーポリシー)は固定ページを使って作成します。

増えるページ(例:ブログ、お知らせ、実績)は投稿を使って作成します。

えりー
えりー

増えるか、増えないか、で変わります!例えば、運営者情報ページは基本的に1ページしか作らないので、固定ページでOKです。

固定ページも投稿も、作成方法はほぼ同じですが、ここでは固定ページを例に、作成方法を解説いたします。

1.[固定ページ]-[新規固定ページを追加]をクリック

2.タイトル・本文を入力し、[下書き保存]。
[パーマリンク]に日本語が入っている場合は、[編集]をクリックし、半角英数字のみに修正し、[下書き保存]。

《パーマリンクとは》

パーマリンクとは、固定ページのURLのこと。半角英数字とハイフンのみ使用できます。

《画像の挿入》

左上の[メディアを追加]ボタンから、画像を挿入することも可能です。

新規画像をアップロードする場合は[ファイルをアップロード]タブ、アップロード済の画像を使用する場合は[メディアライブラリ]タブをクリック。

画像を選んで、[固定ページに挿入]ボタンをクリック。

3.右下の[アイキャッチ画像を設定]をクリック

4.[ファイルをアップロード]タブをクリックし、[ファイルを選択]からアイキャッチ画像にしたい画像を選択

アイキャッチ画像とは、一覧ページに表示されるサムネイル画像のこと。テーマによっては、そのページの一番上に表示される場合もあります。

この画面上に画像をドロップしても構いません。

5.[公開]をクリック

これでページの公開ができましたので、実際にページを表示して見え方を確認してみましょう。

サンプルページは削除してOKです。[ゴミ箱へ移動]から削除することができます。

ゴミ箱に移動したページを復元することも可能です。ゴミ箱からも削除してしまうと復元はできません。

メディアの追加方法

固定ページや投稿からも画像をアップロードできますが、左側メニューの[メディア]からも画像をアップロードすることができます。

1.[メディア]-[新しいメディアファイルの追加]をクリック

2.[ファイルを選択]からアップロードしたいファイルを選択

このようにメディアをアップロードしておくことで、いつでも投稿や固定ページにて使うことができます。

投稿や固定ページで使用する際には、[メディアを追加]-[メディアライブラリ]タブから使用したいものを選択してください。

テーマのカスタマイズ方法

カスタマイズからWordPressテーマの様々な設定を行うことができます。

1.[外観]-[カスタマイズ]をクリック

※カスタマイズできる項目は、テーマによって異なります。

えりー
えりー

詳しくは、お使いのテーマのマニュアルをご覧ください。(マニュアルが無い場合もあります。)

画面右側に表示されるプレビューを確認しながら、色々触ってカスタマイズしてみましょう。

特にマニュアルが無い場合は、とにかく色々試してみるしかありません!このカスタマイズの部分は、適当に触ってもテーマが壊れるということはまずありませんので、ご安心ください。

2.設定が終わったら、左上の[公開]をクリック

サイトを表示して、見え方を確認しましょう。

ウィジェットの設定方法

ウィジェットとは、WordPressの機能を、好きなところに表示できる機能のこと。(例:サイドにメニューを表示する)

1.[外観]-[ウィジェット]をクリック

2.左側(赤枠)の中で追加したいウィジェットを、右側(青枠)の中の追加したいエリアにドラッグアンドドロップ

これで、ウィジェットの追加は完了です。サイトを実際に表示して、見え方を確認してみましょう。

メニューの作成方法

グローバルメニュー(画面の上部に表示されるメニュー)などの設定を行うことができます。

1.[外観]-[メニュー]をクリック

2.[メニュー名]に任意のメニュー名を入力し、[メニューの位置]で表示したい位置を選択、[メニューを保存]をクリック

3.左側の「メニュー項目を追加」欄から、メニューに追加したいページを選び、[メニューに追加]をクリック

作成したはずの固定ページが無い時は、[すべて表示]をクリックしてみてください。

投稿ページカテゴリーページは、下図の赤枠で囲ったところをクリックすると表示されます。

任意のURLを入力したいときには、カスタムリンクを選択してください。(例:外部サイトへリンクを貼りたい)

4.メニューの順序をドラッグアンドドロップで調整

追加したメニューの順番は、ドラッグアンドドロップで変更できます。

メニューの設定が終わったら、サイトを表示して、メニューの表示を確認してみましょう。

ユーザーの追加方法

会員に閲覧していただくためには、会員用のユーザーを追加する必要があります。

1.[ユーザー]-[新規ユーザーを追加]をクリック

2.①~⑤を設定し、[新規ユーザーを追加]をクリック

①[ユーザー名]→任意のユーザー名を入力
②[メール]→任意のメールアドレスを入力
(※すでに使っているメールアドレスは使えません。)
③[パスワード]→パソコンのメモ帳等にコピーして保存しておく
④[ユーザーに通知を送信]→チェックを外す
⑤[権限グループ]→「購読者」

あとは、設定したユーザー名とパスワードを、会員にメール等でお知らせしましょう。

WordPressのその他設定方法

1.[設定]-[表示設定]をクリック

2.必要に応じて、[1ページに表示する最大投稿数]を設定し、[検索エンジンでの表示]にチェック、[変更を保存]をクリック

[検索エンジンでの表示]にチェックを入れると、検索エンジン(Googleなど)で検索に引っかからないサイトを作成できます。

ただし、ここでの設定では完全にクローズドにすることはできないため、プラグイン「Force Login」が必要になります。

3.[設定]-[ディスカッション]をクリック

4.デフォルトの投稿設定のチェックをすべて外して、[変更を保存]をクリック

5.[設定]-[パーマリンク]をクリック

6.[カスタム構造]を選択、「/%category%/%post_id%/」と入力し、[変更を保存]をクリック

「利用可能なタグ」のボタンをクリックして入力も可能です。

「LoginPress」プラグインの設定方法

LoginPressでは、WordPressのログイン画面の設定をすることができます。

ここでは、あくまで一例ですが、オススメ設定をご紹介いたします。

えりー
えりー

英語なので、少々わかりづらいかもしれませんが、色々触って表示の変化を確認してみると良いと思います!

1.[LoginPress]-[Customizer]をクリック

2.[Logo]-[LogoImage]-[画像を選択]からログイン画面に表示するロゴを選択

3.[Background]-[Background Image]-[Select Image]からログイン画面の背景画像を選択

4.[Button Beauty]-[色を選択]からログインボタンの色を選択

5.[Form Footer]の選択はすべてOFFに

お問い合わせフォームの作成方法

お問い合わせフォームは「Contact Form 7」というプラグインを使用して設置します。

詳しくは下記記事をご覧ください。

あわせて読みたい
【コピペで簡単】WordPress『Contact Form7』の設定方法
【コピペで簡単】WordPress『Contact Form7』の設定方法

まとめ:会員サイトを作る際に必要なもの

とりあえず、会員サイトに必要なプラグインは下記2つだということだけ押さえておきましょう!

会員サイト用のプラグイン
  • LoginPress
    …ログイン画面をカスタマイズするためのプラグイン
  • Force Login
    …クローズドのサイトにするためのプラグイン、インストールするだけでOK

会員サイトにオススメのWordPressテーマはこちらです。

会員サイトにオススメのテーマ

「THE THOR(ザ・トール)」※有料

えりー
えりー

お金をかけたくないという方は無料テーマでももちろん大丈夫です!

空創デザインオフィスでは、WordPressを使った会員サイト作成、サポート、その他サイト制作なども承っております。下記よりお気軽にお問い合わせください。

ABOUT ME
えりー
えりー
Web・グラフィックデザイナー / ブロガー
2018年よりフリーランスWeb・グラフィックデザイナー 兼 ブロガーとして活動しています。
都内IT系企業にて研鑽を積んだ後、起業しました。
IT・デザイン業界歴は10年以上。
今までに関わらせていただいたクライアント様は300社以上となります。
ブログでは、自身の経験を元に、Web・グラフィックデザイン制作のことや、就職・転職のこと等の情報を発信しています。
少しでも読者の皆様のお役に立てれば幸いです!
error: Content is protected !!
記事URLをコピーしました