Webサイト作成をWordPressでしよう！初心者向けに徹底解説

コンセプトとは、Webサイトを通じて「誰に何をどう伝えたいか」を、言葉を使って明確に表現するもののことです。

同様のテーマを扱うWebサイトだとしても、コンセプトが違えば具体的な見せ方も変わります。

たとえば「明るく楽しく伝えたい」というのと「礼儀正しく伝えたい」というのでは、Webサイトの雰囲気や色使い、文章のテイストなどが変わってくるでしょう。

このように、コンセプトはWebサイト全体を左右する大切なものだといえます。

最初にコンセプトを決めるのは、思い描いたとおりのWebサイトを正確に作成するためです。

コンセプトが不明瞭なままで作業を進めると、途中で方向性に「ぶれ」が生じる恐れがあります。

また、このことに気づかないまま作業を進めてしまうと、後になってから作業のやり直しが必要となります。

たとえば、Webサイトがブラウザ上で公開されたあとで、文章のテイストが今ひとつ自分のイメージとマッチしないことに気づくかもしれません。

記事をすべて流し込んだ後に、コンセプトに沿った文章に書き直さなければいけないとなれば、時間の大きなロスになってしまいます。

コンセプトを決めるには、まず「ターゲット」を決める必要があります。

「誰に何をどう伝えたいか」の「誰に」にあたる部分です。

ターゲットを決める際にやりがちなのは、多くの人に見てもらいたいと考えるあまり、つい万人うけを狙ってしまうことです。

しかし、ターゲットはある程度絞り込むほうが効果的です。

ターゲットを絞り込むことで、Webサイトをどのような特徴にするべきかわかり、ユーザーの印象に残るWebサイトを戦略的に構築することができるでしょう。

ターゲットを考えるときは、将来的に自分のWebサイトのユーザーになる人物をイメージしてみてください。

年齢や性別、趣味などの特徴を具体的に想像することで、詳細なターゲットになっていきます。

このとき、ペルソナを設定するのもよい方法です。

ペルソナとは架空の人物像で、ターゲットよりもより具体的に1人の人物を想定します。

ペルソナを作成する際は、家族構成や毎日の行動パターン、抱えている悩みごとなどのリアルな設定を作り込みます。

そして、そのペルソナの行動から、どのようなシチュエーションで自分のWebサイトに訪問することになるのかを考えるのです。

ターゲットが決まったら、コンセプトを言葉で表現してみましょう。

コンセプトを考える際は、「5W1H」というフレームワークなどを使うとイメージしやすくなります。

「Who」は、ターゲットにあたる部分なので最初に書けるはずです。

ターゲットが明確に決まっていれば、ユーザーがどのように行動してあなたのサイトに出会い、目的を達成していくのかを詳細にイメージできるでしょう。

それを具体的な言葉に表して、残りの項目も書き込んでいきます。

これらをすべて書き出したら、最後にシンプルな言葉でまとめてみましょう。

それがあなたのWebサイトのコンセプトとなるはずです。

サイトマップは、Webサイト全体の構造を示す地図のようなものです。

Webサイト内にはどのようなページがあるのか、ページ同士がどう繋がっているのかを表します。

Webサイト作成で必要となるサイトマップは、2種類あります。

1つ目はこれから作るWebサイトの設計図として使うためのもので、2つ目は完成したWebサイトの構造をGoogleなどの検索エンジンに伝えるためのものです。

後者は「XML」というフォーマットで作ることから、「XMLサイトマップ」とも呼ばれます。

Webサイトの設計図としてのサイトマップは、必要なページをもれなく用意したり、どのようにページを配置するかを決めたりする際に使います。

トップページを筆頭に、関連するページがぶら下がっていくディレクトリ構造で作るのが一般的です。

一方、XMLサイトマップは、Webサイト作成自体にどうしても必要というわけではありません。

