• HOME > 
  • WordPress > 
  • ワードプレスの使い方【ホームページを作る手順】

ワードプレスの使い方【ホームページを作る手順】

投稿日:

このページにはGoogleアドセンス広告とアフィリエイト広告が含まれています。

カテゴリー記事のアイキャッチ画像

本記事は執筆時点(2022年01月30日)の情報をベースにしております。掲載している情報が最新ではない可能性がありますので何卒ご容赦ください。

広告
広告

ワードプレスによるサイト制作の流れ

本来WEBサイトの制作には、HTMLやCSS、PHPといった言語の専門知識が必要です。

そういった知識がなくても簡単にサイトを制作できるシステムがワードプレスです。

ワードプレスは無料で誰でも利用でき、サイトの制作や運営に便利な機能が備わっているため世界中の数多くのWEBサイトがワードプレスによって作られています。

リンク先のサムネイル
ワードプレスとは?【初心者にもわかりやすく解説】

ワードプレスならHTMLやCSSといった言語の知識がなくても直感的な作業でサイトを構築することができます。...

ここからは、ワードプレスを用いてサイトを制作し公開するまでのおおまかな流れを説明します。

紹介する各機能の細かい説明は個別のページをご覧ください。

【準備編】

ワードプレスでサイト制作して公開するためには、最低限以下の3つを用意しておく必要があります。

ワードプレスでサイト制作するために必要なもの

ワードプレス自体は無料で利用できますが、公開のためには有料のレンタルサーバーの契約とドメインの取得が必要です。

ワードプレス本体

ワードプレスは、HTMLやCSS、PHPといったプログラミング言語によるいくつものファイルによって作られています。

公式サイトにて無料でダウンロードできます。

後述しますが、「かんたんインストール」機能が備わっているレンタルサーバーであればダウンロードして用意しなくても利用可能です。

レンタルサーバー

ワードプレス本体や掲載するデータなどをアップロードするためにレンタルサーバーを契約する必要があります。

どんなレンタルサーバーでも良いという訳ではなく、PHPというプログラミング言語、MySQLなどのデータベースといった機能などが利用可能である必要があります。

またこれらは古いバージョンでは最新のワードプレスが正しく動作しない場合もありますので、こちらも契約の際には注意が必要です。

レンタルサーバーは様々な会社でいくつものプランが用意されていますが、ワードプレスのインストール機能が用意されているものを選ぶことが確実なのでおすすめです。

ドメイン

ドメインは簡単に説明するとインターネット上の住所のようなものです。サーバーと同様にサイトを公開するためには取得が必要です。

プランに組み込まれていてまとめて利用できるレンタルサーバーも存在します。

既に取得されている文字列は利用できないほか、「.jp」や「.com」などそれぞれ料金が異なるので注意が必要です。

【基本編】

まずは、ワードプレスでサイトを制作するための基本機能とそれを使用してサイト制作を進める流れを説明していきます。

各機能の具体的な操作方法は、個別のページをご覧ください。

インストール方法

前述の通り「ワードプレスのインストール機能」が備わったレンタルサーバーをご契約頂くことをおすすめします。

レンタルサーバーのインストール機能を使用する方法

ご契約中のレンタルサーバーのマニュアルに従ってインストールして下さい。

ダウンロードしたワードプレスをインストールする方法

ワードプレスにはデータベースが必要になりますので、事前にレンタルサーバーのコントロールパネルなどから作成します。

データベース作成

公式サイトからインストールしたワードプレスファイルを解凍したうえで、FTPソフトを使用してレンタルサーバーにアクセスしてアップロードします。

FTPソフト

ワードプレスをインストールするためにデータベースの情報を入力します。

データベースの情報を入力

ユーザー名とパスワードなどを設定すればインストール完了です。

ユーザー名とパスワードなどを設定

サーバーやドメインを契約する前にワードプレスを試してみたい場合

レンタルサーバーやドメインがなくても、ご使用のパソコン上でワードプレスを使う方法が存在します。

XAMPPという無料ソフトを利用してローカル環境を整えれば、ワードプレスをインストールして使用できます。

XAMPPイメージ リンク先のサムネイル
XAMPPにワードプレスをインストールする方法

