【初心者向け】WordPressでホームページを作る方法

WordPressのメリットは、以下の5点が挙げられます。

それぞれについてくわしく紹介しましょう。

WordPressのシステムや人気の理由についてよりくわしく知りたい方は以下の記事もご参考ください。

簡単にホームページを作成できるWordPressですが、以下のようなデメリットもあります。

それぞれについて具体的にみていきましょう。

まずは、ホームページのコンセプトを決めましょう。

たとえば、「商品を売りたい」「サービスを紹介したい」などです。

目指すものによってホームページの内容や構成が変わるので、コンセプトを決めることは重要になります。

また、ホームページの全体感のイメージをしておくことも大切です。

お気に入りのWebサイトを参考にして、ホームページのベースとなるカラーや背景色、ヘッダーのデザインや画像など、ある程度イメージしておくことをおすすめします。

次に、ホームページのサイト構成を決めましょう。

たとえば、ブログ風なのか、コーポレートサイト風なのかなど、どのように見せたいのかも重要になります。

ホームページには読者に伝えたい大量の情報がありますが、その情報をどうすれば効果的に来訪者に伝えられるのか、を考えるのです。

しかし、いきなりホームページの構成を決めるといっても、はじめてホームページを作る方にとっては想像すらできないことかもしれません。

今まで見てきたさまざまなホームページを参考にしながら、サイト構造のパターンをイメージしてみましょう。

たとえば、固定ページをトップにしたり、新着記事ページをトップにするなど、さまざまな構造パターンが可能です。

ホームページに使う文章（テキスト）はもちろん、画像や動画なども準備しましょう。

ホームページを運営するならテキストだけのページより、わかりやすい画像や動画を取り入れたほうがユーザーにとっても利便性が高いでしょう。

画像や動画は、テキストの内容を補足し、理解を促進することもできます。

たとえば、商品を売るページでは商品を使っている画像や動画を載せれば、「どう使うのか」「形や大きさはどうか」などがわかりやすくなります。

WordPressでは、画像や動画の挿入も簡単におこなうことができます。

WordPressでホームページを作成するには、まずレンタルサーバーを契約する必要があります。

さまざまなレンタルサーバーがあり、月額料金などにも違いがあるので、自分に合ったサーバーを選びましょう。

契約方法や操作方法は会社によって違うので、各レンタルサーバーのサポートに従いおこなってください。

流れとしては、以下のようになります。

次に独自ドメインの準備が必要になります。

ほとんどのレンタルサーバーでは、独自ドメインの取得が可能です。

• ※最近ではConoHa WINGのように、無料で独自ドメインを取得できるレンタルサーバーが増えてきました。

独自ドメイン取得の流れとしては、以下のようになります。

次にWordPressのインストールをおこないます。

インストール方法は、自動と手動の2通りです。

とくに理由がない限り、自動インストールができるレンタルサーバーを選ぶようにしましょう。

自動インストールは、WordPressを利用できるほとんどのレンタルサーバーで対応しています。

特徴は、初心者ユーザーでもマニュアルどおりに進めることで、迷わず簡単にWordPressをはじめられることです。

たとえばレンタルサーバー「ConoHa WING」では、独自ドメインの取得からSSL適用、WordPressのインストールまで一括でおこなえます。

手動インストールは、FTPクライアントソフトを使って、WordPressのプログラムをサーバーへアップロードする方法です。

初心者ユーザーにとってはわかりづらいのであまりおすすめはしません。

マニュアルが用意されていることがほとんどですが、簡単な方法ではないので、自動インストールを選択するのが無難でしょう。

WordPressのログイン画面は、初回はレンタルサーバーから移動できます。

しかし、ログインURLを忘れてしまうこともあるでしょう。

ログイン画面のURLはデフォルトで上記に設定されていますので、もしたどり着けなくなったら上記からアクセスしてみてください。

ログイン画面では、WordPressのインストール時に入力したユーザー名とパスワードでログインできます。

まず、レンタルサーバー側でSSL設定の証明書を取得します。

また、レンタルサーバーでは無料と有料のSSLがありますが、一般的なホームページを運営するなら、無料のSSLで問題ありません。

レンタルサーバーの管理画面にログインすると、SSL設定という項目があります。

そこから、SSL設定したい自身のドメインを選択し手続きをおこなうだけです。各レンタルサーバーの手順に従って設定してください。

