Webの最新トピックを配信中!

ロリポップでレンタルサーバーを契約してWordPressをインストール方法を解説


レンタルサーバー『ロリポップ』の契約方法と、WordPressのインストール方法を解説します。
独自ドメインも同時に取得し、無料のSSL化も行います。作業時間は約30分〜1時間ほどです。

ちなみに僕のこのサイトもロリポップを使っています。激安で高速にサクサクと表示されて快適です。
『ロリポップ』はこちら

ロリポップを契約する方法

『ロリポップ』にアクセスします。


こちらがトップページです。右上の「お申込み」ボタンをクリックします。

1. 料金プランを選択

料金プランが表示されます。基本的にはライトプランでOKです。

WordPressのインストールはライトプラン以上で可能です。どのプランを選ぶかですが、例えばポートフォリオサイトを1サイトだけ運営するならライトプランでOKです。

ここでは、ライトプランを12ヶ月契約する流れで進めていきます。12ヶ月以上の契約をすると無料の独自ドメインがずっと使えてお得だからです。独自ドメインは自分で契約すると「.com」で年間600〜1000円程度の費用がかかります。

ちなみに、僕のこのサイトは「スタンダード」プランです。
ライトプランとスタンダードプランの違いはいくつかありますが、一番大きな違いが作成可能なデータベース数です。ライトプランはデータベースを1個、スタンダードプランは50個までデータベースを作れます。できれば、1つのWordPressサイトに1つのデータベースを割り当てたいので、もし1つのサーバーの中で、複数のWordPressサイトを運営したい場合は、スタンダードプラン以上にしましょう。僕がスタンダードプランにしている理由は、このサイト以外にも2つのWordPressサイト(自分のポートフォリオサイト等)が入っているからです。
もし、LightSpeedという最新の技術を使った超高速プランを試してみたければ、「ハイスピードプラン」も検討してみましょう。

料金プランを決めたら、「10日間無料でお試し」をクリックします。

2. アカウント名やパスワードを登録

アカウント名やパスワード、独自ドメイン取得のための情報などを入力していきます。


「ロリポップのドメイン!」には、お好きな文字を入力してOKです。今回は「12ヶ月契約で独自ドメインがずっと無料」サービスを利用し、独自ドメインを同時に取得するため、ここで設定した「ロリポップのドメイン!」はURLには使われません。あくまでアカウント名として使われます。


「利用する」にチェックを入れます。
注意書きをしっかり読んでおきましょう。ここで独自ドメインを取得すると、10日間の無料お試しが無くなります。代わりに契約期間がプラス10日間増えます。

ここで「利用する」にチェックをしなかった場合、独自ドメインの取得に時間がかかってしまいます。10日間の無料お試しが終わりさらに7日間経った後に独自ドメインを無料で取得できるクーポンがもらえます。しばらくお試しをしたい方はそれでもOKですが、すぐにでも自分のサイトを構築したい人は、ここで同時に無料の独自ドメインも取得しておきましょう。

取得する独自ドメイン(URL)を入力します。ここが一番考えちゃうところですよねw変更はできないのでじっくり考えましょう。
僕のポートフォリオサイトの場合は、シンプルにsho-portfolio.comとしています。shoは僕の名前です。

ロリポップの提携サービスである「ムームードメイン」のための新規ユーザー登録もここでします。メールアドレスとパスワードを登録しましょう。

すべて入力したら「規約に同意して本人確認へ」をクリックします。

3. SMS認証による本人確認


電話番号を入力し、「認証コードを送信する」をクリックします。

スマホのSMSで認証コードが送られてきます。


認証コードを入力し、「認証する」をクリックします。

4. 名前や住所の登録

SMS認証が完了したら、契約に必要な情報を入力していきます。


名前や住所、クレジットカードの情報などを入力していきます。


独自ドメインを取得する場合は、名前や住所の英語情報も必要になります。ふだん住所をローマ字で書かないので一瞬戸惑いますね…。そのままローマ字にすればOKです。


契約期間はここでは「12ヶ月」を選択します。


有料オプションは今まで僕は追加したことはありません。特に希望が無ければチェックせずでOKです。

すべて入力したら「お申込み内容確認」をクリックします。


契約内容に問題がなければ、ページ下のボタンをクリックします。


これで契約は完了です!ここまでお疲れさまでした。

