WordPressで会社ホームページを作る手順まとめ【画像47枚使って解説】

HPの作り方 Wordpress ブログの始め方

WordPressで会社ホームページを作る手順まとめ【画像47枚使って解説】

ブログ初心者
ワードプレスで会社のホームページを作ってみたい。できればHPの作成依頼を出すのではなく自社で作りたいと考えているけど、どうやって作ったらいいんだろう?まったく作ったことがないんだけど、初心者でも簡単に作れるのかな?

こういった疑問にお答えします。

本記事を見て分かること

  • WordPress(ワードプレス)で作るホームページの基礎知識
  • WordPressで会社HPを作る手順➀【サーバー契約編】
  • WordPressで会社HPを作る手順②【ドメイン取得編】
  • WordPressで会社HPを作る手順③【Wordpressインストール編】
  • WordPressで会社HPを作る手順④【デザインテーマ導入編】
  • WordPressで会社HPを作った後の初期設定

今回の記事は、ワードプレス(WordPress)で会社ホームページを作る手順についてまとめています。

満を辞して会社を立ち上げたはいいものの、自社の顔となるホームページはどうやって作ったらいいのか、作ったことがない人からしたら分からないことだらけですよね。

ワードプレスを使えば簡単にホームページを作ることができますが、「なんだかめんどくさそう」と感じてしまう人も多いのではないでしょうか?

しかしすでに複数のサイトを運営している僕からすると、会社のホームページはちゃんと手順さえ間違わなければ、初心者でも最短で1〜2時間程度で作ることができます。

さらに自分でデザインや設定をしなくてはいけないとも考えがちですが、便利なデザインテンプレートもあるので会社側がイメージしているサイトを作ることも可能です。

今回はそんな意外と簡単にできる会社ホームページの作成手順を、画像つきでわかりやすく解説していきます。

ホームページの作成を依頼すると何十万〜何百万と請求される事例も少なくないので、自社でホームページを作って初期コストを抑えたいと考えている会社さんは、ぜひ最後までご覧ください。

ワードプレス(WordPress)で作るホームページの基礎知識

ワードプレス(WordPress)で作るホームページの基礎知識

WordPressで会社ホームページを作成していく前に、まずは簡単な基礎知識を覚えておきましょう。

そもそも会社のホームページを開設するのに何が必要なのか、簡単に解説していきます。

先にまとめると、会社のホームページ作成に必要なものは以下の通りです。

ブログ開設に必要なもの

  1. サーバー
  2. ドメイン
  3. CMS(Wordpress)
  4. WordPress専用デザインテーマ
  5. 初期設定

それぞれの役割を表すと、以下のようなイメージです。

会社ホームページ作成に必要なもの役割(イメージ)
サーバーネット上に土地を借りる
ドメインネット上に自分の住所を置く
ワードプレス(WordPress)ネット上の自分の土地に家を建てる
WordPress専用テーマホームページのデザインを決める
初期設定ホームページが正常に稼働するようにする
ラルク
Wordpressで作るホームページは、ネット上に土地を借りて(サーバー)住所を置き(ドメイン)、借りている土地の上に家を建てる(自社のHP)というのが基本的な流れです。

さらに家をリフォームしてきれいにデザインしたり(WordPress専用テーマ)過ごしやすい環境にする(初期設定)ことで、さらに会社のホームページをより良いものにしていけます。

ここまでなんとなくイメージが湧いてきましたか?

これら5つの項目をクリアできれば、Wordpressで会社のホームページを作っていくことが可能です。

WordPressで会社ホームページを作るまでの流れ

WordPressで会社のHPを作っていく基本的なイメージがついてきたところで、Wordpressを使ったHPを作っていくまでのおおまかな流れを解説します。

まとめると以下のような流れです。

  1. サーバーを契約する
  2. ドメインを取得する
  3. WordPressをインストールする
  4. WordPress専用のデザインテーマを導入する
  5. WordPressの初期設定を行う

上記の順番通りに進めていけば問題ありません。

焦って他の項目を先に選んでしまうとエラーを起こしてしまう可能性もあるので、必ず順番に従って設定を行ってくださいね。

そしてこれらの手順を終わらせるのは、だいたい2〜3時間ちょっとぐらい。時間に余裕がある時に行うのがおススメですね。

ラルク
それではイメージを具体化していくためにも、さっそくWordpressでホームページを作っていきましょぅ!

WordPressで会社HPを作る手順➀【サーバー契約編】

WordPressで会社HPを作る手順➀【サーバー契約編】

まずは、サーバーとの契約を交わしていきましょう。

