【WordPressホームページの作り方総まとめ 12STEPで解説】

WordPressでホームページを自作しようと思った際に、「ドメイン？サーバー？たくさん調べることがあって何から手をつけたら良いのかわからない」というかたも多いのではないでしょうか。
 

WordPressでホームページを作りたいんですけど、ドメインとかサーバーとかよくわかんなくって。
調べたらいろいろ出てきて、進まなくなりました・・・

基本は、レンタルサーバーとドメインを契約してWordPressをインストール。あとはWordPressの使い方を覚えながら、ホームページを作っていく形になります。

そこで今回は、WordPress初心者の方を対象にWordPressでホームページを作る方法をご紹介していきます。
 

【はじめに】WordPressを使ったホームページの作り方概要

WordPressでホームページを作成するためには

はじめに、WordPressでホームページを作成するための概念と大まかな手順について説明してきます。
 

WordPressでホームページを開設するためには「ドメイン」と「サーバー」を契約したのちに「WordPress」をインストールしてから、ホームページを作っていく形になります。
 

サーバーってなんですか？ドメインってなんですか？？WordPressとサーバーは違うんですか？？

サーバーとは、インターネット上の建物・部屋に相当し、ドメインはインターネット上の住所に相当します。建物・部屋の中に導入する中身がWordPressです。

■サーバーとドメイン・中身(WordPress)

 

指定の住所(ドメイン)に行ったら建物(サーバー)があって、その中に入ったら中身がある(例. 飲食店なら飲食のサービスなど)」というようなイメージをするとわかりやすいと思います。

本記事では、WordPressの使い方を含めて下記の順でより具体的に説明していきます。

 

レンタルサーバーの契約の仕方から、WordPressのインストール方法まで実際の画面を使って説明していきますね。

勘違いしやすいWordPress.orgとWordPress.com

ネットでWordPressで検索すると、wordpress.orgというサイトと、wordpress.comというサイトがヒットします。今回、ご紹介するのは、WordPress.comではありませんのでご注意ください。
 

WordPress.comは、WordPressを利用してアメブロやFC2、シーサーブログ、はてなブログなどのブログサービスを展開している営利組織です。
 

基本的に我々がWordPressと呼んでいる方のWordPressはWordPress.orgの配布しているパッケージソフトウェアを指しており、多くのレンタルサーバーではこのパッケージソフトウェアが簡単インストール機能などに組み込まれて利用する形になっています。
 

なんだかややこしいですね。

もともとは、WordPressを開発していた組織が２つに分裂して、WordPress.comというのができたみたいですよ。

そもそもWordPressとはどういったもので、メリットやデメリットなどについても知りたい方は「【WordPressとは】ワードプレスの概要と特徴を徹底解説」をあわせてご参考いただければと思います。
 

ここからは、具体的な手順について説明していきますね。

(1/12)レンタルサーバー「ロリポップ」を契約する

まず最初に、レンタルサーバーの契約手順から説明していきます。
 

レンタルサーバーは国内でも100社近くありますが、今回は、一般的なホームページ型のサイトを作る際にコストパフォーマンスの観点でおすすめのレンタルサーバー「ロリポップ！」を使ってホームページの解説手順を説明していきます。
 

ロリポップアカウントを開設する

まずはレンタルサーバー「ロリポップ！」にアクセスしてアカウントを作成しましょう。
 

ロリポップトップページに移動します。「まずは無料でレンタルサーバーを利用しよう」ボタンを選択します。

 

ここでは、一番人気の「スタンダードプラン」を選択します。

 

アカウント情報を入力します。初期ドメイン・パスワード・メールアドレスを入力し、規約を確認後「規約に同意して本人確認へ」をクリックします。

 

携帯電話による認証がありますので、電話番号を入力します。

 

SMS認証コードを入力します。

 

つづいて、申し込み情報を入力します。

 

申し込み内容を確認して、利用規約にチェックを入れて「無料お試し開始」ボタンを押下します。

 

申し込み完了画面で、「ユーザー専用ページにログインする」を押してログインしてください。

 

ロリポップアカウントの契約手続きを完了する

前述のアカウント登録でロリポップを体験版として利用できるようになりました。つづいて、ロリポップの契約手続きを完了する手順を説明していきます。
 