しかし、Googleなどの検索エンジンでユーザーに自分のWebサイトを見つけてもらえる可能性が高くなるというメリットがあるので、作ったほうがよいでしょう。

設計図としてのサイトマップ作りは、まず必要なページの洗い出しから始めます。

「トップページ」に次いで、ブログメディアであれば主要な記事のカテゴリページ、ECサイトであれば商品やサービス説明などの主題となるページは必要でしょう。

また、一般的には以下のようなページを用意するサイトが多いので、参考にしてみてください。

ほかにも、自分のWebサイトにとって必要なページがないか考えてみましょう。

目指しているWebサイトをいくつか調査して、競合にはどんなページがあるのかを書き出してみるのもおすすめです。

次に、各ページを分類してグループを作ります。

そして、それをディレクトリ構造になるように階層を作って並べてみましょう。

最後に、トップページを先頭にして、それぞれのグループを線でつないでいけば、視覚的にもわかりやすいツリー状の図になります。

これで、設計図としてのサイトマップは完成です。

Webサイトの設計図としてのサイトマップを作成する場合、PowerPointの作図機能やAdobe XDのようなデザインソフトを使うと便利でしょう。

また、ノートに手書きしたり、付箋紙を使ったりしても問題ありません。

ただし、複数人でサイト作成をする場合は、後でほかの人にもわかりやすい形に整えておくことが大切です。

XMLサイトマップは、Google公式のフォーマットに対応したツールで作るのが一般的です。

「Google XML Sitemapsは、WordPressでXMLサイトマップを作成するプラグインです。

XMLサイトマップはサイト内の記事が増えるたびに更新する必要がありますが、

このプラグインを入れればXMLサイトマップを自動的に作成・更新してくれるため、その手間が不要になります。

WordPressを始めた、このプラグインを入れておくのがおすすめです。

また、作成したXMLサイトマップはWebサイトを公開した後に「Google Search Consoleに登録しましょう。

そうすることで、サイト内のすべてのページをGoogleに認識してもらえるようになり、さまざまなページからユーザーが訪問しやすくなります。

サイトマップの作成方法は以下の記事でも解説しています。

Webサイトを作成するうえでどのようなコンテンツが必要なのかは、以下のように2つに分けて考えると理解しやすいでしょう。

1つ目は、「このサイトについて」や「プライバシーポリシー」といった、比較的更新の頻度が少ないものです。

また、ECサイトなどであれば、商材紹介なども主要コンテンツになるでしょう。

これらのコンテンツは、固定ページとして作成するのがおすすめで、Webサイトの準備段階で制作を完了させておく必要があります。

2つ目は、Webサイトを運営しながらブログのような形式で更新していくコンテンツです。

新規ユーザーの流入を狙うためには、潜在層のユーザーが抱えていそうな悩みをテーマにしたコンテンツも有効です。

より多くの潜在層に見つけてもらいつつ、既存のファンを飽きさせず再来訪してもらうために、コンテンツを追加し続けることは重要になります。

ブログ形式で更新できるコンテンツであれば、Webサイト公開後も継続的に更新することができるはずです。

あらかじめどんな投稿を作成できるか、ある程度計画しておきましょう。

コンテンツは、最初に決めたコンセプトに沿った表現で統一するように意識することが大切です。

サイトマップにあるページごとに必要なコンテンツを洗い出し、どんな文章や写真、イラストなどが必要なのかを考えながら作りこんでいきましょう。

また、潜在層に向けたコンテンツとしては、読者の疑問や悩みを解消する内容などが代表的です。

集客力を重視するならとくに、検索キーワードを選定し、それを軸にしたコンテンツを作成するのがおすすめです。

その中でも、あなたのWebサイトにおける独自性や専門性を含んだ内容にすると、ほかのWebサイトとの差別化を図ることができます。

ただし、集客したい気持ちが先行しすぎると、コンセプトから外れた内容になってしまうこともあるので注意が必要です。