また、各レンタルサーバーでは反映まで時間がかかるのであらかじめ余裕をもって設定しておきましょう。

次にWordPressでSSLの設定をおこないます。

この設定をしなければ、WordPressで作ったホームページにアクセスできなくなるので確実に実行しましょう。

まず、WordPressのバージョンを最新にしたうえで、プラグインとテーマも更新しておきます。

ダッシュボード画面で、赤枠のような表示があれば更新が必要です。

ここでは、左メニューの「更新」を押下します。

WordPressのバージョンアップ時には、事前にバックアップをおこなっておくことをおすすめします。

この画面で下へスクロールすると、プラグインとテーマの更新もおこなえるので、すべて実施します。

完了後、左メニューバーの「設定」から「一般」を押下してください。

一般設定画面で、赤枠の部分を「http」から「https」に変更します。

そして、画面下部にある「変更を更新」を押下します。これでWordPressでのSSL設定は完了です。

この設定をしなければ、WordPressで作ったホームページにアクセスできなくなるので確実に実行しましょう。

最後に管理画面のアドレスに鍵マークが表示され、「https」に変わっているかを確認します。

変わっていれば反映されたということです。

前章までの設定では、httpのアドレスもアクセス可能な状態です。

ここで設定する目的は、httpからのアクセスを「https」のSSL化されたアドレスに転送する方法になります。

たとえば、httpアドレスでリンクやブックマークされていても、そのままの状態でSSL化アドレスへ飛ばせるということです。

設定方法は、サーバーにある「.htaccess」ファイルの編集でおこないます。

そのため、FTP編集ソフトかレンタルサーバーのFTP設定からおこなう必要があります。

コードを追加するため、事前にバックアップを取ってから作業するようにしましょう。

FTPに接続したら、対象アドレスのフォルダを探します。

フォルダを押下し、次に「.htaccess」を押下したら、「.htaccess」の先頭に「http」へのアクセスを「https」へ転送するコードを入れます。

保存して完了です。

このように、初心者には少しハードルが高い方法になります。

また、コードを触るのは不安を感じるものです。

WordPressはプラグインで簡単に常時SSL設定もできるので、そちらも検討しましょう。

WordPressホームページのデザインテンプレートであるテーマを設定する手順は以下の通りです。

WordPressホームページに投稿（記事）を作るには、以下の手順で進めていきます。

ちなみに現在WordPressでは新エディター「Gutenberg（ブロックエディター）」と、旧エディター「クラシックエディター」の2つで投稿を作成することができます。

本記事ではクラシックエディターを使用する方法を紹介していますが、WordPressの新しいバージョン（WordPress 5.0以降）は新エディターが標準で実装されています。

新エディターにおけるWordPressの記事の書き方についてはこちらの記事にくわしく解説しています。

WordPressホームページの固定ページを作成する方法は、基本的に投稿と変わりません。

しかし、カテゴリー分けされたコンテンツと関わらない独立ページを作るのが一般的です。

お問い合わせや会社紹介など、カテゴリーに属さないコンテンツに向いているページといえます。

WordPressの固定ページについてはこちらの記事にくわしく解説しています。あわせてご確認ください。

ここでは、以下の手順で説明します。

ダッシュボード左メニューの「投稿」から「固定ページ」を選択します。

固定ページは、主にプラグインを使ったり、ショートコードを使ったりして作成することが多いページですが、操作方法は投稿ページと変わりません。

固定ページができたら、ダッシュボードの「外観」から「メニュー」を選択します。

メニューに追加したい固定ページにチェックを付けて「メニューに追加」で追加できます。

メニューを表示する場所は、同じページの下部で設定できます。

固定ページをトップページに指定したい場合は、ダッシュボード「設定」から「表示設定」へ移動します。

ホームページの表示で「固定ページ」にチェックを入れて、任意のページを選択します。

ページ下部の「変更を保存」を押下して完了です。

WordPressのウィジェット機能を使えば、ホームページのサイドバーやフッターにさまざまな要素を取り入れることが可能です。

ダッシュボードの左メニューの「外観」から、「ウィジェット」を選択します。

画面左側の項目から、サイドバーやフッターへ追加したい項目を選びます。

項目を押下すると、メニューが開くので「サイドバー」を選択し「ウィジェットを追加」を押下。