「ご契約手続きに進む」ボタンを押下します。

 

お支払いボタンを押下します。

 

契約期間とお支払い方法を入力して、確認後「契約を確定する」ボタンを押下します。

 

契約内容を確認後「実行する」ボタンを押下します。

 

クレジット情報を入力して「送信」ボタンを押下します。

 

決済が完了します。「戻る」ボタンを押下します。

 

以上で、レンタルサーバーロリポップの契約手続きは完了です。次に、独自ドメインを契約していきます。
 

(2/12)独自ドメインを契約する

サーバーの契約が終わったら、次に独自ドメインを契約してきます。
 

独自ドメインとは「webst8.com」のようなオリジナルのドメイン名です。ドメイン名はインターネット上の住所に相当します。

 

ここでは、ロリポップと同じ運営会社「GMOペポパ」のドメイン取得サービス「ムームードメイン」を例に説明していきます。

ムームードメインで独自ドメインを取得する

ロリポップの管理画面で、サーバーの管理・設定＞独自ドメイン設定を選択します。

 

独自ドメインの設定画面が表示されます。「ドメインを取得する」をクリックして、ムームードメインでドメインを取得していきます。
格安ドメイン取得サービス─ムームードメイン─

ムームードメインの画面に移動します。取得したいドメイン(xxxx.com/net..のxxxxの部分)を入力して検索してください。

 

取得できるドメイン一覧が表示されます。取得したいドメインに対して「カートを追加」ボタンを押下します。

 

カートに追加されました。「お申し込みへ」ボタンを押下します。

 

ログイン画面が表示されます。初めての方は「アカウント新規登録」を選択してアカウントを新規登録します。

 

任意のムームーID(メールアドレス)とパスワードを入力して、利用規約確認後に「利用規約に同意して本人確認へ」をクリックします。

 
アカウント登録情報を入力して進めて行ってください。
 

ドメイン設定画面が表示されます。初期値の「弊社の情報を代理公開する」「ムームーDNS」のままでOKです。

 

Whois公開情報とか、ネームサーバー(DNS)っていうのがわからないんですけどなんでしょうか？？

Whois情報とはドメインの登録者情報のことです。ネームサーバー設定はドメインとサーバーを紐づける設定です。初期状態は「ムームーDNS」でOKです。

「弊社の情報を代理公開する」を選択しないと、自分の名前やアドレスなどがインターネット上で閲覧できるようになってしまいます。個人の情報を見せないために、「弊社の情報を代理公開する」を選択しています。
 

下にあるオプション設定ですが、既にロリポップを契約しているため何も選択しなくてOKです。

 

クレジットカード情報などを入力して支払い情報を入力したのち、「次のステップへ」を選択します。

 

宣伝が表示されますが、ここでは何も選択せずに「次のステップ」ボタンを押下します。

入力情報を確認後、利用規約を確認後チェックを入れて「取得する」ボタンを押下します。

 

ドメインが取得中の画面が表示されます。

 

ドメイン取得が完了しました。

 

ムームードメイン側では特に設定は必要ないので、そのままひきつづきレンタルサーバー「ロリポップ」の管理画面でドメインの設定を行なっていきます。
 

ロリポップで独自ドメインの設定をする

引き続き独自ドメインの設定を行います。独自ドメイン設定を選択します。

 

先ほどムームードメインで取得したドメイン名を入力します。また、ドメイン名(xxxx.comのxxxxの部分)で公開フォルダ名を入力します（公開フォルダ名の名称は任意の名称でも問題ありません）。
入力後、「独自ドメイン名をチェックする」ボタンを押下します。

 

先ほどムームードメインで登録したアカウント情報を入力してネームサーバー設定ボタンを押下します。

 

内容を確認後「設定」ボタンを押下します。

 

　確認画面が表示されます。OKボタンを押下します。

 

　ドメイン設定中になります。反映には１時間ほどかかります。

 

以下の操作は1時間経過してから行なってください。
 
 

(3/12)WordPressをインストールする

つぎに、取得したドメイン名でワードプレスをインストールしていきます。
 

ロリポップのコントロールパネルで、サイト作成ツール＞ワードプレス簡単インストールを選択します。

 

