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パターンを行います。