【完全ガイド】WordPressでWebサイトを作成する具体的な手順

こんな方におすすめ!

WordPressでWebサイトを作成する具体的な手順を知りたい!
初心者でも簡単に理解できる方法を知りたい!
WordPressでWebサイトを制作したい!
必要な準備や費用について知りたい!
初心者向け!WordPressでのWebサイト作成をゼロから学ぶ!

この記事では、WordPressでWebサイトを作成するための具体的な手順を徹底解説しています。

 
ドメイン取得から記事投稿まで、全てのステップをわかりやすく解説していますのでぜひチェックしてみてください!

WordPressとは?初心者でも安心の簡単CMS

WordPressの特徴

WordPressは、Webサイトやブログを簡単に作成・管理できるCMSです!

世界中で多くの人に使われており、全インターネットサイトの約40%がWordPressで作られているほど人気があります!
初心者にも扱いやすく、専門的な知識がなくてもWebサイトを作ることができるため、はじめてWebサイト制作を行う方にはおすすめです。

WordPressを使うメリット

コストを抑えられる

初期費用

Web制作会社にホームページ制作を依頼する場合、数万円~数十万円の費用がかかることが一般的です。

 
しかし、自身でWordPressでWeb制作を行えば、レンタルサーバーとドメインの費用のみで済みます!
レンタルサーバーは年間数千円から、ドメインは年間千円程度で取得できます!

ランニングコスト

Web制作会社にWebサイト運用を依頼すると、月額数万円の費用がかかることが一般的です。
しかし、自身で制作したWordPressサイトであれば、自分で更新することでランニングコストを抑えることができます。

デザイン費用

Web制作会社にデザインを依頼すると、数万円から数十万円の費用がかかることが一般的です。しかし、WordPressであれば
豊富な無料テーマを利用することで、デザイン費用を抑えることができます。

更新が簡単

直感的な操作で初心者でも簡単

専門知識がなくても、直感的な操作でサイトの投稿や更新をすることができます
WordPressの管理画面は、日本語で表示され、メニューも分かりやすく整理されていますので初心者の方でも安心です。

メディアアップロード機能

画像や動画などのメディアをWordPressに簡単にアップロードすることができます。
ドラッグ&ドロップでアップロードしたり、メディアライブラリから選択したり簡単にすることができますので安心です。

デザインの自由度が高いので自分の好みを実現できる

豊富なテーマ

3,000種類以上の無料テーマと、数万種類の有料テーマが用意されています
ので、コンセプトや好みに応じて選ぶことができます。

ビジネスサイト、ブログ、ポートフォリオサイトなど、様々な種類のテーマから選ぶことができますので、理想のデザインを実現させることができます。

テーマカスタマイズ

テーマにはカスタマイズ機能が豊富に搭載されていますので、ロゴを移動させたり、ヘッダー、カラーなどを変更することで、自分好みのデザインにWebサイトを作り上げることができます。

プラグイン

デザインに特化したプラグインを導入することで、さらに自由度の高いデザインを実現することができます。
スライダーギャラリーアニメーションなどほしい機能をプラグインで追加することができます。

SEO対策がしやすい

SEO対策機能

タイトルタグやメタディスクリプション、キーワードの設定など、SEO対策に必要な機能が標準搭載されていますのでSEO対策としても優秀なCMSです。

SEO対策プラグイン

 
豊富なSEO対策プラグインを利用することで、SEO対策をさらに強化することができます。

被リンク分析ツールやサイトマップ生成ツールなど様々なプラグインがありますので、目的に応じて使用しましょう。

SEOに強いテーマ

SEOに特化したテーマも豊富にあり、SEO特化テーマを選ぶことでWebサイト制作時点の最初からSEO対策がしやすい状態になります。

セキュリティ対策がしやすい

セキュリティ対策プラグイン

豊富なセキュリティ対策プラグインを利用することで、サイトを安全に運営することができます。
ログインセキュリティ対策マルウェア対策スパム対策などのプラグインがありますので使用するとよいでしょう。

自動アップデート機能

WordPress本体やプラグインは、自動アップデート機能によって常に最新の状態に保つことができます。
最新の状態にすることで、セキュリティ脆弱性を対策することができます。

WordPressを使うデメリット

セキュリティリスク

WordPressは、世界中で非常に広く使われているCMSであるため、悪意のある攻撃の標的になりやすいというデメリットがあります。
具体的には、以下のようなセキュリティリスクが存在します。

ハッキング

不正アクセスやデータの改ざんなど、ハッキングのリスクが高まります。
特に、WordPressのバージョンやプラグインが古い場合、既知の脆弱性を狙われる可能性が高くなりますので注意が必要です。

マルウェア感染

悪意のあるプラグインやテーマをインストールすると、マルウェアがサイトに侵入することがあります。