サイトURL、タイトル、ユーザー名・パスワード、メールアドレスをなど必要情報を入力して、「入力確認」ボタンを押下します。

 

ドメイン設定後1時間経過しておらずまだドメイン設定中の場合は下記の警告が出ます。警告が出た場合はしばらく待ってから再度設定してください。

ワードプレスインストール情報を確認して「承諾する」にチェック後インストールします。

 

以上でワードプレスのインストールは完了です。
 

(4/12)WordPressへログインする

WordPressへのログインの仕方

WordPressにログインするためには、まずは自分がインストールしたWordPressのサイトの管理画面URLにアクセスする必要があります。初期状態ではWordpress管理画面のURLは下記になります。
 

ロリポップなどのレンタルサーバーにログインしなくても、上記のURLからWordPressにログインすることはできます。

上記の管理画面URLにアクセスすると下記のログイン画面が表示されます。WordPressをインストールした際に入力したユーザーID(またはメールアドレス)とパスワードを入力するとログインすることができます。

 
 

管理画面に入れればOKです。

 

WordPressの管理画面と覚えておきたい重要な使い方

それではここからは、WordPressのダッシュボードの基本的な見方について説明していきます。
 

ダッシュボードとは、WordPressの管理画面のことです。元々は自動車の「計器盤」のことを指していたようで、情報をまとめて表示するツールという意味です。
 

下記は、WordPressのダッシュボード(初期設定状態)です。大きく、「上部メニューバー」「左メニューバー」「真ん中の設定画面」の３つのレイアウトに分かれています。

 

左管理メニューバーでは、投稿や固定ページ、外観、プラグインなどWordPressの重要な管理操作を行うことができます。

 

まずは管理画面とトップページの切り替え方法を覚えておきましょう。
 
左上のサイトのタイトル名＞サイトの表示をクリックするとトップページに移動します。同様に、サイトのタイトル名＞ダッシュボードをクリックすると管理画面（ダッシュボード)に移動します。

つぎに、WordPress管理画面の主な名前と意味について覚えておきましょう。

WordPress　管理画面 (ダッシュボード)

(5/12)独自SSLの設定をする

さて、ここでは初心者にとって少し難しい言葉が出てきますが、WordPressを操作してホームページを作っていく前にて常時SSLの設定をしていきます。
 

SSL化とはURLが「https」から始める通信にすることで、通信データが暗号化されてアドレスバーに鍵マークが表示されるようになります。

 

通信をSSL化(HTTPS)をすることで、通信データを保護し、クレジットカードのような他人に知られると悪用される重要な情報を守ります。

 

手順としては大きく下記の3つになります。

1. 「ロリポップ」でSSLの設定を行う
2. 「WordPress」でSSLの設定を行う
3. 「.htaccess」で常時SSLの設定を行う(※注)

