【WordPressでオリジナルサイトを作ろう】①完成イメージ確認編
HTMLのコーディングスキルだけでも案件はとれます。
大事なのはスキルの幅ではなく経験と実績です。未経験から実務で “通用する人としない人の違い” をまとめた無料メール講座を用意しました。
さらに、特典PDFとして、『コーディング中級者が案件獲得前にやるべきこと8選』をプレゼント中です。
今回は、WordPressでオリジナルのサイトを制作していきます。
作るサイトは、HTML、CSSの模写コーディングで学習した「ブログサイト」をベースにしたサイトです。
先に、ブログサイトの模写を終えておくとより学習しやすいかと思います。
ブログサイトの模写はこちらです。
学習の対象者
学習の対象者は下記の方です。
- WordPressの基本的な操作を理解している方
- PHPの基本文法（変数、if文、while文 等）を学習済みの方
完成イメージ
作るサイトの完成イメージはこちらです。
▼PCイメージ
▼スマホイメージ
サイトの仕様
今回、制作するサイトの仕様は下記の通りです。
- トップページに新着一覧を表示する
- カテゴリーの一覧を表示する
- 月別の一覧を表示する
- 各一覧にページネーションをつける
- 各記事の詳細ページを表示する
- お問い合わせページにコンタクトフォームをつける
- サイト内検索の機能をつける
- 存在しないURLが指定された場合はエラーページを表示する
それでは、さっそく制作の準備に入っていきましょう。
まずはローカルでWordPressの制作を行うための環境構築からです。
現場レベルのスキルを身につけたい方へ
現場レベルのコーディングスキルを身につけたい方は、書籍『HTML&CSS Webデザイン 現場レベルのコーディング・スキルが身につく実践入門』（出版社：技術評論社）がおすすめです。
本書は、入門編から実践編の6つのWebサイト制作を通して、現場で必要なコーディングスキルをステップアップしながら1冊で身につけていきます。
- 第1章【入門編】プロフィールサイト〜フレックスボックス
- 第2章【初級編】ブランドサイト〜ポジション
- 第3章【中級編】サービスサイト〜複数ページ
- 第4章【上級編】カフェサイト〜複数レイアウト
- 第5章【応用編】ランディングページ〜動きのあるWebサイト
- 第6章【実践編】コーポレートサイト〜実務を想定したWebサイト制作
現場レベルのコーディングスキルを身につけたい方は、こちらの書籍を一通り学習した後、Codejumpの練習課題に取り組むと効率良く学習できます。
