【WordPressでオリジナルサイトを作ろう】①完成イメージ確認編

最終更新日

今回は、WordPressでオリジナルのサイトを制作していきます。

作るサイトは、HTML、CSSの模写コーディングで学習した「ブログサイト」をベースにしたサイトです。

先に、ブログサイトの模写を終えておくとより学習しやすいかと思います。
ブログサイトの模写はこちらです。

学習の対象者

学習の対象者は下記の方です。

  • WordPressの基本的な操作を理解している方
  • PHPの基本文法(変数、if文、while文 等)を学習済みの方

完成イメージ

作るサイトの完成イメージはこちらです。

▼PCイメージ
PCの完成イメージ

▼スマホイメージ
スマホの完成イメージ

サイトの仕様

今回、制作するサイトの仕様は下記の通りです。

  • トップページに新着一覧を表示する
  • カテゴリーの一覧を表示する
  • 月別の一覧を表示する
  • 各一覧にページネーションをつける
  • 各記事の詳細ページを表示する
  • お問い合わせページにコンタクトフォームをつける
  • サイト内検索の機能をつける
  • 存在しないURLが指定された場合はエラーページを表示する

それでは、さっそく制作の準備に入っていきましょう。
まずはローカルでWordPressの制作を行うための環境構築からです。

【WordPressでオリジナルサイトを作ろう】