【2024年7月12日更新】「Lightning G3 クイックスタート」のアップデートにより、トップページスライドショーがブロックに変更されたため、記事の内容を修正しました。

この記事のレベル

初心者	（4.0）
重要度	（3.0）
難しさ	（2.5）

こんにちは、編集長のカワウソです！

WordPress（ワードプレス）でのホームページ制作を検討しているものの、「実際にどう作るのかイメージが湧かない……」とお悩みではありませんか？

そこで今回は、WordPressでホームページを自作する手順を解説します。

この記事を読めば、WordPressで会社のホームページを自作できるようになります。

また、Web制作会社への外注を考えている場合でも、事前に自分で作ってみれば、担当ディレクターとのコミュニケーションが円滑に進むでしょう。

それではどうぞ！

WordPressのテーマとは

レンタルサーバーにWordPressをインストールしたら、次はテーマを選びます。

WordPressのテーマとは、ホームぺージのデザインテンプレート（雛形）のことです。

ここでは、ホームページ制作でテーマを用いるメリットとデメリットを解説します。

※テーマについて知っている方は、「Lightning（ライトニング）について」からご覧ください。

メリット：高品質なホームページが作れる

WordPressのテーマを使えば、高品質なホームページが作れます。

基本的にWordPressのテーマを作っているのは、Webデザインのプロです。

デザイン性の高さはもちろん、テーマによっては、コンバージョン（問い合わせや資料請求など）を獲得するための「導線設計」が、うまく計算されています。

テーマを活用すれば、見た目だけでなく、成果の上がるホームページを作りやすいでしょう。

※コンバージョンについては、以下の記事で詳しく解説しています。

メリット：時間やコストを抑えられる

時間やコストを抑えられるのも、WordPressのテーマを使うメリットです。

テーマは、すでにデザインがほぼ完成しています。そのため、テーマを活用すると、見た目が整った状態からホームページ制作を始められるのです。

あとはテキストや画像などを自社の素材に変更すれば、オリジナルのホームページが作れるでしょう。

反対にテーマを使わないと、ホームページをゼロから作る必要があり、多くの時間がかかります。
自作するとは言っても、ビジネスである以上、時間はコストと考えるべきですよね。

テーマを使って、パパッとホームページを作ってしまいましょう。

デメリット：他社のホームぺージと似る可能性がある

利用者数が多いテーマを使うと、他社のホームページと似るおそれがあります。

たとえば、「ブランドサイトを制作するため、デザインはこだわりたい」といった方は注意が必要です。他社のホームぺージに似てしまっては、ブランドのオリジナリティが欠けてしまいますよね。

できる限りフリー（無料）の素材は使わず、自社オリジナルの写真やイラストなどを使いましょう。

予算がある場合は、Web制作会社に依頼するのがおすすめ。
既存のテーマを使わず、自社オリジナルのデザインでゼロから構築してくれますよ。

※Web制作会社の選び方については、以下の記事をご覧ください。

Lightning（ライトニング）について

この記事では、『Lightning』というテーマを用いて、ホームページ制作の手順を解説します。

▲出典：Lightning

『Lightning』は、株式会社ベクトルが提供する無料のWordPressテーマ。Web制作スキルがない方でも、ホームページやブログが簡単に作れるように開発されています。

2024年7月時点、有効インストール数は10万件を超えていて、信頼と実績があるテーマです。

『Lightning』には、初心者の方でも簡単にテーマをインストールできる「Lightning G3 クイックスタート」があります。

「Lightning G3 クイックスタート」を利用すれば、以下の画像と同じデモサイトを編集する形で簡単にホームページが作れますよ。

▲出典：Lightningのデモサイト

その他、無料で利用できるオンライン学習サービス『ベクトレ（Vektor Training）』が提供されているため、これからWeb制作を学びたい方にも、おすすめできるテーマです。

Lightningのデモサイトをインストール

まずは「Lightning G3 クイックスタート」の手順に沿って、デモサイトのデータをWordPressにインストールしてください。

実際の画面を確認しながら進めることができ、初心者の方にも分かりやすいように説明されています。

編集作業の前にバックアップを取得しておこう

作業の前に「バックアップ」を取っていると、編集で何らかのトラブルが発生しても復元できます。

ほとんどのレンタルサーバーは、管理画面から簡単にバックアップを取得可能。通常のとは別に、必ずMySQL（マイエスキューエル）のバックアップも取っておきましょう。

MySQLはデータベースのことで、WordPressで使用されます。MySQLのバックアップがないと、完全に復元できなくなるため、必ず取っておいてください。

『エックスサーバー』のバックアップ方法については、以下でご確認いただけます。

Lightningデモサイトの編集

この記事では、トップページの編集方法にフォーカスを当てて解説します。

