WordPressホームページの作り方を徹底解説

WordPress ホームページの作り方

【総まとめ】WordPress(ワードプレス)ホームページ作り方

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

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

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

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

 

■【10分簡単デモ】WordPressでホームページ作る方法(動画解説版)


 

関連記事 WordPressブログの作り方

ここではホームページ想定で手順をご紹介していきますが、WordPressでブログを作る場合も大きな手順は基本的には同じです。ASPに登録したり、投稿を使ってブログを書くのが中心になるという若干の違いがあるだけです。
 

下記に、WordPressブログの作り方をご紹介しています。ホームページではなくブログ型のサイトを作りたい方は合わせてご参考ください。

【WordPressの始め方総まとめ】ワードプレスブログの作り方
 

 

もくじ


 

※2021年9月時点での画面・手順になります。ご利用の環境・時期によって画面が異なる場合がありますのでご了承ください。
 

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

WordPressでホームページを作成するための概要手順

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

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

ホームページを開設するために必要な要素
 

WordPressホームページの作成手順

  1. レンタルサーバー会社からサーバーを借りる
  2. ドメインサービス会社からドメインを取得する
  3. サーバーに中身(WordPress)を構築する

 

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

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

 

合わせて読みたい記事

サーバー・ドメイン・ホームページなどのより具体的な説明については「【2021年ホームページの作り方総まとめ】ホームページ自作方法を解説」を合わせてご参考ください。
 
なお、ネットショップを作りたい方はBASEやカラーミーなどのネットショップサービスがおすすめです。下記に有名なネットショップのカラーミーをご紹介していますのでご興味ある方は合わせてご覧ください。
【カラーミーショップ】無料ショップとの違いや特徴を徹底解説

 

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

  1. レンタルサーバーを契約してWordPressをインストールする
  2. 各種管理画面へのログイン方法を確認する
  3. WordPressの管理画面の見方と基本操作を覚える
  4. WordPressデザインテンプレート「テーマ」を設定する
  5. WordPress投稿機能でブログを書く
  6. WordPress固定ページを作成してメニューバーに設定する
  7. カスタマイザーでメインビジュアルや色等のテーマ設定を行う
  8. ウィジェットでサイドバーやフッターを設定する
  9. プラグインでお問い合わせフォームを作成する
  10. WordPressブロックエディターの使い方を更に覚える
  11. その他のWordPressの初期設定をする
  12. (補足)ホームページに必要な情報・コンセプトを整理する

 

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

 

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

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

検索結果。wordpress.com
検索結果。wordpress.org
 

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

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

項目 WordPress.org WordPress.com
意味 WordPressというソフトウェアは配布している組織・サイト。通常WordPressといえばこちらを指します。

Wordpress.org トップページ
WordPress.org

WordPressというソフトウェアを基盤にしたブログサービス
 

Wordpress.comトップページ
WordPress.com

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

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

 

補足)WordPress.comでホームページ・ブログを作れるか

 
Wordpress.comトップページ
 
WordPress.comのサービスを利用しても、独自ドメインでWordPressを利用することができますが、通常レンタルサーバーでWordPressをインストールするのと違って、プラグインやテーマの制限があります。
 
自由にカスタマイズ・拡張できるのがWordPressのメリットですが、WordPress.com上のWordPressを利用するとそのメリットが半減してしまいますので、WordPress.comを利用してのサイト運営は、あまりおすすめしません。

 

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

■【WordPressとは】ワードプレスの特徴と仕組みを徹底解説(動画解説版)


 

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

 

(1/12)レンタルサーバーを契約してWordPressをインストールする

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

本手順では作成するアカウントが3つあります。アカウント情報を混乱しないようにあらかじめ整理しておきましょう。
ロリポップでWordPressを始める方法
 

項目 アカウント開設サイト
レンタルサーバー「ロリポップ」のアカウント WordPressを使うならロリポップ!
簡単インストール完備で楽々スタート!

ドメインサービス「ムームードメイン」のアカウント 格安ドメイン取得サービス─ムームードメイン─
ワードプレスのアカウント ロリポップよりインストール・アカウント作成

 

(補足)当サイトがおすすめする人気レンタルサーバー5社

レンタルサーバーを提供している会社として、エックスサーバーロリポップ!さくらのレンタルサーバなどの老舗3社が有名で、最近では性能機能面でConoHa WINGmixhostというレンタルサーバーサービスも人気です。
 