(※注)単純にSSL化のみ実施した場合は、httpでもhttpsでもどちらでもアクセスできる状態で、ある意味不完全な状態です。そこで「http」でリクエストされたアクセスを「https」化した通信へ転送した設定(どんなアクセスでもhttps(SSL)で通信を強制することを常時SSLといいます。
 

(5-1)「ロリポップ」でSSLの設定を行う

ロリポップの管理画面から、「セキュリティ」を選択し「独自SSL証明書導入」をクリックします。

 

対象のドメイン(wwwありなし両方)にチェックを入れて、独自SSL(無料)を設定する」をクリックします。

(※)ロリポップの無料SSLは、一度設定すると解除できませんのでご注意ください。
 

設定には5〜10分程度かかり、SSL設定作業中と表示されます。しばらく待ちましょう。

 

5〜10分後に更新ボタンを押してSSL保護有効と表示されれば設定完了です。

 
 

(5-2)WordPressでSSLの設定を行う

次に、WordPressでもSSLの設定を行います。ダッシュボードから「設定」を選択し「一般」をクリックします。

 

「WordPressアドレス（URL）」、「サイトアドレス（URL）」を「http://～」から「https://～」に変え、「変更を保存」をクリックします。

(※)本操作で誤った内容を入力・保存すると、WordPressにアクセスできなくなる場合があるため、慎重に行いましょう。
 

変更を保存します。

 

一旦ログアウトされるので、再度ログインしましょう。

 

管理画面のアドレスがhttpsになっていることが確認できたらOKです。

 
 

ふう、なかなか大変ですね。これで完了ですか？？

もう少しありますので頑張りましょう。ここまでの設定だけでは、まだ「http」と「https」のURL両方にアクセスすることができる状態です。そこで「http」のURLを「https」へ転送する設定を行っていきます。

(5-3)「.htaccess」ファイルに常時SSLの設定を行う

最後に、常時SSLの設定を行なっていきます。ここまでの設定だけでは、まだ「http」と「https」のURL両方にアクセスすることができる状態です。
 

そこで「http」でリクエストされた通信も「https」として通信させる設定を行っていきます(常にSSL通信になるので常時SSLといいます)。設定を行うには、サーバー上にある「.htaccess」という重要なファイルを編集する必要があります。
 

「.htaccess」ファイルを開き、その先頭に「http」へアクセスした場合、「https」に転送するコードを書き加える必要があります。
 

ここでは、ロリポップFTPを利用して、サーバー内の.htaccessを編集する方法を紹介します。サーバー管理＞ロリポップ!FTPを選択します。

 

ロリポップFTPの画面が開きます。対象のドメイン用フォルダをクリックします。

 

.htaccessをクリックします

 

.htaccessの編集画面が表示されます。

間違った書き方をすると、サイトにアクセスできなくなる場合もあるため、慎重に操作しましょう。

.htacessに書き加えるコードは、以下のとおりです。コピーしてください。

上記のコードをコピー後に.htaccessの編集画面の一番上に追記後、保存します。

最後に「http://自分のドメイン名」でアクセスしてみましょう。httpsにリダイレクトされて入れば完了です。

ここからは、WordPressの使い方を説明しつつ、ホームページの中身を作っていく手順を説明していきます。

(6/12)デザインテンプレート「テーマ」を設定する

まずはWordPressのテーマのインストールを行いましょう。WordPressで利用する「テーマ」とは、一言で言うとデザインのテンプレートのことです。
 

人に例えると、「服」のようなイメージになります。テーマ(服)を変更することで、見た目や外観の変更・関連機能を変更することができます。

 

WordPressでは、無料・有料含めて様々なテーマがリリースされています。利用者は多数あるテーマの中から自分に合うデザイン・機能のテーマを利用することができます。

WordPress テーマ　追加画面

WordPressでは品質の高いテーマが多数あるので、自作しなくても綺麗なデザインのホームページを作ることができます。

ここでは、WordPress初期状態のテーマから無料テーマ「Lightning」を適用する例で説明していきます。
 

WordPressの管理画面上の外観＞テーマを選択します。

 

新規追加ボタンを押下します。

 

検索窓で探しているテーマを入力します。ここでは有名な無料テーマ「Lightning」を使います。「Lightning」と入力して表示された下記のテーマをインストールします。

 

有効化します。

 

以上でテーマの適用は完了です。トップページを参照するとテーマが適用されて、見た目がガラリと変わっていることがわかります。

 

WordPressのテーマ、たくさんありすぎて、どれが良いのか分かりにくいです。。

確かに、選択肢が多い分どれを選んだら良いのか迷いますよね。下記の2つの記事にそれぞれおすすめのワードプレス有料テーマと無料テーマをご紹介していますので、テーマ選びを考えている方はぜひご覧ください。

(7/12)投稿でブログを書く

WordPressの投稿機能を使ってブログを書くやり方を説明していきます。ここでは基本的な使い方に絞ってご説明していきます。
 

管理画面から投稿＞新規追加をクリックします。

 

投稿画面が表示されます。まずはタイトルと文章を書いて、プレビューで確認してみましょう。

次に画像を挿入してみましょう。左上の＋ボタンを押して「画像」を選択、自分の好きな画像を選択します。

次に、見出しを挿入してみましょう。+ボタンを押して、「見出し」を選択します。見出しはH2・H3・H4と複数の見出しが用意されています。

ページを公開しても良い場合は、「公開」ボタンを押下して保存しましょう。ページが公開されて一般の人も閲覧できるようになります。

(8/12)固定ページを作成してメニューバーに設定する

次に、下記のようにワードプレスでメニュー(グローバルナビゲーション)を作成するやり方をご紹介します。

 

(※)メニューの位置や見え方はテーマによって異なります。
 

今回メニューを作成する大きなステップは下記の通りです。

固定ページを作成する

まずは固定ページを作成していきます。ワードプレスの固定ページとは、「会社情報」や「お問い合わせ」のように、ページ単体で完結できるページで利用します。
 

■例）固定ページで作成したお問い合わせページ

 

投稿と固定ページとの違いはなんなんでしょうか？？

投稿と固定ページは似ているんですが、一般的に固定ページでは「会社情報」や「お問い合わせ」など決まった位置に決まった内容で表示しておきたいページを固定ページで作成します。
固定ページで作成したページは投稿一覧の中には表示されません。

「投稿」はカテゴリーやタグによりページ同士をジャンル分けして一覧表示することができるのに対して、「固定ページ」は通常カテゴリーやタグという概念がなく、ページ単体で独立しています。
 

固定ページは、投稿と違ってページを作成しても投稿一覧の中には表示されませんので、自分でメニューバーなどに表示する設定が必要です。
 

固定ページは固定ページ＞新規追加から作成することができます。

 

固定ページの使い方は、投稿とほぼ同様なのでここでは割愛します。固定ページの詳しい使い方は「【ブロックエディター版】WordPressの固定ページの使い方を徹底解説」をご参照ください。
 

まずは事前準備として、ここでは下記の固定ページを作成しておきます。

固定ページ＞固定ページ一覧をみると下記のような状態になっているように、固定ページを作成してみてください。

 

メニューバーを作成する

固定ページを一通り作成できたらメニューを作成していきます。
 

手順としては、まず(1)箱(入れ物)となるメニューを作り、(2)その中に先ほど作った固定ページ(メニューアイテム)を割り当てて、(3)最後に作成したメニューをどこに表示するという順番になります。

 

管理画面から外観＞メニューの設定を選択します。

WordPress 外観＞メニュー

まずメニューを作成します。ここでは、「メインメニュー」(※)と入力してメニューを作成ボタンを押下します。

(※)名称はなんでもOKです。
 

メインメニューが作成されました。以下はメニューバーの構成です。左側のメニューアイテム(項目)があります。任意のメニューアイテムを作成したメニューに設定し、最後に位置を決めて保存することができます。

 

ここでは事前に作った固定ページの項目をチェックして、「メニューに追加」ボタンを押下します。

 

(※)固定ページがたくさんあり表示されていない固定ページがある場合は「全て表示」タブを選択すると全て表示されます。

 

追加したメニューは、ドラッグ&ドロップでメニューの順番を変えることができます。

最後にメニューの設定を行います。ここではHeader NavigationとFooterNavigationにチェックを入れて最後にメニューを保存ボタンを押下します。

 
(※)Header NavigationとFooterNavigationという名称はご利用のテーマによって違います。また、テーマによっては1つしかチェックができない場合も3つある場合もあります。
 
以上で、メニューの追加は完成です。
 

最後に設定した、メニューの設定でHeader NavigationとFooterNavigationにチェックを入れたのは、何をしたのでしょうか？？

最後のメニューの設定は、作成したメニューをどこに配置するかを設定します。
本例では、ヘッダーの位置とフッターの位置に配置できるので、両方にチェックを入れてメインメニューを表示しています。

ヘッダーとフッターの両方に作成したメインメニューが表示される

 

ここでは、メニューバーを作り固定ページを割り当てる設定方法を簡単に説明しました。他にも任意のURLを設定したり(カスタムリンク昨日)、投稿カテゴリーや個々の投稿ページなどをメニューバーに割り当てることもできます。さ詳しい使い方は「【丁寧解説】WordPressヘッダーメニューバーの作り方と設定方法」を合わせてご参照ください。
 
 

表示設定で、固定ページをトップページに割り当てる

表示設定から作成した任意の固定ページをトップページに割り当てることができます。ここでは、固定ページをトップページに割り当てる表示設定を行なっていきます。
 

ダッシュボードの設定＞表示設定を選択します。

 

表示設定が表示されます。

 

初期設定は、トップページの表示が「最新の投稿」一覧が表示される設定になっています。

 

トップページに事前に作成した固定ページ「HOME」を割り当てます。

 

これで、トップページを表示すると「HOME」の内容が表示されるようになりました。

ここで設定するんですね！でも、もともとトップページに表示されていたブログ一覧ページはどこに表示されるでしょうか？

ブログ一覧ページも任意に固定ページに割り当てることができます。続けて説明していきますね。

「投稿ページ」に事前に作成した固定ページ「ブログ」を割り当てましょう。

 

設定が完了したら最後に変更を保存しましょう。

以上で設定は完了です。トップページに「HOME」の内容が、「ブログ」にはブログ一覧が表示されて入れば完了です。

(9/12)ウィジェットでサイドバーやフッターを設定する

次に、外観＞ウィジェットからサイドバーやフッターを設定していきましょう。
 

ワードプレスにおけるウィジェットとは、ブログパーツ(部品)のことです。ワードプレスでは、バナーやテキスト、検索窓や投稿一覧など任意のパーツをサイドバーなどに追加することができます。
 

WordPressでは、ウィジェットというページの特定部分の表示をカスタマイズできる機能があります。サイドバーやフッターなどの部分でウィジェットでバナーを追加したり、投稿一覧を表示したりなど設定することができます。
 

ウィジェットの追加方法について説明して行きます。ウィジェットは外観＞ウィジェットから設定します。

 

左側の追加したいウィジェットタイプを選択してドラッグ＆ドロップで任意の箇所にウィジェットを追加します。

 

右側の配置エリアですが、サイドバーだけじゃなくて、サイドバー(トップページ)とかフッター(xxx)とか色々なものがあるんですね？？

右側の配置エリアの名称や種類は、適用しているテーマによって異なります。「サイドバー」一つだけの場合もあれば、上記例のようにサイドバー(xxx)のほかにフッターにもウィジェットを配置することができるようになっている場合もあります。

ウィジェットタイプを選択して、任意の箇所にウィジェットを追加します。

 

下記はテキストタイプのウィジェットです。設定後に保存して完了です。

 

トップページで、サイドバーにテキストウィジェットが追加されたことを確認して完了です。

 

WordPressウィジェットの詳しい使い方については「初心者でもわかるWordPressウィジェットの使い方を徹底解説」を合わせてご参考ください。
 
 

(10/12)メインビジュアルや色などのテーマの設定を行う

次に、メインビジュアルや色などのテーマの設定を行っていきましょう。
 

外観＞カスタマイズから、テーマカスタマイザーを開くことができます。

 

テーマカスタマイザーは、テーマのレイアウト・表示に関する設定を行う機能です。
 

 

補足)テーマカスタマイザーはトップページ上部のバーの「カスタマイズ」からでも開くことができます。

