WordPress

wordpressでホームページを作成したい人向けの基礎知識とやり方まとめ

social 2470875 - wordpressでホームページを作成したい人向けの基礎知識とやり方まとめ

「wordpressでホームページを作りたい!ただ、何から始めたら良いのか分からない!」という方も、いらっしゃるのではないでしょうか?

WordPressは一度慣れてしまえば使いやすいCMSなのですが、一度も使ったことがない人からすれば、ちょっと分かりにくいシステムですよね。

そこで今回は、まだwordpressを使ったことがない人でも分かるように、wordpressでのホームページの作り方を紹介していきます。

WordPress(ワードプレス)とは?

ブログを作成するために公開されたオープンソースのソフトウェア。

CMS(Contents Management System)の一種です。直訳すると、「コンテンツ管理システム」となります。

最近ではブログだけでなく、企業や公共機関のサイトなどにも利用されています。

まず、WordpressとはCMS(コンテンツ管理システム)の一種です。

コンテンツ管理システムと言うと難しい表現ですが、簡単にいうと、ITに詳しくない人でも簡単にブログを書けるようになるシステム、サイトを作れるようになるシステムです。

WordPress(ワードプレス)でのホームページ作成手順

それでは、実際のHPの作成手順に入ります。とはいっても、やることは簡単です。

サーバー・ドメインを契約する

まずは、レンタルサーバーを契約しましょう。

あまりサーバーに詳しくない方は、コスパの良いレンタルサーバーのエックスサーバー0 - wordpressでホームページを作成したい人向けの基礎知識とやり方まとめを使うのが簡単ですし、最初に無料期間があるのでおすすめです。

公式サイト:https://www.xserver.ne.jp/0 - wordpressでホームページを作成したい人向けの基礎知識とやり方まとめ

続いて、ドメインはエックスサーバーのドメインを利用しても良いですし、大手のお名前.comを利用して値段を確認してみるのもおすすめです。0 - wordpressでホームページを作成したい人向けの基礎知識とやり方まとめ

公式サイト:https://www.onamae.com/0 - wordpressでホームページを作成したい人向けの基礎知識とやり方まとめ

WordPress(ワードプレス)をインストールする

次に、wordpressをインストールします。

基本的にエックスサーバー0 - wordpressでホームページを作成したい人向けの基礎知識とやり方まとめなどのレンタルサーバーであれば「自動インストール」という機能がついていて、Wordpressを簡単にインストールできるかと思います。

以下に、エックスサーバーでのインストールの例を載せておきます。

XサーバーでのWordpressのインストール方法