今回作るのは架空の会社、オーガニック化粧品OEMメーカー「Organic Cosmetics Company」のトップページ。
トップページの制作にあたり、WordPressで編集するのは主に以下3つの機能です。

先に完成イメージを確認したい方は、以下をご覧ください。

ロゴの編集

初めに、デモサイトのロゴを編集していきます。

※以下の記事では、ホームページに最適なロゴの作り方を解説しています。「これからロゴを準備する」という方は、ぜひご覧ください。

ヘッダーナビゲーションの編集

「ヘッダーナビゲーション」は、ロゴ右側にある「ホーム」「サービス案内」などの各種リンクのことです。
※なかでも、他のページに共通して表示されるものを、「グローバルナビゲーション」と言います。

スライドの編集

「スライド」は、トップページ上部のメイン画像エリアです。
複数の画像を登録して、スライド（流れる）する仕組みにできます。

2つめと3つめのスライダーアイテムの編集方法も同様です。

なお、スライダーアイテムを削除すると、スライドの数を減らせます。

コンテンツの編集

トップページの「こんなお悩みありませんか？」以降にある、コンテンツの編集方法を解説します。

※画面左上の「元に戻す」ボタンから一つ前の状態に戻せます。誤って作業した場合は、この機能を利用してください。

お知らせの編集

ここでは、「お知らせ」を新規投稿する方法を紹介します。

フッターの編集

「フッター」は、ホームページの下部にあるエリアを指します。他のページでも表示される共通エリアです。

もっと詳しく手順を知りたい方へ

ここまでで、『Lightning』のテーマを活用して、トップページを作成する方法を解説しました。

さらに「詳しい手順を知りたい」という方は、以下の連載企画がおすすめ。 トップページだけでなく、ホームページ全体を作る手順を解説していますよ。

以下の連載企画を読めば、WordPressや『Lightning』での制作スキルが身に付き、自社オリジナルのホームページが作れるようになるでしょう。ぜひあわせてご覧ください。

他のテーマも見てみたいという方へ

「他のテーマも見ておきたい」という方は、以下の記事がおすすめです。

『Lightning』含め、人気のテーマを紹介していますよ。

WordPressでのホームページ制作に関するQ&A

最後に、WordPressでのホームページ制作に関するQ&Aをまとめました。

WordPressが人気の理由は？

結論、WordPressには多くのメリットがあるためです。

WordPressは、世界でもっとも人気のCMSです。

2024年7月時点で、「62.7%」という圧倒的なシェアを誇っています（参考：W3 Techswordpress-cms「Usage statistics of content management systems」）。

たくさんのメリットがあるからこそ、WordPressは世界No.1のシェアを獲得しているのです。

詳しくは、以下の記事をご覧ください。

WordPressには月いくらかかる？

WordPressの利用方法には以下の2種類があり、それぞれで月にかかる費用が異なります。

一見、無料プランがある「WordPress.com」のほうがお得に感じますよね。

ただ、「WordPress.com」の無料プランは、会社ホームページの運用には向いていません。
実用レベルで考えると、ビジネスプラン（月額2,900円）以上に申し込む必要があります。

そのため、別途レンタルサーバーを契約する、「WordPress.org」のほうが安くなるのです。

以下の記事で詳しく解説しています。ぜひあわせてご覧ください。

WordPressで作られたホームページの事例をチェックしたい

「WordPressで作られたホームページの事例を見て、インスピレーションを得たい」という方もいることでしょう。

そんな方に向け、以下の記事ではWordPressで作られた企業ホームページを紹介しています。

また、参考にしたいホームページが、WordPressで作られているかどうかを判別する方法も解説していますよ。

WordPressにログインできないときの解決方法は？

WordPressにログインできない原因は一つではありません。

複数の原因が考えられるため、状況に応じた解決策を知っておきましょう。

以下の記事では、WordPressにログインできない原因12個に対し、それぞれの解決策を紹介しています。

ホームページ運営のトラブルを減らすためにも、ぜひあわせてご覧ください。

まとめ

この記事では、WordPressでホームぺージを自作する手順を解説しました。

まず自分で作ってみることで、WordPressに関するさまざまな知識を身に付けられます。

この記事を参考にしながら、ぜひWordPressでのホームページ制作にチャレンジしてみてください！

それでは、素敵なホームページが完成することを祈っております。

以上、最後まで読んでいただき、ありがとうございました。

ホームページの開設を検討している方へ

※ 2024年5月時点、W3Techs調べ。

『エックスサーバー』と『Xserverビジネス』の違いは、以下の記事で詳しく解説しています。

なお、当メディア「初心者のための会社ホームページ作り方講座」では、初心者の方にわかりやすく会社のホームページを始められる方法を紹介しています！

ホームページの始め方・立ち上げに関する、ご質問・ご相談はツイッターDM( @kawauso_xsv )までお気軽にどうぞ！