WordPressでホームページを自作する手順!無料テーマですぐに作れる

WordPressでホームページを自作する手順!無料テーマですぐに作れる

【2026年6月26日更新】ホームページ作成方法について、「VK FullSite Installer」を使用した例に更新しました。

この記事のレベル

初心者 (4.0)
重要度 (3.0)
難しさ (2.5)

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

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

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

カワウソ

この記事は次のような人におすすめ!

  • WordPressでホームページを自作したい人
  • 費用や手間をかけずにホームページを作りたい人
  • ひとまずWordPressで1ページ作ってみたい人

この記事を読めば、WordPressの使い方を学びつつ、自社のトップページを作れます。

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

それではどうぞ!

メモ

この記事は、すでにレンタルサーバーにWordPressがインストールされていることを前提としています。

「まだレンタルサーバーを契約していない」「WordPressのインストール方法が分からない」という方は、まずは以下の記事をご覧ください。

WordPressのテーマとは

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

デメリット:他社のホームぺージと似るおそれがある

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

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

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

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

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

Lightning(ライトニング)について

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

Lightning公式サイト

▲出典:Lightning公式サイト

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

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

『Lightning』には、デモサイトをWordPressに簡単にインポートできる「VK FullSite Installer」があります。以下の画像と同じデモサイトを編集する形で、簡単にホームページが作れますよ。

Lightningのデモサイト

▲出典:Lightningのデモサイト(Lightning 無料版 ビジネス)

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

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

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

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

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

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

VK FullSite Installerを使ってデモサイトをインポート

まずはプラグイン「VK FullSite Installer」を使って、デモサイトのデータをWordPressにインポートしてください。

初心者の方でも分かりやすいように、動画が用意されていますよ。

▲出典:VK FullSite Installer

メモ

『エックスサーバー』の「WordPressクイックスタート」や「WordPress簡単インストール」の利用時に『Lightning』を選択した方は、プラグイン「VK FullSite Installer」自体はすでにインストールされている場合があります。

『エックスサーバー』申し込み画面(WordPressクイックスタート利用時)

『エックスサーバー』申し込み画面(WordPressクイックスタート利用時)

なお、この記事では、さきほど紹介したデモサイト「Lightning 無料版 ビジネス」をインポートします。

Lightning 無料版 ビジネス

▲出典:VK FullSite Installer

注意

「VK FullSite Installer」は新規サイトの立ち上げ時のみご利用ください。インポートを行うとすべてのデータが上書きされます。

既存の WordPress サイトや、ある程度カスタマイズした WordPress サイトでインポートするとすべて消失し、元に戻せませんのでご注意ください。