サイトが乗っ取られたり、ユーザー情報が漏洩したりするリスクが生じますので注意が必要です。

 
対策としては、定期的なWordPress本体やプラグイン、テーマの更新、信頼できるソースからのプラグインやテーマのインストール、セキュリティプラグインの導入などがあります!

サイトの速度

WordPressは多数のプラグインを追加することで機能を拡張できる反面、プラグインが増えるとサイトの表示速度が遅くなることがあります。

必要以上のプラグインをインストールすると、各プラグインが追加のリソースを消費し、ページの読み込み時間が長くなることがありますので対策が必要になります。

対策としては、使用するプラグインを最小限に抑え信頼できる開発者から提供されたプラグインを選ぶことが重要です。
また、キャッシュプラグインを利用して、サイトの読み込み速度を改善することも効果的です!

カスタマイズの難易度

WordPressは基本的なカスタマイズが容易である一方、詳細なカスタマイズを行うには技術的な知識が必要になる場合があります。

HTML/CSSの知識が必要になるケース

デザインの細かな調整を行うには、HTMLやCSSの知識が必要になります!
例えば、テーマのスタイルを変更したり、独自のレイアウトを作成したりする場合に必要となります。

PHPの知識が必要になるケース

WordPressの機能を拡張したり、テーマやプラグインをカスタマイズしたりする際には、PHPの知識が求められます!
特に、独自の機能を追加する場合や、既存のテーマやプラグインを大幅に変更する場合に必要です。

JavaScriptの知識が必要になるケース

インタラクティブな機能
アニメーションを追加する場合には、JavaScriptの知識が必要になってきます。

1. WordPressサイト作成の準備

1-1. ドメインの取得

 
ドメインとは、インターネット上の住所のようなものです!
Webサイトには必須になりますので、ドメイン取得を進めましょう!

ドメイン取得の手順

  1. ドメインサービス会社の選定
    <代表的なドメイン取得業者>
    Value-Domain
    Xserverドメイン
    ムームードメイン
    シンドメイン
  2. ドメイン名の選定
    サイトの内容やターゲットに合わせて、覚えやすく簡潔なドメイン名を選びましょう!
  3. ドメイン名の検索
    ドメイン登録サービスで希望のドメイン名が使用可能か確認しましょう!
  4. ドメインの購入
    ドメインが利用可能であれば、ドメイン登録サービスサイトで購入をします。
    年間の登録費用はドメインによって異なりますが、ドメインの料金は、通常年間数百円から数千円程度です。
  5. ドメインの設定
    ドメインのDNS設定を行い、後で選ぶレンタルサーバーと紐付ける必要があります。
    DNS設定はドメイン登録サービスの管理画面から行うことができます。

1-2. レンタルサーバーの選択

 
レンタルサーバーは、Webサイトのデータを保存する場所です。
WordPressを動作させるためには、WordPressに対応したレンタルサーバーが必須ですのでレンタルサーバー取得を進めましょう!

レンタルサーバー取得の手順

  1. レンタルサーバー会社の選定
    <代表的なレンタルサーバー>
    エックスサーバー
    ロリポップレンタルサーバー
    シンレンタルサーバー
    ムームーサーバー
  2. プランを選択する
    サイトの目的に合わせ、必要なディスク容量データ転送量費用などを考慮してプランを選びましょう!
    レンタルサーバーの料金は、月額数百円から数千円程度です。
  3. 申し込み情報の入力
    入力情報は誤りの内容に注意しましょう。
    例)氏名、住所、メールアドレス、電話番号、利用規約の確認と同意など
  4. 支払い方法の選択と決済
    レンタルサーバー会社によって支払い方法の種類は異なりますので、確認して契約手続きを進めましょう!
  5. アカウント情報の受け取り
    ※手続きが完了したら、サーバーのIPアドレス、FTP情報、管理画面のログイン情報などがメールで送られてきますので、大切に保管しておきましょう!
  6. 初期設定
     
    メールに記載の情報を確認し、サーバーの管理画面にログインしましょう!
    パスワードの変更やSSL設定、セキュリティの設定など必要な設定を行いましょう。

2. WordPressのインストール

 
ドメインとレンタルサーバーが用意できましたら、レンタルサーバーの管理画面にログインしWordPressをインストールします!

多くのレンタルサーバー事業者では、WordPressのワンクリックインストールが用意されていますので、簡単に導入することができます。

WordPressインストール後は、WordPress管理画面にアクセスし、サイトの設定を行っていきます。

WordPressのインストールは簡単に行えるようになっていますが、サーバーによってインストール方法が少し異なりますのでわからない場合は、サポートへ問い合わせをするのがおすすめです!

3. WordPressの基本設定