XAMPPは自身のPC内に架空のサーバーを構築してくれる無料ソフトです。このページでは、XAMPPをインストールしてワードプレスを使用する流れを説明します...

ワードプレスにログインする

インストールの際に設定したユーザー名とパスワードを入力してログインします。

ワードプレスにログインする リンク先のサムネイル
ワードプレスにログインできない原因と解決法

WordPressのログインページにアクセスし管理画面へログインする手順と、パスワードを忘れてしまったなど万が一WordPressにログインすることができなくなってしまった...

管理画面の見方

ワードプレスは下図のような管理画面でページの作成などサイト制作に必要なすべての作業を行うことができます。

ワードプレスの管理画面 リンク先のサムネイル
ワードプレスの管理画面の見方

WordPress(ワードプレス)を使用してサイトを作成するのであれば、まずは管理画面の構成を理解して、どのメニューでどの作業をするのかを把握しなくてはいけません。...

初期設定を行う

サイトのタイトルや説明文をはじめ、メールアドレスやURL、コメントの許可などサイトの基本設定をはじめに行います。

初期設定 リンク先のサムネイル
ワードプレスの初期設定の方法

このページでは、WordPress(ワードプレス)をインストール後にまずはじめに設定しておいた方が良い初期設定の項目と内容を説明します。サイトタイトルや表示設定、パー...

テーマを設定する

ワードプレスは、テーマと呼ばれるテンプレートをインストールして使用することで簡単に見栄えの良いデザインのサイトを制作することができます。

無料のものや有料のものも併せて膨大な数のテーマがあります。

まずは、気に入ったデザインやサイトに必要な機能を持ちあわせたテーマを見つけるところから始めましょう。

テーマを設定 リンク先のサムネイル
ワードプレスのテーマのインストール方法

WordPressでテーマをインストール方法や変更・削除の手順、そしてテーマを選ぶポイントを説明します。簡単にデザインが切り替えられるテーマの利用...

プラグインを使用する

ワードプレスにはじめから備わっている機能とテーマによって追加されたデザインや機能を使うだけでもサイト制作は可能ですが、お問い合わせフォームなど他にもサイトに加えたいものは存在します。

そういった場合はプラグインを探しましょう。

プラグインは、インストールすることで様々な機能をワードプレスに追加することができます。

お問い合わせフォームのような訪問者に使ってもらう機能もあれば、セキュリティ対策のような内部に機能を追加するものまで様々です。

テーマと同様に数多くのプラグインが存在しますので、サイトにあったものを見つけましょう。

プラグインを使用 リンク先のサムネイル
ワードプレスのプラグインのインストール方法

ワードプレスの拡張機能であるプラグインをインストールして使用する手順から、削除などの管理の方法、そしてプラグインの種類について説明します。ワ...

ページを作成する

いよいよここからがサイト制作本番です。掲載するページを作りましょう。

ワードプレスに標準で備わっているブロックエディター機能は、直感操作で文章や画像をレイアウトできます。

HTMLやCSSといった言語の知識がなくても、ワードやエクセルのように文字を打ち込み画像を設定すればページを作り上げることが可能です。

ページ作成 リンク先のサムネイル
ワードプレスのエディターの使い方

ワードプレスで投稿ページや固定ページを新規作成し公開するために必要な編集画面でのエディターの使用方法や設定、一覧画面でのページ管理の仕方を説...

リンク先のサムネイル
ワードプレスで背景を設定する方法

ワードプレスには背景設定が用意されており画像を選ぶだけで簡単に背景を表示できます。またCSSのbackgroundプロパティを使えば表示方法をより詳細に指定することも可...

リンク先のサムネイル
ワードプレスでボタンを作る方法

WEBサイトではボタンを設置することにより、視認性を高めアクションを起こしてもらいやすくなります。このページでは、ワードプレスを使ってサイトにボタンを設置する...

ナビゲーションメニューを作成する

作成した各ページを見てもらうために、ナビゲーションメニューを用意し設置しましょう。

メニューの表示例

ワードプレスでは、直感操作で簡単にすることが可能です。

メニューを作成 リンク先のサムネイル
ワードプレスのナビゲーションメニューの作り方とカスタマイズ方法