どれも人気のレンタルサーバーですが、目的に応じておすすめは異なります。スペックも含めたレンタルサーバー詳しい比較は「【おすすめレンタルサーバー比較5社総まとめ WordPress対応】」に掲載していますので、レンタルサーバー契約の前にぜひご覧ください。

 
 

レンタルサーバー「ロリポップ」を契約する

Webの仕組み サーバー

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

 

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

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

なお、エコノミープランはWordPressがインストールできないため除外です。ライトプランも電話サポートなしなのに対し、スタンダードプランは電話サポートがありなど、コストパフォーマンスに優れた一番人気のプランです。

 

合わせて読みたい記事

下記の記事にロリポップの特徴やおすすめのプランについて説明していますので、プランをどれにするかお悩みの方は合わせてご参照ください。

【ロリポップってどう?】速度性能アップ!レンタルサーバーロリポップの感想

 

アカウント情報を入力します。初期ドメイン・パスワード・メールアドレスを入力したあと、今回は「無料で独自ドメインを取得する」にチェックを入れて、契約と同時に独自ドメインを取得設定していきます。
ロリポップ アカウント開設手続き1
(※)「無料で独自ドメインを取得する」は、クレジットカード支払いのみ・12ヶ月以上契約・契約種別個人のみなどになります。詳しくはページ内の記載事項をご確認ください。
(※)「無料で独自ドメインを取得する」にチェックを入れず一旦体験版で解説する場合の手順は「【(従来版)ロリポップ版】WordPressインストール方法・始め方」をご参照ください。
 

初期ドメインについて

初期ドメインはロリポップにログインする際に利用する半角英数のIDです。屋号などの覚えやすい値がおすすめです。
ロリポップ アカウント解説 初期ドメインについて

独自ドメインを利用する場合、一般のサイト訪問者にはこのIDは見えませんので、基本的にどんな文字列でも気にする必要はありません。

 

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

SMS認証コードを入力します。
ロリポップ SMS認証コード入力
 

つづいて、申し込み情報を入力します。
アカウント情報を入力します。
 

クレジットカード情報を入力します。※独自ドメインを同時に取得する場合はクレジットのみ・支払い期間12ヶ月以上になります。
クレジットカード情報を入力します。
 

「お申し込み内容確認」ボタンをクリックします。
「お申し込み内容確認」ボタンをクリック
 

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

「お申し込みを確定」ボタンを押下
 

お申し込み完了画面が表示されますので、ユーザー専用ページにログインします。
ユーザー専用ページにログイン
 

ロリポップの管理画面に移動します。この管理画面から引き続き設定をしていきます。
ロリポップの管理画面
 

(重要)初めてドメインを取得される方向け

初回ドメイン取得時に「【重要】[ムームードメイン] ドメイン 情報認証のお願い」という下記のようなメールが来る場合があります。
その場合は、メール本文の案内に従ってURLをクリックして認証を済ませてください。

認証依頼のメールが来たまま放置して認証が行われないまま一定期間経過すると、ドメインがロックされアクセスできなくなりますでの注意しましょう。
(もしロックされてしまった場合は認証を行うことで通常数時間くらい経過後に解除されます。)

【重要】[ムームードメイン] ドメイン 情報認証のお願い

(※)お名前.comなどで過去にドメイン取得したことがある場合やドメインの種類によっては本メールが来ない場合もあります。その場合は何もしなくて構いません。

 
 

独自ドメイン設定を行う

引き続き独自ドメインの設定を行います。サーバーの管理・設定>独自ドメイン設定を選択します。
ロリポップコントロールパネル 独自ドメイン設定
 

取得したドメインに対して「確認・変更」ボタンを押下します。
取得したドメインに対して「確認・変更」ボタンを押下
 

ここでは、公開(アップロード)フォルダの設定でドメイン名を入力します(名称は任意)。「更新」ボタンを押下します。
公開(アップロード)フォルダの設定でドメイン名を入力します(名称は任意)
 

フォルダ分けしておくことで管理が楽になります

※マルチドメイン(2個以上のドメイン)を管理する際に、上記のようにドメイン名でフォルダ分けすることで管理がしやすくなります。

 

戻るボタンを押下します。
戻るボタンを押下
 
 

WordPressをインストールする

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

ロリポップ管理画面にて、サイト作成ツール>WordPress簡単インストールをクリックします。
サイト作成ツール>WordPress簡単インストールをクリック
 

WordPressのインストール画面が表示されます。サイトURLに取得したど独自ドメインを、利用データベースは新規自動作成になっていることを確認します。
WordPressのインストール画面
 