日本にはさまざまなサーバーがありますが、今回は会社のホームページにおすすめのサーバーということで、僕ふくめて多くの企業が使っているXserver Business のx10プラン(スタンダードプラン)に加入する方法を紹介していきます。

エックスサーバービジネス(Xserver Business)がおすすめな理由

エックスサーバービジネス(Xserver Business)がおすすめな理由

先に結論として、エックスサーバービジネスが会社のホームページ作成におすすめな理由は以下の通りです。

  • 国内シェアNo.1のサーバー
  • 高速にサイトを表示してくれ、アクセスが集中しても安定している
  • 料金面やサービス面、機能性すべてを合わせても文句なし

上記の通り。

画像を見ていただくと分かりますが、国内シェアNo.1を誇っており、さらにはサーバー速度No.1でもあります。

ラルク
本サイトでも使っていますが、サクサク動き安心したサイト運営ができていますので安心してください。

今回はそんなエックスサーバービジネスでの契約までの手順を解説していきます。

まずは以下のリンクから、エックスサーバービジネスの公式サイトを開いてみてください。

Xserver Business にアクセスする
※クリックすると公式サイトへと飛びます。

手順➀エックスサーバービジネスの申し込みボタンを押す

Xserver Business 」にアクセスしたら、まずは「法人レンタルサーバー」というボタンを押していきましょう。

そうすると法人向けのレンタルサーバー画面に移行するので、申込ボタンをクリックします。

お申し込みフォームが出てくるので、「10日間無料お試し 新規お申込み」を押しましょう。

ラルク
最初の10日間は無料で作れるので、お試しで始めてみたいという人にも最適ですね。

次に希望するプランを選んでいきます。

  • サーバーID:これから作るホームページのIDです。特にそのままで問題ないので、変更しなくて大丈夫です。
  • プラン:小規模な会社を運営予定なら、『B10プラン』で問題ありません。『B20』や『B30』、『マネージド専用エントリー』、『マネージド専用ハイエンド』は大規模なサイト向けのプランです。後に変更も可能なので、最初は『B10プラン』を選んでいきましょう。
  • Xserverビジネスパートナーからご紹介のお客様:特に入力する必要はありません。ただし紹介コードがあるなら、入力してOKです。

入力が完了したら「Xserverアカウントの登録へ進む」というボタンをクリックして、申込フォームへと進みます。

申込フォームを開いたら、必要事項を順番に入力していきましょう。

必要な情報を入力したら「利用規約」「個人情報に関する公表事項」に同意する、という項目にチェックをつけて、「お申込み内容の確認へ進む」をクリックします。

すると以下のような画面が表示され、確認コードを入力してもらうように促されます。

先ほど入力したメールアドレス宛に、『認証コード』と数字が送られてくるはずなので、そのまま入力をして次へ進みましょう。

入力内容に間違いがないかを確認してくれるので、問題なければそのまま「SMS・電話認証へ進む」を押しましょう。

すると以下のような画面が出てくるので、XSERVERの認証に必要な「認証コード」を取得していきます。

  • 居住国を日本に設定し、右側に電話番号を入力
  • 認証コードを受信する方法を選択(スマホならテキストメッセージ(SMS)、固定電話なら「自動音声通話」がベターです!)
  • 「認証コードを取得する」をクリック

選択肢によって認証コードの取得方法が異なるので、以下を参考に自分がやりやすいやり方で取得をしていきましょう。

  • 『テキストメッセージで取得』にした場合:メール(SMS)で5桁のコードが送られてくるので、書かれている数字を入力しましょう。
  • 『自動音声通話で取得』にした場合:電話がかかってくるので、自動音声で聞き取った5桁のコードを入力しましょう。

取得した5桁のコードを空欄に入力し終えたら、『認証して申し込みを完了する』ボタンを押します。

ラルク
もしコードが取得できなくても、『認証コードを再取得する』をクリックすれば再度送られてきますので安心してくださいね。

以上で「サーバー=ネット上の住所」の設定が完了です。

これでネット上に自分の住所を持ったことになります。

最後には『【Xserver】■重要■サーバーアカウント設定完了のお知らせ[試用期間] 』というメールが届くので、必ずチェックをするようにしましょう。

メールを開くと以下のような画面が出てきます。

  • XserverアカウントID
  • メールアドレス
  • Xserverアカウントパスワード
  • ログインURL

これらは今後使用していくものになるので、大事に保管しておきましょう!

注意点:サーバー料金設定は必ず早めにしておきましょう

1つ注意点として、サーバーの設定が完了したら料金を早めに支払うのをおすすめします。