xserver 1 1024x639 - wordpressでホームページを作成したい人向けの基礎知識とやり方まとめまず公式サイト(https://www.xserver.ne.jp/)から契約が完了したら、サーバーパネルにログインします。

※お名前.comでドメインを取得した場合は、Xサーバーにドメインを追加します。

自動インストールで「wordpress」を入れる

xserver2 1024x374 - wordpressでホームページを作成したい人向けの基礎知識とやり方まとめ

そうして、自動インストールという箇所から「wordpress」を入れます。

xserver3 1024x433 - wordpressでホームページを作成したい人向けの基礎知識とやり方まとめ

そうするとブログ名などを入力する画面に飛ぶので、案内に従って進めてください。これだけで、ワードプレスのインストールが可能です。

WordPressにはホームページのテンプレートがある

また、Wordpressには「テーマ」という機能があり、プログラミングに詳しい人がすでにテンプレートを作ってくれています。

ホームページを作る際にも、この「テーマ」機能を使うことで簡単に綺麗なサイトを作ることが出来ます。企業サイト向きのテーマも存在します。

例えば有料にはなりますが、「Emanon0 - wordpressでホームページを作成したい人向けの基礎知識とやり方まとめ」というテーマの場合、最初からおしゃれなデザインで企業サイトを作ることができます。

公式サイト:https://wp-emanon.jp/0 - wordpressでホームページを作成したい人向けの基礎知識とやり方まとめ

WordPressでの企業サイトの作り方は?ブログとの違いは?

ちなみに、Wordpressでは企業サイトも作成できますが、もともとはブログ向けのサービスです。

そのため、「Emanon0 - wordpressでホームページを作成したい人向けの基礎知識とやり方まとめ」などの有料テーマを利用しない場合は、事前にきちんとサイト設計をしておくことが必要です。

必要な要素を書き出し、マップにする

まずは、必要な要素を書き出し、マップ(サイトマップ)にします。参考程度に、下記は青葉堂さんのサイトマップになります。

site - wordpressでホームページを作成したい人向けの基礎知識とやり方まとめ

出典:http://www.aoba-do.com/sitemap.html

このように、サイトに必要なパーツ(トップページや、aboutページ、特定商取引法ページ)をまずはマップ型で書き出します

これによって、ページ数が把握できます。なお、このページ数は、例えばサイト制作の依頼を出す時にも重要です。

ロゴ・アイコンを用意する

次は、ロゴとアイコンを用意します。

一般的には、サイトの上部に配置されているマークを「ロゴ」と呼び、タブやショートカットに出るマークを「アイコン」と呼ぶことが多いです。

アイコンは基本的に正方形ですが、ロゴは長方形状になることが多いです。ですので、ロゴは作成時にサイズを考慮する必要があります。

このサイトのデザインの場合、適正は「300px × 60px」ですが、テーマによって変わります。

ですので、デザイナーさんにお願いして、余白を入れた複数サイズを作ってもらうのが良いかと思われます。

画像を用意する

次は、各部分に配置する画像を準備します。

最近はフリー画像でも綺麗なものがありますので、商用利用可能なフリー画像を使うのも一手です。

なお、画像が主に必要となる部分は、

  • メインヴィジュアル・ヒーローヘッダー(トップページの一番上の画像)
  • 他トップページに使う画像
  • 他下層ページで画像を使うポイント

です。この次の工程のフレームワーク・カンプと順番が前後することがよくあります。

フレームワーク・カンプを作る

次は、フレームワーク・カンプを作ります。これは、ラフなサイトのデザイン案というイメージです。

下の画像は製作予定のサイトなので、全体をお見せすることは出来ませんが、このようなものを作っていきます。

jps 1024x922 - wordpressでホームページを作成したい人向けの基礎知識とやり方まとめ

このフレームワーク・カンプがあると、デザイナー側も非常に作りやすく、画像を入れた際のイメージもつきやすいですし、どのような画像を用意すべきかもわかります。

ホームページ制作会社に依頼する場合の料金の相場

最後に、中にはホームページの制作会社に、サイト制作の依頼を考えている方もいるかと思われます。

ここで一点注意点ですが、不当に業者から高い料金を請求されない対策のためにも、相場を抑えておくことは重要です。

基本的に、ホームページの制作の場合は、「下層ページ」などの対応ページ数や工数で料金が決定されます。

ですので、「サイト作るならいくらぐらいかかるの?」と聞かれても、一概に答えにくいのが現実です。

また、当然制作会社によって料金体系も違いますので、一度見積もりを出してみるか、見積もりができるサイトで調べてみることをオススメします。

サイト制作の料金相場はどれくらい?

今回は試しに、以下のパーツを揃えたサイトをWEBサイト制作料金自動見積り – メテオリレイで見積もってみました。

  • TOPページ
  • 下層ページ5枚
  • wordpress
  • メールフォーム1つ設置
  • GA、SEO内部対策
  • ロゴ

この要素ですと¥450,000と出ました。この業界に詳しい方からすれば、「相場だね」と思うかもしれません。

サイトでもスマホでもみやすいようにレスポンシブ対応をさせたりすると、より高額になりますし、色々と機能をつけようとすると、さらに料金はかさみます。

また、初期費用が安くても月額で費用がかかる場合もありますので、合計料金で比較することが重要です。

制作会社によって強みも異なりますので、実際に見積もりを出して比較検討されてみるのがおすすめです。

>>当サイトで紹介しているweb制作会社はこちら

WordPressでのホームページ作成に関するまとめ

以上、いかがでしたでしょうか?

WordPressでホームページを作ろうとしている時の悩みは解決できましたか?

基本的に自分でWordpressをインストールして始める場合は、ローカル環境などを利用したりするのではなく、レンタルサーバーエックスサーバー0 - wordpressでホームページを作成したい人向けの基礎知識とやり方まとめ)を契約して始めるのが、初心者には一番簡単です。

今回の記事が、あなたのサイトの制作の助けになっていれば幸いです。最後まで読んでいただき、ありがとうございました。