WordPressでオリジナルサイトを作ろう
WordPressでオリジナルのサイトを制作していきます。
制作するサイトは、WordPressでよく使われるブログ形式のサイトです。
全19偏にわけて解説していきますので、WordPressでオリジナルサイトを作れるようになりたいという方は、ぜひ最後までご覧になってみてください。
完成版のテーマファイル
テーマファイルのソースコードです。
①完成イメージ確認編
【WordPressでオリジナルサイトを作ろう】
完成イメージの確認と作るサイトの仕様について確認します。
②ローカル環境構築編
ローカルでWordPressの制作を行うための環境構築を行います。
環境構築に使用するツールは「Local」です。
③サイト設計編
オリジナルサイトを作るためのサイト設計を行います。
「画面設計」「カテゴリ設計」「パーマリンク設計」の3つです。
④ディレクトリ作成編
オリジナルテーマ用のディレクトリを作成した後、基本ファイルを作成しテーマの表示確認を行います。
⑤パーツ構成編
オリジナルサイトの各ページで使用するテンプレートと、ファイルのパーツ構成について確認します。
⑥CSSファイル読込編
CSSファイルの読込みを行います。
WordPressで推奨されている wp_enqueue_scripts を使用します。
⑦ヘッダー編
ヘッダー（header.php）のコーディングを行います。
⑧フッター編
フッター（footer.php）のコーディングを行います。
⑨トップページ編
トップページのコーディングを行います。
記事の新着一覧を表示します。
⑩ページネーション編
ページネーションのコーディングを行います。
プラグインは使用せずに「functions.php」にコーディングを行います。
⑪サイドバー編
サイドバー（sidebar.php）のコーディングを行います。
サイドバーには、月別のアーカイブを表示します。
⑫投稿ページ編
投稿ページ（single.php）のコーディングを行います。
各記事の詳細情報の表示と「前ページ」「次ページ」のリンクを作成します。
⑬固定ページ編
固定ページ（page.php）のコーディングを行います。
タイトル、本文、アイキャッチ等の表示を行います。
⑭コンタクトフォーム編
コンタクトフォームの作成を行います。
フォームは、WordPressで定番のプラグイン「Contact Form 7」を使用します。
SMTPサーバ用のプラグイン「WP Mail SMTP」の設定も行います。
⑮カテゴリ一覧編
カテゴリ一覧（category.php）のコーディングを行います。
カテゴリ名を取得し、投稿記事のカテゴリごとの一覧を表示します。
⑯月別一覧編
月別一覧（date.php）のコーディングを行います。
投稿記事の年月ごとの一覧を表示します。
⑰サイト内検索編
サイト内検索のコーディングを行います。
検索フォーム「searchform.php」と検索結果ページ「search.php」を作成します。
検索対象を「投稿ページ」だけに絞るカスタマイズも行います。
⑱共通処理パーツ化編
共通処理のパーツ化を行い、ソースコードを最適化します。
⑲エラーページ編
エラーページ（404.php）のコーディングを行います。
エラーページでよく使われる「エラーメッセージを表示させる方法」と「トップページへリダイレクトさせる方法」の2パターンを行います。