ワードプレスに標準的に備わっている機能を使ってナビゲーションメニューを作成する方法を説明します。...

リンク先のサムネイル
ワードプレスのナビゲーションメニューに説明文を表示する方法

ワードプレスに備わっているメニューの説明文の機能を利用すれば、ホームページでよく目にするメニュー項目の下に、英語表記を表示させるというデザインが簡単に実現で...

【公開編】

サイトが完成したら公開作業に移ります。

XAMPPなどを利用してローカル環境で制作を進めていた方などは、公開のためにレンタルサーバーやドメインを契約しましょう。

レンタルサーバーを契約する

ドメインを取得する

SSL化を実施する

暗号化通信によってサイトのセキュリティを強化できます。

SSL化されていないサイトは第三者に改ざんされるリスクが増えるだけでなく、ブラウザのアドレスバーに「保護されていないサイト」と表示されてしまい、サイトの信頼度の低下につながる恐れもあるので注意が必要です。

なおレンタルサーバーによってはSSL化に別途費用が必要な場合がありますのでご注意下さい。

リンク先のサムネイル
ワードプレスでSSL化を行うプラグイン「Really Simple SSL」の使い方

SL化を行ったサイトはブラウザとサーバーの間で行われるデータ通信を暗号化し、第三者による傍受や改ざんを防ぐことができます。...

Googleサーチコンソールに登録する

現時点では、サイトのURLを知っている人しかサイトを見ることができない状態です。

多くの人にサイトを訪れてもらうためには、Googleなどの検索結果に表示されるようにする必要があります。

Googleのサーチコンソールにサイトを登録すると、検索の対象になりキーワードによっては検索結果に表示されるようになります。

Googleアナリティクスを設定する

サイトを運営していくうえで訪問者を増やしたい場合には、閲覧数などのデータを把握してサイトを修正していく必要があります。

Googleアナリティクスにサイトを登録するとページごとの閲覧者数などの細かいデータを確認することができます。

【応用編】

サイトの内容を充実させたり、快適に管理運用を続けていくためには他ににも追加しておいた方が良い機能があります。

メールフォームを設置する

本来PHPなどのプログラミング言語の知識が必要なメールフォームの設置もプラグインを利用すれば簡単です。

メールフォームを設置 リンク先のサムネイル
ワードプレスのコンタクトフォーム7でメールフォームを作る方法

ワードプレスで「Contact Form 7」を使用してお問い合わせなどのメールフォームを作成する方法を説明します。...

リンク先のサムネイル
Honeypotでコンタクトフォーム7のスパム対策を行う方法

「コンタクトフォーム7」を使用して設置したメールフォームで行うスパム対策として「Honeypot」というプラグインの使い方を説明します。...

ユーザー権限を変更する

サイトを複数人で管理運用したい場合には、ユーザーを追加し編集権限などを変更することができます。

ユーザー権限 リンク先のサムネイル
ワードプレスのユーザー権限の追加変更方法

ワードプレスでは別のユーザーを新たに登録することができ、登録したユーザー毎に管理画面で利用できる機能を限定させることが可能です...

SNSシェアボタンを設置する

SNSシェアボタンがあればサイトの訪問者にSNSで共有してもらいやすくなります。サイトの認知度を高めるためにも設置しておくと良いでしょう。

プラグインを使用すれば簡単に作成設置ができます。

SNSシェアボタン リンク先のサムネイル
ワードプレスのサイトにSNSシェアボタンを設置する方法

SNSシェアボタン設置できるプラグインの中でも代表的なプラグインであるAddToAny Share Buttonsの使い方を説明します。...

サイトマップを作成する

サイトマップには、サイトの訪問者が必要なページにたどり着きやすくするためのサイトマップと検索エンジンにサイトの構造を正しく伝えるためのサイトマップの2種類が存在します。

どちらもプラグインで作成ができます。

サイトマッププラグイン リンク先のサムネイル
ワードプレスでサイトマップを作る方法

WEBサイトにおいて必要不可欠なサイトマップをワードプレスでプラグインを利用して設置する方法を解説します。...

セキュリティ対策を行う

ワードプレスは世界中で利用されている反面、ハッキング等のターゲットにされやすいという弱点も存在します。