というのもエックスサーバーの無料利用期限が過ぎた場合、料金を支払っていないと使用不可になってしまいます。

そうなると今までの苦労がすべて水の泡となってしまうので注意が必要です。

ラルク
僕も一度サイトが使えなくなった時は、なぜ使えなくなったのか分かりませんでした。

しかし最初から料金設定をしておくことで解決できるので、これから本格的にサイト運営をしていくなら必ず申し込みを済ませておきましょう。

設定を行うために、まずはエックスサーバーアカウントの旧インフォパネルに進み、ログインをしていきます。

先ほど登録の際にメールで届いた内容の中に書いてあった『XserverアカウントID』と『Xserverアカウントパスワード』を入力していきましょう。

無事にログインが完了したら、『料金の支払い』または『料金のお支払/請求書発行』という項目をクリックします。

次に「お支払伝票の発行」という項目に進み、

  1. レ点のチェックをつける
  2. 希望する更新期間を選ぶ
  3. 「お支払い方法を選択する」というボタンをクリック

という流れで進めていきます。

ちなみに更新期間によって値段が異なります。

最初から会社ホームページを充実させる予定の方は、「12ヶ月」を選ぶほうがスタートダッシュをきりやすいです。

ちょっとお試しで始めてみたい、ということなら「3ヶ月」を選ぶのも問題ありません。

ラルク
ただし長期目線を考えているなら長めの期間を選んだほうが金額的にお得なので、自社の予算やサイトの方向性に合わせて選んでみてください。

最後に「お支払い方法を選択する」をクリックしたら、「お支払い方法の選択」という項目が出てきます。

支払い方法の種類

  • クレジットカード
  • 銀行振込
  • コンビニエンスストア
  • ペイジー

どれを選んでも問題ありませんが、クレジットカードの場合だとお支払金額の5%が戻ってくるので、もし持っているならクレジットカード払いをおススメします。

支払い方法によって異なりますが、クレジットカードの場合だとそれぞれの必要項目欄を入力し、『カードでのお支払い(確定)』のボタンをクリックすれば支払い完了です。

これでサーバーの設定が完了となります。

ラルク
お疲れ様でした。

次は『ドメイン取得編』に移りますが、ひとまず休憩をはさんでから次に進んでいきましょう。

WordPressで会社HPを作る手順②【ドメイン取得編】

WordPressで会社HPを作る手順②【ドメイン取得編】

続いてドメイン取得へと進んでいきましょう。

家(ホームページ)を建てるためには住所が必要になってくるので、ネット上の住所を用意するという意味で、ドメインとは必ず必要なものになってきます。

ドメインとは?

ドメインはサイトのURLのことを意味し、インターネット上の住所のようなもの。本ブログだと「blog-puro.com」という部分がドメインと呼べます。

ラルク
ドメインは自分で自由に決めることができるので、この時点で会社の名前が決まっているなら、そのまま会社の名前を起用するのもいいですね。

何はともあれ、まずは会社専用のドメインを取得していきましょう。

エックスサーバービジネスならドメインを無料で取得可能

エックスサーバービジネスにて契約した人は、特別に無料で独自ドメインを手に入れることができます。

ラルク
一般的にドメインを取得するには、高いもので1,000〜3,000円程度かかってくることもあるので、初期費用を抑えたい会社にはありがたいサービスですね。

詳しい取得方法は、「Xserverサポートサイト」にて詳しく書いています。
3分程度でドメインを簡単に取得できるので、会社に最適なドメイン名を選んでいきましょう。

ドメイン名は『co.jp』が無難

ちなみに会社のドメインを決定するなら、よっぽどの理由がない限り『co.jp』を選ぶのが無難です。

なぜなら

  • 日本の企業限定のドメイン名
  • ほとんどの上場企業が採用している
  • 企業サイトをみたときに信用されやすい

などの理由があるからです。

ラルク
新しい企業を作るなら、何より信用されることが重要となります。

信頼の高い『co.jp』のドメイン名を事前に登録し会社のEメールアドレスなどにすれば、起業後の事業もスムーズです。

ただし個人会社なのか大規模な会社なのかで変わってくることもあるので、ぜひ自社に最適だと思われるドメイン名を決めていきましょう。

ここまでで『ドメインを決定する』という項目が完了となります。

エックスサーバーにドメインを導入

次に選んだドメインをエックスサーバー内に導入していきます。

まずはエックスサーバービジネスの「サーバーパネル ログイン」画面を開きましょう。

ラルク
ちなみにもしエックスサーバーのトップ画面からログインをする場合は、「ログイン」という項目の中の「サーバーパネル」というボタンをクリックしましょう。