ご利用のテーマによって、ここの表示項目や設定のやり方は異なりますのでご注意ください。

トップページスライドショーを変更する

Lightningの場合は、「Lightning トップページスライドショー」からスライドショーの設定変更ができます。

 

実際に変更してみましょう。下記のようにスライドショーの画像を変更して「公開」ボタンを押せば完了です。

テーマにもよりますが、多くのテーマでは、このカスタマイザーからトップページ画像の設定、色の設定、その他デザインに関わる設定を行えることが多いです。

自分の使っているテーマで、どんな設定項目があって、どんな設定ができるのか確かめてみますね！

ここではLightningの詳しい使い方は割愛しますが、Lightningの使い方については「WordPressテーマLightning(ライトニング)の使い方【VK All in one Expansion Unitも解説】」をご参照ください。
 
 

(11/12)お問い合わせフォームを作成する

次に、お問い合わせフォームを作成しておきましょう。ここでは有名なお問い合わせフォームプラグイン「Contact Form 7」を利用してお問い合わせフォームを作成する例をご紹介したいと思います。
 

本手順の事前準備として、はじめに「お問い合わせ」という本文なしの固定ページを作成しておいてください(前述の固定ページ作成手順ですでに作成している場合は不要です。)

 

つづいてお問い合わせフォーム「Contact Form 7」をインストールしていきます。
 