下にスクロールするとWordPressのインストール設定の入力画面が表示されます。必要情報を入力して「入力確認」ボタンをクリックします。

  • 【ブログ名】サイトのタイトル(例. ホームページの作り方・WordPressの使い方ブログ)を入力
  • 【ユーザー名】半角英数文字で任意の名前を入力します
  • 【パスワード】複雑なパスワードにします。
  • 【メールアドレス】任意の自分のメールアドレスを入力します(WordPressのパスワード忘れ時などに利用します)
  • ※プライバシー:通常チェックを入れたままでOK。テストサイトなどで検索エンジンにヒットさせたくない場合にチェックを外します

WordPressのインストール画面
※ユーザー名とパスワードはWordPressにログインする際に利用しますので忘れないようにしましょう。
 

確認画面が表示されるので、「承諾する」にチェックを入れて「インストール」ボタンをクリックします。
「承諾する」にチェックを入れて「インストール」ボタンをクリック
 

エラーが出た場合

まだサーバー側でドメイン設定が済んでいない場合は下記の警告が出ることがあります。警告が出た場合はしばらく待ってから再度設定してください。
ロリポップ ドメインが反映中の場合は警告が出ます

 

インストールが完了しました。管理者ページのURLのリンクをクリックしてみましょう。
管理者ページのURLのリンクをクリック
 

WordPressのログイン画面が表示されますので、先ほどWordPress簡単インストールで入力したユーザーIDとパスワードを入力してログインします。
WordPressのログイン画面
 

下記のような管理者画面が表示されます。ここで、WordPressの操作を行なっていきます。
WordPress 管理者画面
 

合わせて読みたい記事

WordPressの使い方を「【WordPress(ワードプレス)の使い方総まとめ】」で詳しく説明していますので、WordPressインストール後は合わせてご参考ください。

 

常時SSLの設定を行う

次にロリポップサーバー側で暗号化通信SSL(HTTPS)の設定をしていきます。
 

SSLとは

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

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

 

4-1. ロリポップでSSLの設定を行う

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

独自SSL(無料)の箇所で、取得したドメイン(www有り無し含めて)に対してチェックを入れて「独自SSL(無料)を設定する」をクリックします。
独自SSL(無料)を設定する
 

SSL設定作業中の画面が表示されます。5分程度待ちます。
SSL設定作業中の画面
 

SSLが設定されると、ブラウザを更新するとSSL保護有効と表示されるようになっています。
SSL保護有効と表示された
 

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

 

4-2. WordPressの設定でSSL設定

次に、WordPressでもSSLの設定を行います。

WordPressの管理URLに入り、ダッシュボードから「設定」を選択し「一般」をクリックします。
ダッシュボードから「設定」を選択し「一般」をクリック
 

「WordPressアドレス(URL)」、「サイトアドレス(URL)」を「http://~」から「https://~」に変え、「変更を保存」をクリックします。
httpをhttpsに書き換える
(※)本操作で誤った内容を入力・保存すると、WordPressにアクセスできなくなる場合があるため、慎重に行いましょう。
 

下にスクロールして変更を保存します。
変更を保存
 

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

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

「.htaccess」ファイルに常時SSLの設定を行う

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

ちょっと難しいと思った方は、一旦飛ばしてWordPressの使い方を覚えて後から設定しても構いません。

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

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

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

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

.htaccessをクリックします
.htaccessをクリックします
 

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

注意

誤った入力をすると、「.htaccess」ファイルが機能せず、最悪の場合、Webサイトが表示されない可能性もありますので、コードを変更したり、書き加える前に必ずバックアップを取っておきましょう。
.htaccessファイルを事前にダウンロード

 

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

 

ここに下記のようにコードを追記します(※)。
.htaccessにコードを追記
 

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

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


 

(補足. 中級者向け)コードの意味について
  • 「< IfModule mod_rewrite.c > *** 」の部分は、「***を処理する機能を定義する」という内容が書かれています。
  • 「mod_rewrite」とは、「条件を満たした場合に記載したURLに転送する機能」の意味です。
  • 「RewriteEngine」とは、「有効(ON)・無効(OFF)の設定」で、「有効(ON)」にします。
  • 「RewriteCond」とは、「条件を設定する」という意味です。
  • 「 %{HTTPS} off 」とは「https でない場合(SSLではない場合)」という意味です。
  • 「RewriteRule 」とは、「ルールを設定する」という意味です。
  • [ R = 301 , L ]の「R = 301」は「永続的に転送する」という意味であり、「L」は「ルールを終了する」という意味です。

 