あなたが運営するWebサイトで想定しているターゲットが求めている内容を適切に届けることを、常に意識しましょう。

ドメインとは、WebサイトのURLなどに使われる「インターネット上の住所」のようなものです。

上のURLの例では「example.com」の部分がドメインであり、このWebサイトの所在地を表しています。

ドメインはWebサイトごとに違うものが付けられていますが、後半の「.com」の部分は種類が決まっています。

「.jp」、「.biz」、「.info」などさまざまなものがあり、国などの地域やドメイン取得サービスによって選択できるものが異なります。

独自ドメインは、「ドメイン取得サービス」などを通じて自分で取得するオリジナルのドメインのことです。

これに対し、サブドメインは独自ドメインを用途などによって細分化したものです。

上のURLの例では、「taro」や「hanako」の部分がサブドメインにあたります。

「example.com」を独自ドメインとして取得していれば、それをサブドメインに分けて複数のURLを作ることが可能です。

サブドメインを使えば、複数のWebサイトを同じドメインの下で運営することもできるようになります。

一方サブディレクトリは、同一ドメインで別サイトを運営する際に用います。

上記のURLでは「taro」と「hanako」が「.com」の後ろに来ていますね。

サブディレクトリはメインのURL（ルートディレクトリ）の直下に位置し、複数続く場合も全てサブディレクトリとなります。

サブディレクトリはサブドメインよりもメインのドメインのSEO評価を引き継ぎやすい特徴があります。

そのため、メインサイトと同じテーマやコンセプトでWebサイトを作成する場合はサブディレクトリを使用するケースが多いです。

WordPressのサブディレクトリについては以下の記事もご覧ください。

ドメイン名は、それがWebサイトの名称であるように扱われることもあります。

そのため、企業のWebサイトではブランド名のほか、主力となる商品やサービスの名前をそのまま使用するケースも見られます。

個人運営のWebサイトでも、主要コンテンツを表すようなドメイン名をつけるのがよいでしょう。

また、ドメイン名はSEOに多少の間接的効果があるともいわれています。

ドメイン名は読みやすい長さで、コンテンツをイメージしやすい名前にすることがもっとも大切ですが、

集客のためのキーワードを含められるかどうか検討してみてもよいでしょう。

ドメイン名の決め方はこちらの記事も参考にしてください。

サーバーとは、インターネット上で機能を提供するコンピューターのこと。

Webサイトを運営するには、そのための機能をもった「Webサーバー」を使う必要があります。

個人でWebサイト運営を始める場合には、「レンタルサーバーと呼ばれるサービスを利用するのが一般的です。

レンタルサーバーにWebサーバーの機能はもちろん、Webサイト運営に必要なさまざまな機能があらかじめ含まれているケースが多いです。

自分のWebサイトに必要な機能が付いているかどうかも、サーバー選びのポイントにするといいでしょう。

ただし、WordPressに対応しているサービスを選ぶことがもっとも重要です。

「ConoHa WINGは、WordPressで作成したWebサイトを運営するのに最適なレンタルサーバーサービスです。

日本マーケティングリサーチ機構による調査では、WordPress利用者満足度No.1を獲得しています。

ConoHa WINGの最大の特徴は、国内最速を誇る圧倒的なスピードです。

高性能なサーバーを独自にチューニングすることで、WordPressが高速に動作するようになっています。

また、独自ドメインによるURLとメールアドレスにも対応しています。

使用できるドメインやサブドメイン、メールアドレスの数には制限がないので、複数のWebサイトを運営することも可能です。

さらに、Webサイトを守る「WAF」や「ウィルスチェック」のほか、ユーザーの個人情報保護には欠かせない「SSL」の無料提供など、セキュリティについても万全です。

ConoHa WINGの「WINGパック」は、レンタルサーバーと独自ドメインがセットになった長期利用割引プランです。