続いて、WordPressのインストールを行います。このまま「ユーザー専用ページにログインする」をクリックします。

URLのSSL化をしよう

上で「ユーザー専用ページにログインする」をクリックすると、ロリポップの管理画面に移動します。

まずは取得した独自ドメインを確認


「独自ドメインを確認する」をクリックしてみましょう。


取得した独自ドメインが表示されているはずです。レンタルサーバーの契約と同時に独自ドメインも取得できてラクですね。

無料のSSL化をする

次にセキュリティ対策のSSL化をしましょう。URLのhttpをhttpsにします。これをしていないとChromeブラウザで「保護されていない通信です」とアラートが表示されてしまうため、必須の作業です。

管理画面のトップページに戻ります。


トップページの中段くらいにある「無料独自SSLを設定する」をクリックします。


SSL化するドメインにチェックを入れます。www有りのURLの方にもチェックを入れます。
「独自SSL(無料)を設定する」をクリックします。


SSL設定作業中と表示されるので、コーヒーを飲んだりしつつ10分ほど待ちます。ページを閉じたり別のページに遷移しても大丈夫です。


10分ほど待つと完了しています。「SSL保護有効」の表示になりました。
これでSSL化は完了です!

WordPressのインストール方法

最後に、WordPressのインストールをします。

WordPressのインストール手順


トップページの「WordPressをインストール」をクリックします。


WordPressのインストール先を設定します。ここはそのままでOKです。


サイトのタイトル、WordPressにログインするためのユーザー名とパスワード(後で必要になるのでメモしておきましょう)、メールアドレスを入力します。

サイトのタイトルは後で変更できるのでここでは適当でOKです。
WordPressのバージョンはその時の最新のバージョンが自動でインストールされます。

「入力内容確認」をクリックします。


入力内容の確認です。「承諾する」にチェックを入れて「インストール」をクリックします。


これでWordPressのインストールが完了しました。あっという間にインストールされました。

よく見るとこの時点ではURLがhttpですよね。次に、これをhttpsに変更します。

WordPressにログインして、http→httpsに変更する

WordPressの管理画面にログインして、httpをhttpsに変更します。


管理者ページURLをクリックします。WordPressのログインページに移動します。


これがWordPressのログインページです。


URLを見てみると、この時点では「保護されていない通信」と表示されています。

先ほどメモしておいたユーザー名とパスワードを入力してログインします。


これがWordPressの管理画面です。


管理画面の左側のメニューの【設定】にマウスオーバーして【一般】をクリックします。


「WordPressアドレス」「サイトアドレス」のURLがhttpになっています。これを書き換えます。


httpに「s」を足して「https」に書き換えてください。ページ一番下の「変更を保存」をクリックします。


すると、自動でログアウトされます。

URLを見てみましょう。

鍵のアイコンが表示されていたら、ちゃんとSSL化されています。

サイトの方も見てみましょう。


WordPressのデフォルトテーマが適用されています。

これでWordPressのインストールは完了です。お疲れさまでした!

『ロリポップ』

コラム①:Webデザイナーを強くオススメする理由

エンジニアになるのは本当に難しいです。
だからこそ、このサイトでは、Webデザイナーになることを強くオススメしています。

でも、もし、エンジニアになれれば、月収100万円以上も可能です。実際に僕の友人も軽く年収1000万円は超えています。

ほとんどの人がエンジニアにはなれないので、30〜40万円以上はする高額なプログラミングの学校に行くのはお金をドブに捨てる可能性があります。
どうしてもエンジニアになりたい方は、無料でプログラミングを学べるProEnginner開講の学校『プログラマカレッジ』に行きましょう。プログラマカレッジは、学校&就職支援の一体型サービスです。ここは本当にありがたい存在です。ソーシャルゲーム大手企業で有給インターンまで可能です。
無料のプログラミング学校はもう一つ、『GEEK JOB』があります。就職率97.8%と驚異的な数字を出しています!よりエンジニア色の強いカリキュラムを受けたい場合はこちらを受講します。
2校ともオススメです。無料見学をしてみて自分に合いそうな雰囲気の学校を選びましょう。
この2つの学校のどちらかに通って、自分にエンジニアとしての素質があるのかチェックしてください。もし、あなたに才能があったら、最高にラッキーな人生です。20代のみ対象です。もし20代ならこのチャンスをぜひつかんでください。