以上のコードで「http」でアクセスがあった場合、「https」へ転送しますというルールを設定しています。

 

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


 

(2/12)各種管理画面へのログイン方法を確認する

ここまでで、ロリポップアカウントの開設、ムームードメインアカウントの開設、WordPressアカウントの開設を行いました。アカウント情報を混乱しないようにあらかじめ整理しておきましょう。
ロリポップでWordPressを始める方法
 

ロリポップへのログインを確認する

ロリポップのログインはロリポップのトップページログインから行います。
ロリポップトップページでログインボタンを押下
 

ログイン情報を入力します。
ログイン情報を入力
 

ログイン時に登録時のメールアドレス宛に認証メールが飛ぶ場合は、メールを開き中身を確認しましょう。
ログイン時に登録時のメールアドレス宛に認証メールが飛ぶ場合
 

メールを確認して、該当URLをクリックします。
メールを確認して、該当URLをクリック
 

ロリポップにログインできればOKです。
ロリポップ管理画面
 

ムームードメインへのログインを確認する

ロリポップで独自ドメインを同時に取得した場合、ムームードメインでもアカウント情報が作成されます。

ムームードメインにアクセスしてログインできるか確認してみましょう。
ムームードメインにアクセス
 

ログイン情報を入力します。
ログイン情報を入力
 

管理画面に入れればOKです。なお、初回ドメイン登録時の場合、確認メールが届いている場合があります。処理が終わっていないと下記のようにお知らせが表示されているので、記載の内容で処理を進めてください。
ムームードメイン管理画面
 

ムームードメイン管理画面
 

ムームードメインでは、取得したドメインの契約管理が行われています。
 

WordPressへのログインを確認する

最後にWordPressのログイン方法も確認しておきましょう。
 

WordPressのログイン画面
 

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

WordPress管理画面用のURL
 