エックスサーバーのIDとパスワードが分からないという方は、慌てず「【Xserver】■重要■サーバーアカウント設定完了のお知らせというメールから、サーバーアカウント情報を見つけて入力していきます。

入力するとサーバーパネルにログインするので、「ドメイン」という項目欄の「ドメイン設定」をクリックします。

次に右側の「ドメイン設定追加」というボタンをクリックしましょう。

すると導入すべきドメイン名を聞かれるので、以下に従って入力を進めていきます。

  1. 取得したドメイン名を入力
  2. 『無料独自SSL』『高速化・アクセス拡張機能を有効にする』はチェックのままにしておく
  3. 「確認画面へ進む」をクリック
  4. 「ドメイン設定の追加(確定)」をクリック

以上で完了です。

ただおそらく以下の画像のように、ドメイン設定は完了したけど「無料独自SSLの設定に失敗しました」という注意文が出てくると思います。

ここでは慌てず、そのまま次の『独自SSLの設定をする』に進みましょう。

独自SSLの設定をする

ここまで進んでもWordpressをインストールすることもできますが、忘れないうちに独自SSLの設定をしておきましょう。

独自SSLとは?

「独自SSL=Secure Socket Layer」は独自ドメインに対して設定するSSLサーバー証明書のことで、簡単にいうと独自SSLを設定するだけでサイトの安全性を保障してくれる、と考えておいてください。

ラルク
サイト自体の安全性が保障されるわけなので、必ず設定をしておきましょう。

まずエックスサーバービジネスの「サーバーパネル」に向かいます。

次にドメインの項目欄から「SSL設定」というボタンをクリックしましょう。

ドメイン選択画面という表示がされたら、自分が選んだドメイン名を「選択」します。

そして「SSL設定」という画面が出たら、「独自SSL設定追加」をクリックしSSL設定をするドメインを選択します。

最後に「確認画面へ進む」をクリックし、「追加する」をクリックすれば設定完了です。

これで独自SSL設定がやっとこさ終了です。

ラルク
ここまで大変でしたね。

SSL設定が完了するまでには1時間ほどかかる場合もあるので、焦らず休憩をして気長に待ちましょう。

ちなみに完了したら以下のような画像が出てきます。

「すでに独自SSLが設定されています。」という欄が書かれていたら、独自SSLは完了しているという証拠です。

お疲れ様でした!

ラルク
ひとまず休憩をしてから、次の項目を読み進めてくださいね。

WordPressで会社HPを作る手順③【Wordpressインストール編】

WordPressで会社HPを作る手順③【Wordpressインストール編】

サーバーとドメインの準備が整ったら、いよいよWordpressのインストールに移ります。

ラルク
やっとですね。。。
でもあとちょっとです!頑張りましょう!!

ちなみにWordpress(ワードプレス)のインストールは、他の作業に比べて圧倒的に楽なので身構えずに読み進めてみてください。

ではさっそくまいりましょう!

まずはエックスサーバービジネスの「サーバーパネル」にログインをして、下の方にある「Wordpress」という項目から「Wordpress簡単インストール」ボタンをクリックしましょう。

ドメイン選択画面が出てくるので、設定したドメイン名を「選択」します。

次に「Wordpressインストール」のタブをクリックします。

するとWordpressインストールに必要な情報を入力する画面が出てきます。

ちなみに、以下の手順に従って入力すれば問題ありません。

Wordpressインストールに必要な情報入力内容

  • サイトURL:空欄のままでOK
  • サイト名:ホームページにつける予定のサイト名を入力
    (後から変更可能です。)
  • ユーザー名:Wordpressログイン時に使用するユーザー名を入力
    (覚えやすいユーザー名にしましょう。メモに残しておくと安心です。)
  • パスワード:Wordpressログイン時に使用するパスワードを入力
    (誰にもバレないパスワードにしましょう。メモに残しておくと安心です。)
  • メールアドレス:ご自身または会社のメールアドレスを入力。
    (エックスサーバーの契約時に使用したメールアドレスの方が分かりやすいです。)
  • キャッシュ自動削除:「ONにする」を選択
  • データベース:「自動でデータベースを生成する」を選択

すべて入力し終えたら、「確認画面へ進む」をクリックし「インストールする」をクリックしましょう。

インストールが完了したら、以下のように「インストール済みWordpress一覧」が表示され、Wordpress管理画面URLが表示されます。

そして「Wordpress管理画面URL」をクリックすると以下のような画面が出てきますので、先ほどの『Wordpressインストールに必要な情報』にて入力した、「ユーザー名」と「パスワード」を入力してログインをしましょう。