参考記事 : なぜ「エンジニア」ではなく「Webデザイナー」をすすめるのか

無料のプログラミング学校『プログラマカレッジ』の詳細を読む
コラム②:正社員のWebデザイナーを強くオススメする理由

このサイトでは、
本当にWebデザインのスキルを磨きたいなら、未経験の方はまずはWeb制作会社に正社員で入社すること
を強くオススメしています。

Webの最先端に触れられるWeb制作会社に入社し、スキルをガッツリ高めてほしいです。そして、社内では、やはり派遣でもなく、アルバイトでもなく、長く在籍する可能性のある正社員にこそ成長できるお仕事を振ってくれるのです。派遣やアルバイトは、リンク張り替えやテキスト修正など成長しづらい作業をやらされがちです……。

未経験OKで正社員のWebデザイナー・フロントエンドエンジニア案件を多く保有しているのが、IT系に強いワークポートWebistです。 ※現在はコロナの影響でこの2つのエージェントですら未経験OKの求人が少ない状況です。ただ、少しでも選択肢を増やすために、また今後状況が改善されてきた時のために登録しておきましょう。 なぜワークポートは未経験者に大量の求人を紹介できるのか?その評判の秘密に迫る! ↑ワークポートさんに会ってきました!ねほりはほりと質問をぶつけています。ぜひ読んでみてください。

転職エージェントは複数登録しますが、ワークポートとWebistはそのうちのメインエージェントして必ず登録しましょう。

『ワークポート』公式サイトへ 『Webist』公式サイトへ
コラム③:WordPressでポートフォリオサイトを作ろう!
ポートフォリオ用WordPressテーマ PORTFOLIOベーシック
テーマ制作者の顔

ねこポン
(テーマ制作者)

「手軽に自分らしいポートフォリオサイトが作れたらなぁ」という想いでこのWordPressのテーマを作りました。今だけモニター価格で980円!で提供しています。

ぜひ、このテーマをテンプレートとして自分らしいポートフォリオを作ってみてください♪WordPressの学習にも最適です。

ご質問や感想など、お気軽にどうぞ!