管理画面でプラグイン＞新規追加を選択してください。

 

「Contact Form 7」と入力して検索します。富士山の絵が出てきている「Contact Form 7」をインストールします。

お問い合わせフォーム「ContactForm」をインストール

お問い合わせフォーム「ContactForm」を有効化します。

お問い合わせフォーム「ContactForm」を有効化

ContactForm7を有効化すると、左側の管理メニューに「お問い合わせ」が出現しています。コンタクトフォームを選択します。

お問い合わせが出現。コンタクトフォームを選択

プラグインを追加すると、今回のように左側の管理メニューのどこかにプラグインの設定項目が表示されることが多いです。

「コンタクトフォーム 1」の右側にある[]内のショートコードをコピーします。

[]内のショートコードをコピー

任意のページにコピーしたショートコードを貼り付けます。ここでは、事前に作成した固定ページ「お問い合わせ」に貼り付けています。ウィジェット＞ショートコードから埋め込みましょう。

(補足)旧エディターをご利用の場合

従来のクラシックエディターご利用の方は、そのままショートコードを貼り付けましょう。

任意のページにコピーしたショートコードを貼り付ける

プレビューを表示してお問い合わせフォームが表示されていれば完了です。実際にフォームに入力して問い合わせしてみましょう。

初期状態では、ワードプレスインストール時に設定したメールアドレス宛に問い合わせ内容が通知されていればOKです。(届いていない場合は迷惑メールも確認してみてください)