ココに注意

WordPress管理画面URLを開いたけど、中には上記の表示をされることがありますが心配する必要はありません。

WordPressが使えるようになるまで少し時間がかかりますので、慌てず1~2時間後に再度アクセスをしみましょう!

最終的に、以下のような画面が表示されていればWordpress導入成功です。

ラルク
これでついにWordpressデビューです!やりましたね!!

WordPressの管理画面はこれから頻繁に使うことになるので、ブックマークやお気に入り登録をしておきましょう。

ここまでできたら、あとはWordPress専用テーマを導入して初期設定を済ませれば、ホームページ自体は完成です。

日を改めて設定をするのもいいですが、「一気に終わらせたい!」思ったのでしたらそのまま次に進んでみましょう。

WordPressで会社HPを作る手順④【デザインテーマ導入編】

WordPressで会社HPを作る手順④【専用テーマ導入編】

次にWordpress専用のデザインテーマの設定を行っていきましょう。

デザインテーマの設定をすることで、サイト全体の色合いや見え方を変えることができるので大切な設定になりますね。

ちなみに、会社ホームページを作るのにおすすめのテーマは以下の通り。

上記のデザインテーマは、全て有料テーマです。

会社のホームページを作るなら有料テーマ一択

デザインテーマには有料と無料のテーマがあるのですが、綺麗なデザインの会社ホームページを作りたいと考えているなら、だんぜん有料テーマを選ぶべきです。

なぜなら有料テーマの方がデザイン性にあふれている反面、無料テーマはシンプルなデザインのものが多く、会社ホームページ作りには向いていないからです。

さらに有料テーマのほとんどは、サイトをネット上で検索してもらうためのSEO対策が施されており、ネット検索で上位検索を狙いたい会社にも最適な設定がされています。

HPを作ったからにはネットからの集客も考えていかなくてはいけないので、SEO対策がしっかりと取られている有料テーマを選んでいきましょう。

詳しいテーマの詳細は、以下の記事にて解説しているので、自社のホームページに合うかどうかチェックしてみてください。

注目
会社ホームページにおすすめWordPress用デザインテーマ3選
会社ホームページにおすすめWordPress用デザインテーマ3選

WordPressで会社HPを作った後の初期設定

WordPressで会社HPを作った後の初期設定

WordPressで会社のホームページを作り準備が整ったら、初期設定をしていきます。

開設後にすべき初期設定は以下の通りです。

Wordpress初期設定で必要な作業

  1. http→httpsへの変更
  2. http→httpsのリダイレクト設定
  3. パーマリンクの設定
  4. プラグインの導入
  5. Googleアナリティクスの設定
  6. Googleサーチコンソールの設定

初期設定は上記の手順で行っていけば問題ありません。

ラルク
それぞれの詳しい手順に関しては、「WordPress開設後の初期設定【20分ぐらいで終わります】」にて詳しく解説しているのでチェックしてみてください。

これらの初期設定が終わって、初めてホームページを綺麗にスタートさせることができます。

あとは自分の会社イメージに合うようなサイト作りを施していきましょう!

まとめ|会社ホームページを作ったらすぐスタートダッシュしよう!

会社ホームページを作ったらすぐスタートダッシュしよう!

これにてワードプレスで会社のホームページを作る方法の解説を以上とさせていただきます。

本当にお疲れ様でした!

ここからやっと自社の商品やサービスを紹介していくことができるので、ぜひすぐにでもスタートダッシュを決めていきましょう!

また本記事をみて会社ホームページを作りましたら、ぜひTwitter内で呟いてみてください。

Twitterは新しい事業を始める人や独立起業をした人を応援する風習があるので、たくさんの応援メッセージがくるはずです^^

ラルク
また僕のTwitter名(@raruku_hataraku)をツイート内にメンションしてくださったら、拡散リツイートをさせていただきます!

Twitterで書くこと

  • @raruku_hatarakuのメンションを付けてください。(通知が来なくて気付けないので)
  • サイトURLを添付し、どんな事業を展開していくのかを記載
  • 今後の意気込みなど一言添える

応援してくれる人を見つけるためには、まずはSNSを活用して宣伝活動していくのが一番です。

ぜひ自分の会社ホームページを作ったら、どんどん宣伝をしてみてくださいね!

それでは以上です。
ありがとうございました(^^)

-HPの作り方, Wordpress, ブログの始め方
-, , , , , , , , ,

Copyright© ブログのプロ【BLOG-PRO】 , 2020 All Rights Reserved Powered by AFFINGER5.