(参考:VK FullSite Installer

Lightningデモサイトの編集

それではインポートしたデモサイトを編集していきましょう。
この記事では、トップページの編集方法にフォーカスを当てて解説します。

今回作るのは架空の会社、オーガニック化粧品OEMメーカー「Organic Cosmetics Company」のトップページ

トップページの制作にあたり、WordPressで編集するのは主に以下5つの機能です。

WordPressで編集する機能5つ
  1. 外観
    ホームページの基礎(骨組み)部分を編集する機能
  2. 固定ページ
    各ページの中身(コンテンツ)を編集する機能
  3. 同期パターン
    複数のページで共通使用できる「同期パターン」を編集する機能
  4. 投稿
    更新情報(ニュース)など、ブログを編集する機能
  5. CTA
    お問い合わせ情報のエリアを編集する機能

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

Organic Cosmetics Companyのホームぺージ完成イメージ

ロゴの編集

ロゴの編集

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

STEP1
外観からカスタマイズをクリックする

WordPressのダッシュボードにログインしたのち、メインナビゲーションの「外観」にカーソルをあて、カスタマイズをクリックしましょう。

WordPressサイドメニュー(外観>カスタマイズ)
STEP2
鉛筆マークをクリックする

ロゴ近辺にある鉛筆マークをクリックします。

ロゴ近辺にある鉛筆マークをクリック
STEP3
ロゴを変更する

左メニューの画像を変更をクリックして、ロゴをアップします。

※推奨画像サイズは「500×120px」です。
背景色と馴染ませたい場合は、背景を透過した「PNGファイル」を用意しましょう。

画像を変更をクリック
STEP4
公開して完了

ロゴが入っていることを確認し、公開をクリックして完了です。

Organic Cosmetics Company

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

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

ヘッダーナビゲーションの例

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

STEP1
メニューをクリックする

引き続き、「カスタマイズ」の編集画面です。

サイドメニューからメニューをクリックします。

メニューの編集
STEP2
HeaderNavigationをクリックする

続いてHeaderNavigationをクリックします。

HeaderNavigationをクリック
STEP3
名称を変更したいメニューをクリックする

名称を変更したいメニューをクリックしましょう。
今回は例として「このサイトについて」を「オーガニックへのこだわり」に変更します。

まずは、このサイトについてをクリックしてください。

このサイトについて
STEP4
テキストを変更する

ナビゲーションラベルのテキストを「オーガニックへのこだわり」に変更します。

※「説明」では、メニュータイトル下部のテキストを変更可能です。

ナビゲーションラベルの変更
STEP5
並び順を変更する

「オーガニックへのこだわり」を「サービス案内」のあとに移動します。
「オーガニックのこだわり」をクリックした(つかんだ)状態で「サービス案内」の後ろまで移動しましょう。

カワウソ

右側に持って行っていくと、「サービス案内」のなかに入ってしまうので、左側に寄せるのがコツです。

STEP6
公開して完了

公開をクリックして反映されたか確認してください。

公開後、反映されたかチェック

以上でヘッダーナビゲーションの編集は完了です。

下層ページのメニュー名も編集可能

オーガニックへのこだわり
 ∟ページレイアウトサンプル
  ∟2カラム
  ∟1カラム
  ∟1カラム(サブセクション無し)
  ∟サイトコンテントの上下余白を無し

注意

不要なメニューがあっても、この時点では削除しないでください。
これらはページの見本であるため、削除すると他のページを作成するときに困るかもしれません。

スライドの編集

スライドの編集

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

STEP1
固定一覧ページからHOMEを編集

WordPressのダッシュボードに戻り、メインナビゲーションから「固定ページ」にカーソルをあて、固定ページ一覧をクリックしましょう。

固定ページ>固定ページ一覧

「HOME」の編集をクリックします。

HOMEをクリック
STEP2
編集画面が表示される

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

編集画面
STEP3
リストビューを開く

画面左上にあるドキュメント概観をクリックして、リストビューを開いてください。

ドキュメント概観をクリック
リストビュー
STEP4
スライダーアイテムを確認する

一番上にあるスライダーをクリックします。ここは「スライダー」ブロックが使用されています。

スライダーブロックとは

『Lightning』の推奨プラグイン「VK Blocks」が提供するブロック。トップページだけでなく、複数のページにスライダーを設置できる。

VK Blocks 公式マニュアル:スライダーブロック

スライダー」の右矢印をクリックすると、中に「スライダーアイテム」が3つあるのが確認できます。

スライダーを選択
STEP5
スライダーの編集モードを確認

スライダーの編集モードを確認します。

リストビューでスライダーを選択し、右側パネルにある「エディタ設定」より、以下になっていることを確認してください。

  • 編集モード:編集(縦積み配置)
編集モードの確認

編集画面上にスライダーアイテムが縦に3つ並んで表示されていれば問題ありません。

縦積み配置適用後の画面
STEP6
背景画像を編集する

1つめのスライダーアイテムを編集してみましょう。

背景画像を編集

スライダーアイテムの背景画像を編集します。

リストビューから、一つめの「スライダーアイテム」を選択し、右パネルにて自社の素材に画像を置換しましょう。

画像を置換
自社の素材を反映

背景画像に被せる「色」や「色の濃さ」も調整できます。
画像の上にあるテキストが読みやすくなるように調整しましょう。

ここでは以下の数値に設定します。

  • スライダーアイテムの背景設定
    • 透過設定:0.7
スライダーアイテムの背景設定
STEP7
余白の高さを調整する

スライダーアイテムの中を編集します。

上部にあるレスポンシブスペーサーをクリックします。余白の高さを調整できます。

※編集画面上でレスポンシブスペーサーをクリックしても選べないときは、リストビューで選択してください。

レスポンシブスペーサーの余白設定

スライダーアイテムの縦幅をより広げるには、「L」から「XXL」などに変更します。

下部にあるレスポンシブスペーサーも同様に変更できます。

レスポンシブスペーサーの余白設定をXXLにしたイメージ
STEP8
見出しを編集する

WEB TOTAL CONSULTINGをクリックします。これは見出しブロックです。

見出しの編集

見出しのテキストを以下のように編集します。

文字サイズを調整するなら、右側パネルにある「スタイル」の「タイポグラフィ」でできますよ。
文字サイズは以下を参考にしてみてください。

  • 見出し
    • テキスト:オーガニック専門化粧品OEMメーカー
    • テキストの配置:テキスト中央寄せ
    • タイポグラフィ:2.5remから2remに変更
見出しの編集

さらに、見出しの下部に適度な余白をつけるには、「ブロックの余白」が便利です。
下XS」などを設定してみてください。

ブロックの余白を編集
STEP9
段落ブロックを編集する

見出しの下にあるテキストChange the world〜をクリックします。これは「段落」ブロックです。

段落ブロックを編集

段落のテキストを以下のように編集します。

太字の解除や文字サイズの調整は、以下を参考にしてください。

  • 段落
    • テキスト:化学薬品に頼らないオリジナルコスメを作ります。
    • テキストの配置:テキスト中央寄せ
    • 太字:クリックして解除
    • タイポグラフィ:1.25remから1.5remなどに変更
段落ブロックを編集
STEP10
不要な段落を削除する

段落「インターネット上でのビジネスを〜」は不要なため、削除しましょう。

段落を選択して、「」から削除をクリックします。

段落を削除
STEP11
ボタンを編集する

詳しくはこちらをクリックします。これはWordPress標準の「ボタン」ブロックです。

ボタンを編集
WordPress標準のボタンについて

WordPress標準のボタンは、親子のブロックで構成されています。

  • 親のブロック:全体的なボタンブロック
    • 子のブロック:親のブロックに含まれる個々のボタン

ボタンを編集するには子のブロックを選択します。

以下のように編集すると、背景色のない角丸ボタンができます。

  • ボタン
    • 項目の揃え位置:中央揃え
    • スタイル:輪郭
    • 色(テキスト):黒
    • 色(背景):なし
    • テキスト:詳しくはこちら
    • リンクURL:# ※リンク先ページが完成次第、設定予定
    • 枠線:2px
    • 角丸:5px
ボタンの位置や装飾を編集
STEP12
プレビューで表示を確認する

プレビューで表示を確認します。
編集画面右上の「表示」アイコンから新しいタブでプレビューをクリックします。

新しいタブでプレビュー

ブラウザの新規タブでページが表示されます。

編集したスライドを確認しましょう。

プレビュー
STEP13
保存して完了

編集画面右上の保存をクリックして、保存します。

更新

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

なお、スライダーの数を減らしたい場合は、「スライダーアイテム」を削除しましょう。

スライダーアイテムは削除も可能

コンテンツの編集

スライダーの下、「“つくる”だけで終わらない。成果を生み出すWeb戦略を。」以降にある、コンテンツの編集方法を解説します。

コンテンツの編集
STEP1
見出しを変更する

見出し(h2)のテキスト「“つくる”だけで終わらない。成果を生み出すWeb戦略を。」を編集します。

ここは「同期パターン」が使用されています。
同期パターンとはブロックを組み合わせて作った「パターン」を、ほかのページでも再利用できるように設定したものです。

このデモサイトでは「HOME」と「サービス案内」の2ページに適用されています。

右パネルにあるオリジナルを編集をクリックすると、同期パターンの編集画面に移動します。
同期パターンそのものを編集すると、同時に上記の2ページに反映されるので更新作業が捗ります。

オリジナルを編集

以下のテキストに変更しましょう。

  • 見出し(h2)
    • テキスト:“つくる”だけで終わらない。愛され続けるオーガニックブランドを。
見出しを変更

※[br-xs][br-sm][br-md][br-lg]は画面サイズ毎の改行指定です。削除しないでください。

STEP2
段落テキストを変更する

続けて、見出しの下にある段落テキストを編集しましょう。

  • 段落
    • テキスト:企画・処方開発から製品化まで、ブランドの未来を共に創る開発パートナー
    • テキスト:化粧品は「つくる」ことだけがゴールではありません。本当に大切なのは、手に取ったユーザーに“選ばれる”こと、そして肌を通じて“深く愛され続ける”ことです。
      私たちは、初めてのブランド立ち上げから既存ラインのリニューアルまで、化学薬品に頼らない処方設計、徹底した品質管理、さらにコンセプト体現まで、トータルで伴走します。
テキストを変更
STEP3
サービス案内を編集

続けてサービス案内を編集します。
見出し、段落、ボタンを以下のように変更してください。

  • 見出し(h3)
    • テキスト:【企画・処方開発】想いを形にするオリジナル処方設計
  • 段落
    • テキスト:お客様の「こんな化粧品を作りたい」という想いを、経験豊富な研究員が形にします。化学薬品に頼らず、天然由来成分の力を最大限に引き出す独自の処方を開発。肌への優しさと、心地よい使用感を両立させた、ブランドの核となる唯一無二の製品を創り上げます。
  • ボタン
    • テキスト:詳しくはこちら
    • リンクURL:# ※リンク先ページが完成次第、設定予定
    • 枠線:1px
    • 角丸:5px
STEP4
画像の変更

画像を変更します。
ダミー画像を選択したのち、置換をクリックして自社の素材と入れ替えます。

画像を置換したら、同じ要領で残りのコンテンツも編集しましょう。

STEP5
保存して完了

保存して完了です。

保存


これで「HOME」と「サービス案内」のコンテンツの修正ができました。

なお、下にある「会社案内」のコンテンツも同じ要領で編集できます。

会社案内のコンテンツ

更新情報の編集

ここでは、「更新情報」を新規投稿する方法を解説します。

更新情報
注意

「更新情報」については別の画面で作成したものが、自動でトップページに表示される仕様です。誤ってトップページから「更新情報」の機能自体を消さないようにしましょう。

※誤って削除した場合は、画面左上の「元に戻す」ボタンから一つ前の状態に戻せます。

元に戻すのボタン
STEP1
投稿一覧をクリックする

メインナビゲーションの「投稿」にカーソルをあて、投稿一覧をクリックしましょう。

投稿>投稿一覧
STEP2
投稿を追加をクリックする

画面上部の投稿を追加をクリックします。

投稿を追加
STEP3
タイトルを入力する

「タイトルを追加」にタイトルを入力してください。

タイトルを追加する
STEP4
文字や画像を挿入する

本文を入力していきましょう。

アイキャッチ画像(記事の「顔」となる画像)は、右側パネルにある置換から変更できます。

STEP5
公開して完了

画面右上の新しいタブでプレビューで確認し、問題がなければ公開をクリックして完了です。

注意

WordPressはデフォルトの設定のままだと、投稿記事のタイトルの下に「投稿者名」が表示されます。

「投稿者名」が表示された様子

投稿者名はログインで使用する「ユーザー名」でもあり、漏洩すると不正ログインされるおそれがあるので、注意が必要です。

「ユーザー > プロフィール」からニックネームを設定し、「ブログ上の表示名」で選んでおきましょう。

ニックネームとブログ上の表示名の変更

なお、設定後は忘れずにページ下部にあるをプロフィールを更新クリックしてください。

そのほかの「ユーザー名の漏えい防止策」については、以下の記事で解説しています。

CTAの編集

CTAとは「Call To Action」の略称で、「行動喚起」と訳されます。
ユーザーが特定の行動をするように導く目的で設置される、テキストやボタンなどのまとまりのことです。

CTA

CTAはトップページに表示されていますが、編集画面は別にあります。
ここではCTAの編集方法を紹介します。

STEP1
お問い合わせCTAを編集

CTAのメニューから、「お問い合わせCTA」の編集をクリックします。

お問い合わせCTAの編集
STEP2
電話番号を修正する

「カラム」ブロックのなかに「ボタン」ブロックが設置されています。
これはスマホでタップできるようにするためです。

「ボタン」ブロックを選択して、テキストとリンクを修正しましょう。
※この記事は見本なので、そのままにしておきます。

電話番号
STEP3
メールでのお問い合わせを修正する

同じように、「メールでのお問い合わせ」の「ボタン」ブロックを選択して、リンクを修正します。

リンク先はフォームのある「お問い合わせ」ページのURL(/contact/)です。
※このデモサイトでは、デフォルトでお問い合わせページが用意されています。

メールでのお問い合わせ
STEP4
背景色を変更

背景色を変更します。

「カバー」ブロックを選択して、右パネルの「色」にあるオーバーレイをクリックします。
デフォルトからイメージに近い色を選ぶか、カスタムをクリックしてカラーコードを指定します。

文字が読みにくい場合は、「色」もしくは「オーバーレイの不透明度」を変更しましょう。

STEP5
保存

画面右上にある保存をクリックすれば完了です。

フッターの編集

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

STEP1
ロゴを変更する

「外観」から「カスタマイズ」を開いたあと、ページ下部までスクロールし、ロゴの左側にある鉛筆マークをクリックします。

そして、置換からヘッダーで使ったロゴ画像を選択してください。

ロゴの横の鉛筆ボタンをクリックする
STEP2
住所を変更する

同じ流れで鉛筆マークをクリックして住所を変更しましょう。
※この記事は見本なので、そのままにしておきます。

住所の横の鉛筆ボタンをクリックする
STEP3
SNSのリンク設定

鉛筆マークから、対象のSNSアイコンをクリックして、リンクを設定してください。

※運用していないSNSがあれば、アイコンを「」から削除してください。

STEP4
公開をクリックして完了

公開をクリックして完了です。

なお、コピーライトの下に表示されている「Powered by WordPress with Lightning Theme & VK All in One Expansion Unit」は広告のようなものです。

Powered by WordPress with Lightning Theme & VK All in One Expansion Unit

自由に改変できる100%GPLライセンスのテーマであるため、これを消すこと自体に問題はありませんが、重要なファイルを編集する必要があり、初心者の方にはハードルが高いかもしれません。

これを編集するための有料プラグイン「Lightning Copyright Customizer」を購入するか、機能やサポートが拡張するサブスクサービス「Vektor Passport」を契約するか検討しましょう。

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

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

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

テーマ特徴有料プラン
Xwriteレンタルサーバー国内シェアNo.1 ※1のエックスサーバー株式会社が提供
コピー&ペーストでプロのデザインを反映
サーバー契約の特典として無料で使える ※2
990円/月
9,900円/年
19,800円/買い切り
Lightning有効インストール数10万件
無料で使える ※3
11,000円/1年
29,700円/3年
44,000円/5年
Snow
Monkey
ブログが書きやすい
お問い合わせフォーム作成が簡単
(スタンダード)16,500円/年
(プロ)55,000円/年
Emanon
Business
企業ホームページを手早く作れる
顧客獲得に有効な機能が豊富
12,800円/買い切り
Nishiki Proデザイン性が高い
テーマ専用のブロックが豊富
17,800円/買い切り

※1 2026年6月時点、W3Techs調べ
※2 『エックスサーバー』のプレミアムプラン以上、もしくは『XServer for WordPress』や『XServerビジネス』の契約者は、無料で利用できます。
※3 無料版の『Lightning』だと、フッター(ぺージ最下部のパーツ)のコピーライトに、外部リンク(広告)が表記されます。

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

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

WordPressが人気の理由は?

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

WordPressのメリット10個
  1. 世界シェア1位
  2. 無料のソフトウェア
  3. 制作ソフトが必要ない
  4. Web制作スキルがなくても更新できる
  5. Web制作会社に外注しやすい
  6. テーマやプラグインが豊富
  7. スマホ対応している
  8. SEOに強い
  9. 定期的にアップデートされている
  10. ノウハウなどの情報が多い

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

CMSとは

「Contents Management System:コンテンツ・マネジメント・システム」の略で、HTMLやCSSなどのWeb制作スキルがなくても、簡単にホームページの制作や更新ができるシステムのこと。

2026年6月時点で、世界のCMSシェア「59.3%」という圧倒的な数字を誇っています(参考:W3 Techswordpress-cms「Usage statistics of content management systems」)。

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

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

WordPressには月いくらかかる?

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

WordPress.org(オルグ)

別途契約したレンタルサーバーにWordPressをインストールして利用する方法。
レンタルサーバーの月額費用は1,000円程度。

WordPress.com(コム)

WordPressとサーバーがセットになったサブスクリプションサービス。
プランによって値段が異なり、「無料~月額6,400円(エンタープライズを除く)」。

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

ただ、「WordPress.com」の無料プランは、会社ホームページの運用には向いていません。
実用レベルで考えると、ビジネスプラン(月額2,480円~)以上に申し込むことになるでしょう。

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

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

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

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

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

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

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

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

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

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

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

まとめ

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

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

まとめ
  • WordPressでホームページを自作しておけば、外注時にも役立つ
  • 『Lightning』は、企業ホームページにおすすめの無料テーマ
  • 「VK FullSite Installer」ならデモサイトを簡単にインポートできる
  • デモサイトを編集すれば、初心者の方でも簡単ニホームページが作れる
  • 『Lightning』以外にも、『Xwrite』や『Snow Monkey』などがある

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

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

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

コスパ&価格重視でレンタルサーバーを探している方へ

エックスサーバーは、高速かつ高い安定性を誇る「高性能レンタルサーバー」です。
国内シェアNo.1※1のレンタルサーバーであり、25万社の導入実績※2があります。

2026年9月7日(月)17時まで、サーバー利用料金が最大30%オフになる期間限定キャンペーンを開催中です!

今なら月額693円~とお得にホームページを開設できます!
.comや.netなど大人気ドメインも永久無料と過去最大級にお得です。

ぜひこのお得な機会にホームページ開設をご検討ください!

※1 2026年6月時点、W3Techs調べ。
※2 2026年4月時点、エックスサーバー・XServerビジネスにおける法人アカウント数の合計値。

法人向けレンタルサーバーをお探しの方へ

XServerビジネスは、エックスサーバーを法人向けに特化したレンタルサーバーです。
サーバー月間稼働率99.99%以上を保証する「SLA」をはじめ、セキュリティやサポートが充実しています。

2026年10月13日(火)17時まで、月額料金が30%キャッシュバックになる期間限定キャンペーンを開催中です!

今ならお得にホームページを開設できます!
コーポレートサイトでよく使われる「.co.jp」のドメインも永久無料で、大変お得です。

ぜひこのお得な機会にホームページ開設をご検討ください!

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

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

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

カワウソ

当メディアはリンクフリーです。貴社のSNSやブログでご紹介いただけると嬉しいです。

URLをコピーしました!