すると、サイドバーに追加されます。

フッターも同様の操作で追加可能です。

新規に追加した項目は、一番下に表示されます。

もし、動かしたい項目を入れ替えたいなら、右クリックしたまま任意の位置へ移動することで可能です。

WordPressホームページのメインビジュアルや色を設定するには、ダッシュボード左メニューの「外観」から「カスタマイズ」を選択します。

すると、左メニューの位置にカスタマイズメニューが表示されるので、そこから設定可能です。

メニューから「色」を選ぶことで設定できます。好みの色にして「公開」を押下すると完了です。

しかし、カスタマイズメニューはテーマによって項目に違いがあるため、利用するテーマによっては他のメニューからの設定が必要になる可能性もあります。

ここでは、WordPressプラグイン「Contact Form 7」を使い、ホームページの固定ページにショートコードを貼り付けてお問い合わせフォームを作ります。

まず、ダッシュボード左メニューから「プラグイン」を選びましょう。

画面上部の新規追加を押下します。

右上の検索窓にプラグイン名「Contact Form 7」と入力します。

下に検索結果が出るので、Contact Form 7が表示されたら枠内の「今すぐインストール」を押下しましょう。

インストールが開始されます。

インストールが完了すると「有効化」に変化します。

押下すると、上画像の赤枠位置が「有効」になり反映完了です。

プラグイン一覧に表示されるので、「設定」を押下します。

設定画面が開くと赤枠の位置にショートコードが表示されるのでコピーします。

そして、ダッシュボード左メニュー「固定ページ」から「新規追加」を押下します。

本文にコピーしたショートコードをビジュアルエディターでペーストします。ペーストすると、すぐに画像のように反映可能です。

ここでは、タイトル「お問い合わせ」、パーマリンク「contact-form」としましたが、お好みでかまいません。

「公開」を押下して完了です。

ダッシュボード左メニューの「設定」から「一般」を選択します。

「サイトのタイトル」「キャッチフレーズ」を設定できます。

ページ下部の「変更を保存」を押下すると反映されます。

次にWordPressのパーマリンクを設定します。

ダッシュボード左メニューの「設定」から「パーマリンク設定」を選択します。

「投稿名」にすることをおすすめします。

投稿時に編集でき、検索エンジンとの相性も良いとされているパーマリンクです。

WordPressの初期セキュリティは万全ではありません。

管理画面へログインする際のユーザー名とパスワードを強化することや、プログラムを最新化するなどの対策をおこないましょう。

さらに、「SiteGuard WP Plugin」や「All In One WP Security & Firewall」など、

プラグインでセキュリティを強化することも重要です。

WordPressのセキュリティ対策に関してはこちらの記事にくわしくまとめています。

投稿や固定ページをある程度増やしてからホームページを公開したい場合など、

未完成のホームページが検索結果に載らないようにする設定も必要です。

ダッシュボード左メニュー「設定」から「表示設定」を選択します。

「検索エンジンでの表示」の項目で、赤枠にチェックを入れて「変更を保存」を押下すれば、検索結果に載らないようになります。

※後で必ず元に戻しましょう。チェックを入れたままだと、検索サイト表示されない状態が続いてしまいます。

WordPressやプラグインのアップデート時やカスタマイズ時などに、エラーや何かしらのミスをしてしまった場合、デザインレイアウトが崩れてしまったり、何かの機能が使えなくなったり、苦労して書いた投稿やカスタム内容がすべて消えてしまうリスクがあります。

万が一のトラブルに備えるためにも、バックアップがおこなえるプラグイン「BackWPup」の導入をおすすめします。

「BackWPup」は、WordPressで作成したデータを自動バックアップしてくれるプラグインです。

WordPressのバックアップ方法については、こちらをご参照ください。

忙しい経営者でもたった10分でサイト開設できる「ConoHa WING ビジネスプラン」

コスパも最強なので今すぐ始めちゃいましょう！

また下記の記事では、ConoHa WINGを使ってWordPressを開設する方法を、画像付きでくわしく解説しています。

他社のレンタルサーバーをご利用中で、ConoHa WINGにお乗り換えを検討されている方も安心です！

煩雑なレンタルサーバーの移行もかんたんにお乗換えいただけるよう、いくつかのサポートを用意しています。