契約期間によっては、レンタルサーバーが通常料金より最大52%もお得に利用できます。

独自ドメインは、ConoHaで提供されている全20種類の中から取得できます。

定番のドメインはひととおり対象に含まれていると言えるので、困ることはないでしょう。

さらに、ドメイン更新料は、契約が続く限り無料です。

更新手続きは毎年自動的におこなわれるので、うっかり失効させてしまう心配もありません。

独自ドメインのWordPress運用を本気で始めたい人は、「WINGパック」をぜひ検討してみてください。

サーバーとドメインの契約を1つにまとめられるので管理しやすく、共通の管理画面で設定もスムーズにおこなえます。

WordPressは、「WordPress.orgの日本語公式サイトからダウンロード可能です。

ブラウザで公式サイトを開き、「WordPressを入手」を押下すると、ダウンロードページに移動します。

なお、WordPressは、必ず最新バージョンを入手するようにしましょう。

新しいものほど機能も豊富ですし、セキュリティの観点からも古いバージョンを使うことはおすすめできません。

また、WordPressは、ダウンロードしただけでは動作しません。

次のような手順でサーバーにインストールする必要があります。

上記は、慣れた人にとってはそれほど難しい手順ではないでしょう。

しかし、WordPressの初心者にとっては、最初にして最大の難関ともいえる作業です。

Webサーバーやデータベース、FTPやセキュリティといった広範な知識を身に付けたうえで、適切な手順で作業することが必要になるでしょう。

WordPressのダウンロード方法は下記記事でくわしく解説しています。

ConoHa WINGの「WordPressかんたんセットアップ」は、WordPressでのWebサイト運用に必要なものを一括で設定できるプランです。

申し込むだけでWordPressが利用でき、自分でWordPressをダウンロードする必要がありません。

また、セキュリティの基本となるSSLや、無料の独自ドメインも簡単に設定できます。

どれも通常はサービスごとに契約、設定が必要なものなので、一括で設定できるのは初心者でなくても嬉しいですね。

WordPressのインストールに不安を感じる人や、時間を短縮してすぐにWordPressを始めたい人にはとくにおすすめのプランです。

なお「WordPressかんたんセットアップ」を申し込みできるタイミングは、ConoHa WINGのレンタルサーバーに新規登録して「WINGパック」の利用を開始する時点となっています。

Webサイト運営を安心してスタートさせるためにも、これからWordPressを始める人は利用を検討してみてはいかがでしょうか。

「WordPressかんたんセットアップ」でWordPressを開設する方法は下記記事を参考にしてください。

WordPressのテーマをインストールするには、次の2つの方法があります。

前者は、WordPress公式サイトで配布されているテーマを検索する方法です。

世界中で開発された豊富なテーマの中から、好きなものを手軽に入手できます。

後者は、公式サイト以外から入手したテーマを使う方法です。

外部のベンダーから購入したものや、Webデザイナーに依頼して独自に制作したものを使用できます。

なお、WordPressのテーマはいつでも別のテーマに切り替えることが可能です。

最初に決めたテーマより良いデザインテーマを見つけた場合、すぐに変更することができます。

WordPress公式サイトでテーマを探すには、管理画面を使います。

これは主にWordPressに公式に登録されている無料テーマを導入させるための方法です。

まず、メニューから「外観」から「テーマ」を選択してください。

インストール済みのテーマが一覧表示されます。

ここに無い新しいテーマを追加する際は、「新規追加」ボタンを押下してください。

すると、このようにテーマを検索できる画面になります。

人気のテーマを一覧で見られるほか、自分のイメージに合ったテーマをキーワードから探すこともできます。

右上の入力欄にキーワードを入力します。

ここでは、例として、「delicious（おいしい）」と入力してみました。

検索結果には、グルメ記事を載せるブログや、フードを提供するお店の公式サイトなどで使いやすそうなテーマが並んでいます。