http(s)://WordPressをインストールしたサイトのURL/wp-admin/
(例. https://webst8-demo.net/wp-admin/)

 

■WordPressログイン方法(動画解説版)

 
 

よくある間違い。検索してはいけない

ここで、よくある間違いとして、URL入力時にGoogle検索の候補を選んだり、検索エンジンでURLを検索してしまう人いますが、この方法ではログイン画面にいけないのでご注意ください。
該当のURLで検索してしまう
 

URLで検索されてしまうがヒットしない

ログインのURLは通常検索エンジンにヒットしない設定で非公開になっていますので、検索でURLを調べてもヒットしないんです。

 

上記の管理画面URLにアクセスすると下記のログイン画面が表示されます。
WordPressのログイン画面
 

WordPressをインストールした際に入力したユーザーID(またはメールアドレス)とパスワードを入力するとログインすることができます。
ユーザーID又はパスワードを入力後ログインボタンを押下
 
 

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

Cookieによるログインエラー

お使いのブラウザによっては、初回Cookieエラーが起きる場合がありますが、もう一度ログインを試してみてください。大体のケースではもう一度ログインするとうまくい事が多いです。
WordPress ログインエラー

 

(3/12)WordPressの管理画面の見方と基本操作を覚える

WordPressのダッシュボードの基本的な見方について説明していきます。
 

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

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

■WordPressの管理画面の見方(動画解説版)

 
 

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

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


 

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

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

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


 

項目 内容
投稿 ブログは投稿で作成します。時系列で最新情報が一番上に表示されていきます。お知らせ情報やブログなど投稿機能を利用するのが一般的です。
固定ページ 固定ページは会社情報やお問い合わせなどの単体ページで決まった箇所に表示しておきたいページで利用します。ページ作成の機能自体は投稿とほぼ同じですが、投稿と違って一覧のなかには表示されません。
外観 その名の通り、外観ではサイトの外観(デザイン)系の設定を行います。テンプレートやメニューバーなどもここで設定できます。

  • テーマ(テンプレート)の設定
  • メニューバーの設定
  • ウィジェットの設定
プラグイン スマートフォンでいうアプリの追加機能です。お問い合わせ機能やサイトマップなどWordPress自体が持っていない機能をプラグインという形で追加することができます。
設定 サイト名・キャッチフレーズやURLの構造設定、トップページの表示設定などの各設定ができます。

 

関連記事

本記事では割愛しますが、ダッシュボードの各項目と意味については「【WordPressダッシュボードとは?】管理画面の見方と意味を解説」で詳しく説明していますので、ダッシュボードの各項目を詳しく知りたい方はあわせてご参照ください。

 
 

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

ステップ6 WordPressのデザインテンプレート「テーマ」を設定する
 

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

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

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

WordPress テーマ 追加画面

WordPress テーマ 追加画面


 

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

 

合わせて読みたい記事

WordPressおすすめテーマ総まとめ
 

●今回は無料版Lightningで説明していますが、Lightningにはより高機能な「Lightning Pro」という上位版テーマがあります。

そのほかのおすすめテーマは下記をご参照ください。
タイプ別WordPressおすすめ有料テーマ8選をご紹介

タイプ別ワードプレスおすすめ無料テーマ8選をご紹介

 

■【2021年版】目的別WordPressおすすめ無料テーマ6選(動画解説版)


 

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

■WordPressのテーマのインストール方法(動画解説版)


 

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

新規追加ボタンを押下します。
WordPress テーマ 新規追加
 

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

有効化します。
lightning 有効化
 

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

合わせて読みたい記事

公式以外のテーマの場合:zipファイル化されたテーマをアップロードする(主に有料テーマはこちらの方法)という方法もあります。
 
サイトからダウンロードしたzip形式のテーマをインストール・設定する方法については、「【初心者向け】WordPressのテーマのインストール・設定方法を徹底解説」をご参照ください。

 

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

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

 

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

テーマの設定が終わったら、WordPressのブログ機能である「投稿」の使い方を覚えていきましょう。
 

■WordPressの投稿機能の使い方(動画解説版)


 
ワードプレスの投稿機能
 

投稿はブログとして利用できる機能です。一般的には、お知らせやコラム、技術情報や時事情報などで使われることが多いです。
 

投稿を新規追加するには、投稿>投稿一覧をクリックします(投稿>新規追加でもOK)。
投稿>投稿一覧
 

投稿一覧画面が表示されます。「新規追加」ボタンを押下します。
投稿一覧>新規追加
 

はじめてブロックエディターの画面を開いた時には、ガイドが表示されます。今回ば「×」を押していったん閉じます。
ブロックエディター  はじめに ガイドを閉じる
 

下記のような編集画面が初期状態で表示されます。大きく、メインのエディターエリアと上部ツールバー、右のツールバーがあります。
ブロックエディター の基本画面レイアウト
(※)上記はWordPress5.5の画面です。バージョンによって若干の差異があるのでその場合はご自身のご利用の画面に合わせて読み替えてください。
 

まずはタイトルと文章を書いたのち公開をして表示を確認してみましょう。


 

次に見出しを挿入してみましょう。+ボタンを押して、「見出し」を選択します。文末の+から末尾に追加することもできますし、ブロック間の間にカーソルを合わせて表示される+からブロックを間に挿入することもできます。

(※)見出しは本の章のようなものです。見出しは階層を持つことができます。h1が本のタイトルに相当して、H2は第1章・第2章、H3は第1-1章、第1-2章のような階層です。
 

次に画像を挿入してみましょう。右下+ボタンを押して「画像」を選択、自分の好きな画像を選択します。必要に応じて右ツールバーから画像ブロックの設定もできます。


 

素材サイトを利用しよう

実際にホームページを作って行く際に、良い画像がなくて素材不足になることがよくあります。また、ネットで検索して出てきたものは著作権で保護されているものもたくさんあるので安易に使ってはいけません。
 

ネットには、自由に使えて商用利用可能な画像素材サイトもたくさんあります。「【おすすめ素材サイト総まとめ】ホームページで使えるフリー・有料素材25選」にホームページ作成に使えるおすすめ素材サイトを一挙紹介していきますので、是非ご参考ください。

 

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


 

合わせて読みたい記事

投稿エディターの詳しい使い方は「【2021年版】WordPressブロックエディターの使い方を徹底解説」をあわせてご参照下さい。

 

WordPress5.0から標準エディターとなったブロックエディター

2018年12月末にリリースされたWordPress5.0から新しいエディター「ブロックエディター」が標準エディターになっています。
 

2018年以前はWordのようなエディター(クラシックエディター)が標準となっていました。
ワードプレスの新旧エディター(Classic EditorとGutenberg Editor)
 

旧エディター(クラシックエディター)の方にあえて戻したい場合は、プラグイン「Classic Editor」を利用することで従来のエディターに戻すことができます。ただし、今から新しくWordPressを覚えるなら、ブロックエディターで覚えると良いでしょう。

【Classic Editor】WordPressでブロックエディターから旧クラシックエディターに戻す方法

 
 

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

次に、固定ページを作成してメニューバーを設定していきましょう。
 

■WordPress 固定ページの作り方(動画解説版)


 

次に、下記のようにワードプレスでメニュー(グローバルナビゲーション)を作成するやり方をご紹介します。(※)メニューの位置や見え方はテーマによって異なります。
ワードプレスで設定するメニューバーの例
 

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

メニューバーを作成する概要手順

  1. 事前に各メニューリンク先となる固定ページを作成する
  2. メニューバーを作成する。1で作成した各固定ページをメニュー項目として配置する

 

(6-1)固定ページを作成する

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

■例)固定ページで作成したお問い合わせページ
ワードプレス固定ページの例
 