Contact Form 7では、フォームの入力項目の追加や通知メールの設定、サンクスメールの設定など色々な設定ができます。ここでは、割愛しますが「WordPress お問い合わせフォームの作り方 プラグインContact Form 7」で詳しく説明していますので、ぜひご参考にしてください。
 

こんな風にしてプラグインを追加・設定していくんですね。

はい。スマートフォンのアプリと同じで、プラグインも色々な種類があり、有料のプラグインも販売されていたりします。

(12/12)WordPressの初期設定をする

最後に、WordPressの初期設定を行っていきましょう。
 

WordPress導入直後は、バックアップ設定やセキュリティ、SEO対策の設定が何もなされていませんのでこれらの対応を中心にしていきます。
 

本サイトでおすすめする初期設定は下記の通りです。

なんかすごく難しいそうですけど、私でもできるでしょうか？？

なるべく最初のうちに設定した方が良いんですが、設定そのものが少し難しいかもしれません。挫折するといけないので、その場合はしばらくはWordPressの使い方に慣れてから実施すると良いと思います。

WordPress開始後だいぶ経過してしてから設定を実施するよりも、なるべく最初に設定しておいた方が楽ではありますが、SEO対策などの初期設定系の内容は、初心者には少し意味のわからない設定も多いです。
 

まずはWordPressの操作に慣れたい人は一旦飛ばして、もう少しWordPressを触って慣れてから初期設定を進めると良いと思います。
 

具体的な初期設定のやり方について、下記の記事に記載していますのでご参照ください。

WordPressの初期設定の具体的なやり方は「【初心者向け】WordPressのおすすめ初期設定を徹底解説」をご参照のうえ設定ください。

【初心者向け】WordPressのおすすめ初期設定を徹底解説

まとめ 使いながら覚えていってホームページを作っていきましょう

まとめです。今回は、WordPressでホームページを作りたい初心者を対象にホームページの作り方をご紹介しました。
 

WordPressでホームページを開設するためには「ドメイン」と「サーバー」を契約したのちに「WordPress」をインストールしてから、ホームページを作っていく形になります。
 

より具体的には、WordPressの使い方を含めて下記の順で説明しました。

まだまだ慣れない部分は多いですが、少しずつ頑張っていきたいと思います。

WordPressの使い方もブログを書くのも慣れが大事です。ブログをどんどん書いていってアフィリエイトを実践していってください。

今回は以上になります。最後までご覧いただきありがとうございました。
 

弊社は、自分でホームページを作ることを推奨しています。「業者に任せたけど、更新ができない」「本で独学は時間がかかりすぎる・・」そんなお悩みの方も多いのではないでしょうか。

個別指導形式のスクールでは、自分の知りたいことをピンポイントで学習・達成でき、自分で更新もできるというメリットもあります。
無料事前相談もしておりますので、まずはお気軽にご登録ください。

詳細はこちら