探せるテーマは世界共通なので、英語で探すとより多くのテーマが見つかりやすいでしょう。

気になったテーマのサムネイルにマウスカーソルを重ねると「インストール」と「プレビュー」のボタンが表示されます。

ここでは、「プレビュー」ボタンを押下してみましょう。

このように、プレビュー機能を使うと、テーマの全体的な雰囲気をインストール前にチェックできます。

イメージに合っていれば「インストール」ボタンを押下することでインストールを実行できます。

画面左上にある「インストール」ボタンの表示が「有効化」に変わったらインストール完了です。

バツ印のボタンを押下すれば、前の画面に戻ります。

公式サイト以外から入手したテーマのアップロードも、テーマの検索画面から行います。

これは主に有料販売されているWordPressテーマを導入する方法です。

あらかじめ購入したテーマファイルを、Zip形式でダウンロードしておく必要があります。

まず、公式サイトで探す場合と同様にメニューから「外観」の「テーマ」を選択し、続けて「新規追加」ボタンを押下してください。

先ほどと同様にテーマの検索画面が表示されますが、検索はせずに「テーマのアップロード」を押下します。

すると、テーマをアップロードする画面が表示されます。

ファイル選択ボタンを押下して、テーマのファイルを選択してください。

なお、アップロードできるファイルは「ZIP」形式のみとなっています。

ファイルを正しく選択できると、「今すぐインストール」ボタンが表示されます。

このボタンを押下して、インストールを実行しましょう。

「テーマのインストールが完了しました」と表示されたら、インストール完了です。

インストールしたテーマは一覧に追加されています。

WordPressのテーマはインストールしただけでは使える状態になっていません。

以下の手順でテーマを有効化する必要があります。

メニューから「外観」の「テーマ」を選択して、テーマの一覧を表示しましょう。

新しくインストールしたものも含めて、現在インストールされているテーマがすべて表示されていることがわかります。

目的のテーマのサムネイルにマウスカーソルを重ねます。

「有効化」を押下しましょう。

サムネイルの並び順が変わり、目的のテーマが先頭になり「有効」と表示されました。

これで有効化の操作は完了です。

記事の投稿は、管理画面から以下のような手順でおこないます。

まず、メニューから「投稿」の「新規追加」を選択してください。

記事を投稿するための画面になります

グレーで「タイトルを追加」と表示されている箇所に、ページのタイトルを入力しましょう。

タイトルを入力したところです。

続けて、グレーで「文章を入力、または/でブロックを選択」と表示されている箇所に、本文を入力していきます。

本文を入力しているところです。

入力中は、テキストを太字に指定したりリンクを設定したりするボタンが自動的に表示されます。

なお、入力内容は自動的に保存され、「公開」ボタンを押下するまでは下書きの状態になっています。

記事の中では文章以外にも、「ブロック」で画像などの要素を追加できます。

画面左上の「プラス」ボタンを押下すると、ブロックの一覧が確認できます。

ブロックの「メディア」の一覧から、「画像」を押下しましょう。

「画像」を押下したら、記事の中にブロックが追加された状態になります。

「アップロード」ボタンを押下すれば、好きな画像を挿入できます。

上記の手順で、このように画像が挿入できます。

「ギャラリー」も、画像を追加するためのブロックです。

複数の画像を並べて表示できる点が、「画像」ブロックと異なります。

説明文を添えたい場合は、画像とテキストを並べて表示できる「メディアと文章」ブロックも便利です。

見出しの追加も画像の挿入と同じ要領で、ブロック内にて行います。

ブロックの一覧から「見出し」を押下します。

これだけで、上のように見出しを追加できます。

「H2」と表示されている部分を押下すると、見出しの種類を変更することもできます。

H3、H4となるほど、より小さい見出しになっていきます。

太字にするには、文字を選択した状態で「B（ボールド）」ボタンを押下します。

このように、文章の一部だけを太字にすることも可能です。