「投稿」と同様にページを作成する機能に「固定ページ」という機能があります。
 

一般的に固定ページでは「会社情報」や「お問い合わせ」などページ単体で独立している内容で、メニューバーなど決まった位置に表示しておきたいページで固定ページで利用します。固定ページで作成したページは投稿一覧の中には表示されません。
 

ワードプレスの投稿と固定ページの違い
 

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

項目 投稿 固定ページ
特徴 ブログのようなコンテンツは投稿で作成する
例)コラム、技術情報、お知らせ・ニュース、イベント、商品ページなど
ページ単体で完結できるようなコンテンツを書くのに向いている。
例)トップページ、会社情報、お問い合わせ、アクセス、採用情報、ランディングページなど
できること
  • カテゴリー・タグによる投稿の関連付けができる
  • 投稿一覧、カテゴリー一覧、タグ一覧から各ページを一覧表示できる
  • 複数のブログタイプ(カスタム投稿タイプ)を作ることができる
  • 固定ページ同士で親子関係を作ることができる
  • ページごとにデザインテンプレートを作成・選ぶことができる
できないこと
  • 投稿同士で親子関係を作ることができない。
  • ページごとにデザインテンプレートを選択することができない。
  • カテゴリー・タグによる投稿の関連付けができない
  • 固定ページ一覧、カテゴリー一覧、タグ一覧などで各ページを一覧表示できない

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

固定ページは固定ページ>新規追加から作成することができます。
ワードプレス 固定ページの新規追加
 

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

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

事前に作成しておく固定ページの例

  • HOME
  • お問い合わせ
  • お客様の声
    • スクール受講生の声
    • セミナー受講生の声
    • 法人様の声
  • ブログ
  • 会社情報

 

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

(6-2)メニューバーを作成する

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

■WordPressメニューバーの作り方・カスタマイズ方法1(動画解説版)


 

■WordPressメニューバーの作り方・カスタマイズ方法2(動画解説版)


 

■WordPressメニューバーの作り方・カスタマイズ方法3〜ヘッダーメニューとフッターメニューを使い分ける方法〜(動画解説版)


 

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

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

WordPress 外観>メニュー

WordPress 外観>メニュー


 

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

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

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

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

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


 

最後にメニューの設定を行います。ここではHeader NavigationとFooterNavigationにチェックを入れて最後にメニューを保存ボタンを押下します。
ここではHeader NavigationとFooterNavigationにチェックを入れて最後にメニューを保存ボタンを押下します
 
(※)Header NavigationとFooterNavigationという名称はご利用のテーマによって違います。また、テーマによっては1つしかチェックができない場合も3つある場合もあります。
 
以上で、メニューの追加は完成です。
 

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

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

 

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

ここでは、メニューバーを作り固定ページを割り当てる設定方法を簡単に説明しました。

他にも任意のURLを設定したり(カスタムリンク)、投稿カテゴリーや個々の投稿ページなどをメニューバーに割り当てることもできます。

詳しい使い方は「WordPressヘッダーメニューバーの作り方と設定方法」を合わせてご参照ください。
 
 

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

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

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

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

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

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

これで、トップページを表示すると「HOME」の内容が表示されるようになりました。
ここで設定するんですね!でも、もともとトップページに表示されていたブログ一覧ページはどこに表示されるでしょうか?

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

 

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

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


 

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

 
 

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

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

WordPress5.8から導入されたブロックウィジェットについて

2021年7月20日にリリースされたWordPress5.8以降は、ブロックウィジェットという新しい画面になりました。
現時点ではまだテーマやプラグインの対応状況がまばらであるため、本記事は従来版(クラシックウィジェット)の説明でご紹介しています。
従来のウィジェットに戻すには「Classic Widgets」をインストールしいます。詳細手順は下記をご参照ください。
【Classic Widgets】ウィジェット画面を戻すWordPressプラグイン

 