3-1. WordPressテーマを選ぶ

 
WordPressは、サイトの見た目や機能を決めるテーマを選ぶことができます!

テーマには無料のものから有料のものまで様々な種類があり、ブランドイメージやコンセプト、ターゲット層に合わせてテーマを選ぶことができます。

テーマを選ぶ際には、デザイン性レスポンシブ対応機能性サポート体制などを総合的にみて検討するのがおすすめです。
無料テーマでも高品質なものが多数ありますが、有料テーマを選ぶことで、より高度な機能を備えたサイトを構築することができます。

3-2. プラグインの導入

プラグインは、WordPressに機能を追加するためのものになります。
セキュリティ対策、SEO対策、お問い合わせフォームなど様々な種類のプラグインがありますので必要に応じてプラグインを追加しましょう。

3-3. サイト構造の設計

WordPressサイトを構築する際は、ユーザー目線での使いやすいサイト構造を設計することがとても重要です。

 
ページ構成やメニュー、コンテンツの配置などを、ユーザーの視点に立って設計しましょう!

WordPressでのコンテンツ作成

ページの作成(固定ページ)

TOPページサービス紹介ページ商品のページプロフィールお問い合わせページ等、サイトの基本的な情報を掲載するページを作成しましょう!

ページを作成する際には、見出しやテキストの構成、レイアウト等ユーザー目線での工夫を忘れないようにしましょう。
また、SEO対策の観点から、適切なタイトルやメタ情報の設定も忘れずに行いましょう!

記事の投稿(投稿ページ)

WordPressの大きな特徴の1つが、ブログ機能です!
記事の投稿を通じて、最新情報の発信やブログの更新をすることができます。

カテゴリ分けを行う機能がありますので、投稿内容に応じてカテゴリ分けを行うとユーザーも見やすい内容になります!

メディアの活用

 
WordPressでは、画像や動画、PDFなどのメディアファイルを簡単に管理することができます!

各ページにメディア(画像や動画、PDFなど)を適切に組み込むことで、テキスト情報に加えて興味を引き付けることができます。

メディア(画像や動画、PDFなど)を使用する際には、ファイル名やALTテキストなどの設定を行い、SEO対策にも配慮するとよいでしょう。


HerTech

 

HerTechといえば、完全初心者でもたった4か月でWebデザインスキルを習得できる女性限定スクールです♪

また、なんといってもオンライン勉強会・チャットサポート・グループコーチングで挫折・不安をゼロにする仕組みがあるので継続して勉強することができます
短期間でWebデザインスキルを学びたい!」「挫折せずスキルを身に着けたい!」方には、HerTechがおすすめです♪

でも、結構高い金額かかるんじゃないの…?
はじめは無料の説明会があるから、自分にあっている内容なのか確認できるから安心だよ!
しかも、60分少人数だから受講内容を詳しく知れるよ♪
ほんと!?
じゃあ、試しにHerTechの無料説明会に参加してようかな!
あと、補足で未経験でも分かりやすいオンライン動画講義と、実践課題があるから着実にスキルアップできるよ♪

 疑問や不安をすべて解消!
HerTech無料説明会を実施中(60分)

WEBCOACH

WEBCOACHといえば、副業・フリーランスを目指す幅広い年代(20代 ~ 40代)の方が学習できるオンラインWebデザインスクールです♪

また、なんとコーチは採用率5%を潜り抜けた現役のフリーランスコーチだから、プロ目線の指導を受けることができます。
質の高いWebデザインスキルを学びたい!」方には、WEBCOACHがおすすめです♪

でも、結構高い金額かかるんじゃないの…?
まずは無料カウンセリングがあるから、学習内容やコースがあっているか確認できるから安心だよ!
ほんと!?
じゃあ試しにWEBCOACHの無料カウンセリングに参加してようかな!
あと、完全マンツーマンで24時間担当コーチに質問をしたり、定期的なコーチングで学習計画やモチベーション管理があるから挫折せず続けられるよ♪

東京デザインプレックス研究所

東京デザインプレックス研究所といえば、2012年1月に開校し、急成長している「プロフェッショナル養成」のためのWebデザインの学校です♪

また、社会人・学生を中心に20代の方に人気で、未経験からキャリアチェンジしたい人におすすめの学校です。
プロのWebデザイナーになりたい!」方には、東京デザインプレックス研究所がおすすめです♪

でも、結構高い金額かかるんじゃないの…?
まずは無料で資料請求できるから、自分の方針にあっている学校なのか確認できるから安心だよ!
ほんと!?
資料請求ならすぐできるね!まずは、東京デザインプレックス研究所の資料請求してみるよ!
あと補足で、次世代のクリエイター/デザイナーに求められる志向性やスキルを学べるプログラムがあるから未経験からキャリアチェンジしたい人にはぴったりだよ♪