プラグインを使用してセキュリティ対策を施しておきましょう。

セキュリティ対策プラグイン リンク先のサムネイル
ワードプレスのセキュリティ対策プラグイン「sitegurd」の使い方

ワードプレスの「SiteGuard」というプラグインの使ってサイトのセキュリティ対策を行う方法について説明します。...

バックアップの方法

サイト編集中のミスや前述のハッキングなど予期せぬトラブルでサイトに不具合が起きたときのために、定期的にサイトのバックアップを取っておきましょう。

プラグインを使用すればワンクリックでバックアップが行えます。

バックアッププラグイン リンク先のサムネイル
ワードプレスでバックアップを取る方法

手動でバックアップを取る方法と「All in one Migration」を使用してバックアップを取る方法を説明します。...

バージョンアップを行う

ワードプレス本体をはじめ、テーマ・プラグインは定期的に新しい機能が追加されるなどより良いものに更新されていきます。

セキュリティ対策上の脆弱性の改善も含まれていますので、バージョンアップを行い最新の状態にしておきましょう。

バージョンアップ リンク先のサムネイル
ワードプレスの更新を行う方法

ワードプレス本体とテーマ及びプラグインを最新のバージョンに更新する手順を説明します。...

リンク先のサムネイル
ワードプレスのプラグインのバージョンを戻す方法

ワードプレスのプラグインを過去のバージョンへダウングレードする方法を説明します。...

スライドショーを設置する

多くのサイトで導入されているスライドショーの設置も、本来はJavascriptなどのプログラミング言語の知識が必要ですが、プラグインを使用すれば簡単に行えます。

スライドショープラグイン リンク先のサムネイル
ワードプレスのMetaSliderプラグインの使い方

ワードプレスでスライドショーを設置するなら「Meta Slider」プラグインが直感的かつ簡単にスライドショーを作成できるのでお勧めです。...

まとめ

個人のブログから企業のコーポレートサイトやショッピングサイトまで、あらゆるサイトをワードプレスで構築することが可能です。豊富な機能を使いこなして思い通りのサイトを作り上げて下さい。

広告
広告

関連する記事

サムネイル

WPでカスタム投稿に対してカスタムフィールドを設置する【プラ……

2024年12月06日
WPのカスタム投稿の編集画面にプラグインを使わずにカスタムフィールドを設置する方法について学んだので備忘録として残しておきます。 カスタムフィールドとは? Wo […]
サムネイル

WPのカテゴリー内の項目(ターム)の表示順を変更【プラグイン……

2024年12月03日
WordPressにおいてカテゴリーの項目(ターム)を一覧表示させたときの表示順をプラグインを使わずに変更する方法を学んだので備忘録として残しておきます。 ター […]
サムネイル

WPのカスタム投稿一覧表への列(カラム)の追加と並び替え【プ……

2024年12月03日
最終更新日:2024年12月05日
WPのカスタム投稿タイプを作ってサイトを構築していく中で、管理画面上での一覧ページに任意の列(カラム)を追加したり、表示順を並び替える方法を学んだので備忘録とし […]
サムネイル

WPのカスタム投稿タイプでカテゴリーやタグを設定できるように……

2024年12月03日
WordPressのカスタムタクソノミーを使ってカスタム投稿タイプにカテゴリーを設定する方法について学んだので備忘録としてまとめます。 カスタムタクソノミーとは […]
サムネイル

WPでカスタム投稿タイプを追加してページを分類する方法

2024年12月03日
WordPressのカスタム投稿機能を使ってぺージを分類する方法について学んだので備忘録としてまとめます。 カスタム投稿タイプとは? WordPressでは、標 […]
サムネイル

WPで下書きページを第三者と共有できるプラグイン【Publi……

2024年11月07日
WordPressにおける下書き状態のページは非ログイン状態では閲覧することができないので、新規追加予定ページをクライアントにチェックしてもらう時の良い方法を探 […]
サムネイル

WordPressの予約語とは?【カスタム投稿タイプ・カスタ……

2024年11月07日
WordPressのカスタム投稿タイプやカスタムタクソノミーを扱うにあたり、予約語について学んだので備忘録としてまとめます。 予約語とは? WordPressで […]