■【WordPressウィジェットとは】ウィジェットの使い方(動画解説版)


 

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

ワードプレスのウィジェット機能の説明
 

ウィジェット(パーツ)の一例

  • テキスト・画像
  • 最新の投稿一覧
  • お問い合わせ情報・バナー
  • 検索窓

 

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


 

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

左側の追加したいウィジェットタイプを選択してドラッグ&ドロップで任意の箇所にウィジェットを追加します。
ワードプレスのウィジェット画面。任意のウィジェットを 任意のエリアに配置していきます。
 

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

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

 

ウィジェットタイプを選択して、任意の箇所にウィジェットを追加します。
ウィジェットタイプを選択してドラッグ&ドロップで任意の箇所にウィジェットを追加する
 

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

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


 

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

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

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

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

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

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

 

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

 

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

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


 

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

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

 
 

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

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

次に、お問い合わせフォームを作成しておきましょう。お問い合わせフォームを実装するにはプラグインを利用します。
 

プラグインとは、スマホのアプリのような機能で、WordPress本体にない機能をプラグインを追加することで追加機能を実装することができます。
プラグインの概念 プラグインをインストールすることでWordPressに新たな機能を追加する

(参考)WordPressのプラグインとは?インストール方法と注意点(動画解説版)


 

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

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

■Contact Form 7の使い方・その1(動画解説版)


 

■Contact Form 7の使い方・その2(動画解説版)

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

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

 

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

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

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

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

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


 

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

 

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

WordPress お問い合わせフォーム「ContactForm」 []内のショートコードをコピー

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


 

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


 

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

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

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

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

 

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

Contact Form 7のショートコードを貼り付けた固定ページでお問い合わせフォームが表示されている
 

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

問い合わせが通知されている
 

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

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

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

 

WordPressおすすめプラグインのについては、「【2021年度】WordPressのおすすめプラグインを利用シーン別に徹底解説!」に記載していますので、いろいろプラグインをみてみたい方は合わせてご参照ください。
 
 

(10/12)WordPressブロックエディターの使い方を更に覚える

前述の手順で、WordPressの投稿や固定ページの編集画面(ブロックエディター)の使い方を簡単にご紹介しましたが、WordPressの基本操作に慣れてきたらブロックエディターの細かい使い方を覚えていきましょう。

ブロックエディターでは、「ブロック」と言われる単位で見出しや画像や文章を追加してページを作っていく形になります。
ブロックエディター の概念
 

■WordPressのブロックエディターの使い方(動画解説版)

 
 

ブロックエディターの使い方詳細については「【2021年版】WordPressブロックエディターの使い方総まとめ」で詳しく解説していますのであわせてご参照ください。
 

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

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

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

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

WordPressでおすすめの初期設定

  1. (済み)常時SSLを設定する
  2. サイト名とキャッチフレーズを設定する
  3. パーマリンクを変更する
  4. バグ修正パッチプラグインを当てる
  5. バックアップ設定をする
  6. セキュリティ対策をする
  7. SEO対策をする
  8. パフォーマンス改善の設定をする

 

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

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

 

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

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

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

 

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

(12/12)ホームページに必要な情報・コンセプトを整理する

最後に補足として、ホームページ作成の上で知っておきたい関連項目や知識・サイトをご紹介していきます。
 

ホームページのコンセプトを整理する

ホームページのコンセプト作りも重要ですので、合わせてこのホームページを誰向けにどう見せていくかも整理しておきましょう。

(※)Webマーケティングなどを意識してホームページを作る場合は本来最初に実施する行程ですが、今回はあくまで作り方にスポットを当てているため補足として説明しています。
 

ホームページのコンセプト作り

  • ホームページの目的を明確化する
  • ホームページのターゲット(ペルソナ)を決める
  • ホームページのターゲットに向けたコンテンツを決める
  • ホームページの重点キーワードを決める
  • 競合サイトを調査する

 

 

サイト構成(サイトマップ)を考えよう

これまでは、物理的な手順・作り方を主に説明してきましたが、実際にページを作る際には、サイトの設計が重要になります。

たとえば、どんなページ構成にするのか、どういった情報を掲載するのかなどですね。あまり深く考えすぎないでも構いませんが、下記のような構成図を作っておくと、それに沿ってサイトを作っていくことができるのでおすすめです。
 

サイト構成(サイトマップ)
 