斜体にしたいときは同様の手順で、今度は「I（イタリック）」ボタンを使います。

「リスト」ブロックを使うと、箇条書きを挿入できます。

箇条書きを挿入したい箇所の1つ上にあるブロックが選択された状態で、ブロックの一覧から「リスト」を選んで押下しましょう。

すると、リストの先頭部分が挿入されました。

ここから改行をはさんで文章を入力していけば、箇条書きになります。

上の画像では、3行入力してみました。

ボタン1つで、番号付きリストに変更することも可能です。

箇条書きの深さを変えるには、インデント機能を使います。

ここでは、2行目を選んだ状態で「インデント」ボタンを押下してみましょう。

このように、選択した行だけ1段深くなります。

また、先頭の番号も自動的に変わりました。

WordPressで作成できるページには、「投稿」と「固定ページ」の2種類があります。

WordPressの投稿機能は、ブログのように時系列に沿ってページが作成されていく仕組みになっています。

「カテゴリー」や「タグ」を使うことにより、ページを共通点ごとにグループ分けすることも可能です。

また、実際にWebサイト上で表示する順番は時系列だけでなく、人気記事順などに変更することもできます。

固定ページは時系列に関係しないページです。

独立したページを作ることができるため、サイト全体の骨組みとなるようなコンテンツに向いています。

Webサイトを構築後、基本的には変更する予定がないコンテンツは基本的に固定ページで作成します。

具体的には「このサイトについて」「プライバシーポリシー」「プロフィール」「お問い合わせ」などが挙げられます。

これに対し、新着情報やブログ記事のような更新型のコンテンツは、固定ページよりも投稿ページとして作成するのが向いています。

集客のために随時追加するコンテンツも、投稿を使うのが一般的です。

固定ページの作成は、管理画面から以下のような手順でおこないます。

まず、メニューから「固定ページ」より「新規追加」を選択してください。

固定ページを入力する画面が表示されます。

記事の投稿画面とそっくりなことがわかります。

投稿ページのコンテンツを流し込むときと同じ手順で、ページのタイトルと本文を入力していきましょう。

また、文章以外の要素はブロックで追加できるという点も、投稿ページと同じです。

画面左上の「プラス」ボタンから、使用可能なブロックの一覧を確認できます。

本記事の前半でも軽く触れましたが「プラグイン」とは、WordPressにデフォルトでは付いていない機能を新しく追加できる仕組みのことです。

テーマがWebサイトの見た目を決めるものなのに対し、WordPress本体の持つ機能と、デザインのためにダウンロードしたテーマでは足りない部分を補うのがプラグインと考えればよいでしょう。

WordPress公式サイトにあるプラグインは、管理画面から以下の手順でインストールできます。

まず、メニュー「プラグイン」から「新規追加」を選択してください。

プラグインを検索できる画面が表示されます。

テーマのときと同様に、人気のプラグインを探したり、右上の検索ボックスからキーワードで探したりすることができます。

ここでは、本記事内でも紹介した「Google XML Sitemaps」プラグインを探してみましょう。

検索結果の一覧から、少しスクロールしたところに見つかりました。

「今すぐインストール」ボタンを押下して少し待つと、表示が「有効化」に変わります。

インストールが完了したら、あとは「有効化」ボタンを押下することで使えるようになります。

公式サイト以外から入手したプラグインのアップロードは、以下の手順でおこないます。

まず、公式サイトで探す場合と同様に、メニューから「プラグイン」の「新規追加」を選択してください。

次に、「プラグインのアップロード」を押下します。

ファイル選択ボタンを押下して「ZIP」形式で圧縮されたプラグインのファイルを選択してください。

ファイルを正しく選択できると「今すぐインストール」ボタンが有効になるので押下します。

「プラグインのインストールが完了しました」と表示されたことを確認し、最後に「プラグインを有効化」を押下すればインストール完了です。