WordPressでWebサイトを構築する流れ

こんにちは、シャトルです。今回はWordPress構築の流れについてです。
弊社の制作実績のほとんどがWordPressを用いて構築していますが、具体的に制作の流れを詳しく理解している方は少ないはず。WordPressのようなCMS(コンテンツ・マネジメント・システム)でWebサイトを制作する際は一般的な工程とは異なります。この記事では、WordPressを用いたWebサイト制作の手順を詳しく解説していきたいと思います。
「静的サイト」と「動的サイト」の違い
制作手順の説明の前に、少しだけ基礎的な知識を説明します。WEBサイトは「静的サイト」と「動的サイト」に分けられます。まず、「静的サイト」は、どのような状況でも全ての人に同じ内容を表示するサイトのことで、イメージとしては会社や店舗の情報を掲載しているサイトのことです。それに対し「動的サイト」は、ユーザーの要望や状況に応じて適切な情報を自動的に表示するサイトのことで、イメージとしては掲示板やお問い合わせフォーム、ECサイトなどが挙げられます。
制作面で見ると、「静的サイト」では用意したページをそのままブラウザに表示するので、ページ作成(コーディング)だけで済みますが、「動的サイト」ではページの内容をプログラムで生成して表示させるので、フォーマットとなるページ作成に加えて、プログラムの開発が必要となります。
そして、WordPressを使用する場合は「動的サイト」に分類されますので、ぺージ作成に加えてプログラム開発の工程が必要となるわけです。
なぜWordPressを使用するのか(WordPressのメリットとは)
いくつものCMSがある中で、なぜWordPressを使用するのかというと、ざっくり以下の理由が挙げられます。
- ・WordPress自体が無料で、サーバーとドメインがあれば容易に構築・運用ができる
- ・圧倒的なシェアを持ち、使用しているユーザー数が多いため、情報やサポート、トラブル解決方法が豊富
- ・「テーマ」や「プラグイン」などを活用し、カスタマイズ性の高いサイト制作が実現
勿論、他CMSでのWebサイト制作も可能ですが、お客様の状況やご要望、予算面に考慮した結果、WordPressが最適なものだと判断しています。
WordPressでWebサイトを構築する流れ
① 要件定義(Webサイトの仕様を決める)
ここからWordPressを用いたWebサイト制作の流れについて説明します。まずは、Webサイトの仕様を決める工程です。ここでは必要なコンテンツ・ページの洗い出し、構成の設計を行い、全体の設計図である「サイトマップ」とページごとのレイアウト図「ワイヤーフレーム」を作成します。
また、この段階でWordPressのテーマを選定します。「テーマ」とはWebサイトのデザインや表示の仕組みを決めるテンプレートのことです。テーマは様々ありますが、アド・エータイプでは基本的に自作テーマで構築を行います。既成テーマではなく自作テーマで構築を進める理由しては、以下が挙げられます。
- ・機能・デザイン面での微細な制約に縛られることなく、仕様に沿って制作ができる
- ・不要な機能を搭載しないため、サイトの軽量化や安定したセキュリティ性を実現
- ・テーマ構造や内部コードを熟知しているため、公開後の運用(サイト修正や機能追加・カスタマイズ)で迅速かつ柔軟な対応が可能
※特段の理由・事情がない限り、弊社の自作テーマをオススメしています。
新着情報だけじゃない!ワードプレスで更新できるコンテンツ② デザイン
作成されたワイヤーフレームをもとに、デザインを作成します。ヒアリングで得たコンセプトやご要望をもとにデザインをし、要件定義で決めた機能部分も反映していきます。
③ HTMLコーディング・WordPress構築
デザインが決定したら、コーディングを行います。
コーディングが終わったらWordPress構築に入ります。まず、コーディングしたデータをWordPressに組み込みます。その後、投稿機能やお問い合わせフォームなどの実装に入ります。機能によりプラグインを導入して対応します。
④ 動作テストとデバッグ
WordPress構築を一通り終えたら、テストとデバッグを行います。具体的には、以下の項目などを満遍なくチェックし、適宜修正を行います。
- ・投稿機能の動作チェック(実際に入力してみて投稿公開まで行う、投稿表示は問題ないか、投稿が無かった場合に表示崩れはないかなど)
- ・作成したフォームの動作チェック(入力された内容が問題なく送信されるか、自動返信メールの内容に間違いはないかなど)
- ・テーマやプラグイン上の設定が適切に行われているか
この他にも弊社独自の品質管理チェックリストを活用し、公開に向け問題なく動作するかを確認します。
⑤ サイト公開と運用
Webサイトを公開します。必要に応じ、コンテンツの更新や管理を行います。
また、定期的にWordPress本体、テーマ、プラグインのアップデートを行い、セキュリティを維持します。
まとめ
いかがでしょうか。これでWordPressを用いたWebサイト制作の流れが掴めたかと思います。ただ、これが完全なものではなく、お客様の状況や要望などに応じて工程が増減したり前後したりすることがあります。そのためヒアリングを通し、お客様の状況や要望を細かく整理し、工程やスケジュールに落とし込んでいきます。長期的に運用していくためのWebサイトを共に制作していきましょう。