どのようなコンテンツを作るべきかについては、これから作成する業種・内容によってまちまちなので一概には言えませんが下記のような項目はよくあるコンテンツです。
 

もし自分の作成するホームページにマッチする場合は作っておきましょう。
 

  • トップページ(HOME)
  • サービス(事業内容)
  • 料金表
  • 製品情報
  • 会社情報(プロフィール)
  • 初めての方へ
  • 代表者あいさつ
  • リクルート(スタッフ募集)
  • 社員の声
  • 良くある質問
  • 実績(作品)
  • お客様の声
  • お問い合わせ
  • メディア掲載歴
  • お知らせ
  • ブログ(コラム)

どんなコンテンツを候補にできるかは、あなたと同じ業種・業態のホームページを調べてみて参考にするのが近道だと思います。

 

上記のようなコンテンツをホームページのコンテンツ(中身)として作っていきましょう。
 
 

写真素材・イラスト素材サイトを活用しよう

実際にホームページを作成する際に、良い画像がなくて素材不足になることがよくあります。また、ネットで検索して出てきたものは著作権で保護されているものもたくさんあるので安易に使ってはいけません。
 

ネットには、自由に使えて商用利用可能な画像素材サイトもたくさんあります。「【おすすめ素材サイト総まとめ】ホームページで使えるフリー・有料素材25選」にホームページ作成に使えるおすすめ画像素材サイトを一挙紹介していきますので、ぜひご参考ください。
 
 

独自ドメインのメールアドレスを作成しよう

独自ドメインを取得してレンタルサーバーを契約したら、メールアドレスも作っておくことをお勧めします。
 

下記は、ロリポップで独自ドメインのメールアドレスを作成して、送受信する方法を説明しています。
ロリポップでメールアドレスを作成・送受信するやり方
 
 

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

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

WordPress ホームページの作り方
 

  1. レンタルサーバーを契約してWordPressをインストールする
  2. 各種管理画面へのログイン方法を確認する
  3. WordPressの管理画面の見方と基本操作を覚える
  4. WordPressデザインテンプレート「テーマ」を設定する
  5. WordPress投稿機能でブログを書く
  6. WordPress固定ページを作成してメニューバーに設定する
  7. カスタマイザーでメインビジュアルや色等のテーマ設定を行う
  8. ウィジェットでサイドバーやフッターを設定する
  9. プラグインでお問い合わせフォームを作成する
  10. WordPressブロックエディターの使い方を更に覚える
  11. その他のWordPressの初期設定をする
  12. (補足)ホームページに必要な情報・コンセプトを整理する

 

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

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

 

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

合わせて読みたい記事

なお、本記事の説明した内容以外のWordPressの使い方全般を、「【WordPress使い方総まとめ】ワードプレスの使い方を徹底解説」に記載しています。

 

「業者に任せたけど、更新ができない」「本で独学は時間がかかりすぎる・・」そんなお悩みの方も多いのではないでしょうか。

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

詳細はこちら

YouTubeチャンネル開設しました!

WEBST8 YouTube Channel 開設
最大月間50万PVの当ブログをベースに、Youtube動画配信にてWordPress、ホームページ作成、ブログのことについてお役立ち情報を随時配信していきます。

ご興味ある方はぜひチャンネル登録をしていただけますと幸いです。


 


 

おすすめ記事3選

【WordPressの始め方総まとめ】ワードプレスブログの作り方9STEP

WordPressの始め方総まとめ

WordPress(ワードプレス)でブログを始めようと思った時に、サーバー・ドメインの手続きなどわからないことだらけで困っているというお悩みをお持ちの方も多いのではないでしょうか。本記事では、WordPressでブログやアフィリエイトを始めたい初心者を対象にWordPressの始め方をご紹介していきます。

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

WordPressホームページの作り方

WordPressでホームページを自作しようと思った際に、「ドメイン?サーバー?たくさん調べることがあって何から手をつけたら良いのかわからない」というかたも多いのではないでしょうか。この記事ではWordPress初心者の方を対象にWordPressでホームページを作る方法をご紹介していきます。

【2021年版】WordPress(ワードプレス)の使い方総まとめ

WordPress(ワードプレス)の使い方  総まとめ版

今回は、これからWordPress(ワードプレス)を使ってホームページまたはブログサイトを作りたい初心者の方向けに、WordPressの導入から使い方までまとめて説明していきます。 (※)WordPress5.0から実装された最新のブロックエディター(グーテンベルグエディター)にも対応しています。

-WordPress, ホームページの作り方
-,