みなさまからのコメントを元に記事を作成することありますので、あらかじめご了承ください。
メールアドレスが公開されることはありません。
こちらで承認後にコメントは表示されます。
* が付いている欄は必須項目です。

  • 管理人(ねこポン)について

    週3日だけ会社で働く30代前半ウェブデザイナーです!
    インテリ風&仕事できる風を醸し出す腕前では右に出る者はいませんが、電話すら怖くて取れないし、無断欠勤してしまい自宅に警察が来たほどのコミュ症ポンコツ人間です。
    現在Web業界5年目。事業会社とWeb制作会社のウェブデザイナーを経て、フリーランスになりました。

    ★ 僕の20代まるごと黒歴史ストーリー

    最近ちょこっと『月曜から夜ふかし』に出演しました↓

    ★ 『月曜から夜ふかし』にちょこっと出演したら『BizSPA!』さんにインタビューしてもらいました!

    お問い合わせはこちら

  • なんでもWebの質問受け付け中 (^o^) /♪

  • ポートフォリオ用WordPressテーマ作りました!PORTFOLIOベーシック
    スクール23校をまとめました!Webデザインスクール一覧

    おすすめのWebデザインスクール一覧

    おすすめのWebデザイン&プログラミングスクールを一部紹介!主要なスクール23校は『Webデザインスクールの一覧』でチェックしましょう。

    スクール名 料金 授業形式 ジャンル 就職支援

    求職者支援訓練
    ハロートレーニング
    無料
    (教材費のみ)
    通学
    (約6ヶ月/週4〜5日)
    Webデザイン ハローワークによるサポート
    プロによる総評

    一番おすすめのスクールは国の運営する求職者支援訓練(ハロートレーニング)です。授業料が無料!しかも約6ヶ月という期間がWebデザインの基礎スキルを習得するのに十分な長さです。僕自身も求職者支援訓練を経てWebデザイナーになりました。
    東京にはWebデザイナー系の訓練校は6校ほどあり、各地域にも1〜3校ほどは見つかるため、どんな人も通いやすいのもおすすめのポイントです。
    ふだん税金を払っているので、このようなスクールはしっかり活用させてもらいましょう笑。


    失業保険が受給できる方は職業訓練がおすすめです。期間が約3ヶ月と短くやや理解が浅くなる点は不安ですが、復習や独学で補えれば問題ありません。最近は数は2校ほどで少ないですが6ヶ月コースも登場しました!
    スクール名 料金 授業形式 ジャンル 就職支援

    LIG
    有料
    (¥450,000 〜)
    通学
    (6ヶ月)
    Webデザイン 転職セミナーあり/LIGへの採用実績もあり
    プロによる総評

    金銭的に余裕があればLIGを検討しましょう。超有名Web制作会社LIGによるWebデザインスクールです。現役のプロデザイナーが講師で、Mac&デュアルディスプレイという最新設備で学べます!LIG運営のコワーキングスペースも無料で使い放題。生徒のレベルによってはLIGへの就職も可能です。

    詳しくはこちら

    スクール名 料金 授業形式 ジャンル 就職支援

    デイトラ
    有料
    (¥89,800〜)
    オンライン
    (90日間/質問期間は1年)
    Webデザイン なし
    プロによる総評

    『デイトラ』はかなりコスパの高いオンライン完結型のWeb制作スクールです。格安ながらもデザインとコーディングのレビュー(添削)が受けられます。人気急上昇中でTwitterで受講生のツイートを見ない日はありません。「課題 + 課題のレビューあり + 質問し放題」というサービスを提供しています。

    デザイン力とコーディングスキルはレビューをしてもらってこそ急速に成長するため、かなりオススメのスクールです。というか今のところ低価格で他にデイトラのようなスクールが存在しないんですよね...。通学式のスクールに40、50万円も払う余裕はないけど、デザインやコーディングのレビューはしてほしい!という方はデイトラを受講しましょう。

    Twitter内にはデイトラの受講生がかなり多くいるので、一緒に学習を頑張る仲間も見つけられます。

    デザインを重点的に学びたい方は「Webデザインコース」、コーディングスキルを高めたい方は「Web制作コース」を受講しましょう。

    詳しくはこちら

    スクール名 料金 授業形式 ジャンル 就職支援

    Famm
    有料
    (¥162,800)
    オンライン
    (1ヶ月)
    Webデザイン なし(案件獲得サポートあり)
    プロによる総評

    ママさん専用Webデザインスクールです。現在はコロナでライブ配信授業が中心です。なんと授業中は自宅にシッターを手配してくれるのでしっかり集中できます。受講期間は1ヶ月で5日間という超短期間なので、忙しいママさんでも時間を確保しやすいです。生徒はママさんだけなので、ママさん同士の交流も楽しめます。

    詳しくはこちら

    スクール名 料金 授業形式 ジャンル 就職支援

    CodeCamp
    デザインマスターコース
    有料
    (¥148,000 〜)
    オンライン
    (2ヶ月〜)
    Webデザイン キャリア支援あり
    (就職エージェントの紹介)
    プロによる総評

    CodeCampはオンラインのWebデザインスクールです。低価格ながら講師から直接指導とフィードバックを受けられるのが最大の特長です!おすすめのコースは「デザインマスターコース」。コスパ重視で講師と対話しながら学びたい人に最適なスクールです。

    詳しくはこちら

    スクール名 料金 授業形式 ジャンル 就職支援

    プログラマカレッジ
    無料 通学 プログラミング あり
    プロによる総評

    『プログラマカレッジ』は20代限定の通学式で完全無料のプログラミングスクールです。無料なのでエンジニアになりたい方はぜひ挑戦してみてください。スクール側は就業先の企業からお金をもらうことで無料で運営をしています。とはいえ授業の質は高いと評判です。『プログラマカレッジ』の卒業生による体験談記事はこちらです。

    詳しくはこちら

    スクール名 料金 授業形式 ジャンル 就職支援

    GEEK JOB
    無料 通学 プログラミング あり
    プロによる総評

    上で紹介した『プログラマカレッジ』と同様の20代限定の通学式で完全無料のプログラミングスクールです。プログラマカレッジは決まった時間に通学しますが、GEEK JOBは個別指導なので自分のペースで通学できます。エンジニアになりたい方は、自分の生活スタイルに合わせてどちらのスクールに行くか検討してみましょう。就職率97.8%は驚異的です!

    詳しくはこちら

    Web制作会社を歩き回れるゲームを作ってみました!ぜひ探検してみてください。(注意:音が出ます!)

    一番上へ