【解説】ズーロッパ東京 WordPress化
HTMLで作った『ズーロッパ東京』をWordPressで運用できるよう、オリジナルテーマ化する方法を解説します。WordPressテーマの仕組みと基礎知識、特定のページやカテゴリだけデザインを別にする方法を学べます。
プレミアムサービスを見るレベル
ビギナー
11レッスン
0日間
HTMLで作った『ズーロッパ東京』をWordPressで運用できるよう、オリジナルテーマ化する方法を解説します。
WordPressテーマの仕組みと基礎知識、特定のページやカテゴリだけデザインを別にする方法を学べます。
レッスン内容
-
1
本講座の進め方、使用素材についてご説明します。
-
2
WordPressでの制作には、WordPressにある程度情報が登録されていないと進めにくいです。まずは、ローカル環境のWordPressを制作サイトに合わせてセットアップしていきましょう。
-
3
オリジナルテーマのフォルダを作成しましょう。WordPressがテーマと認識するために、最低限必要なファイルを揃えます。
-
4
HTMLで制作したページを、WordPressテーマとして使えるようにCSSや画像のパスを修正して行きます。ヘッダーのメニューも、WordPressの管理画面から設定したものに置き換えます。
-
5
WordPressで用意されている「WP_Query」という機能(PHPクラス)を使って、取得する投稿のカテゴリーや件数を指定する方法を解説します。
-
6
前レッスンの復習も兼ねて「WP_Query」を使ったループを書いていきましょう。IDを使って、決まった投稿の情報を出力する方法も解説します。
-
7
WordPressの投稿、いわゆる記事詳細ページを表示するためのテーマテンプレートファイル「single.php」を作成します。
-
8
WordPressの固定ページを表示するためのテーマテンプレートファイル「page.php」を作成します。
-
9
特定の固定ページにのみ適用される、固定ページテンプレートを作成します。今回作っていく固定ページの一覧表示以外にも、専用テンプレートを使えると様々な応用が効きますよ。
-
10
カテゴリごとに、投稿の一覧を表示する「category.php」を作成します。1ページに収まらないくらい投稿数が多い時に役立つ、WordPressのページネーション(ページ番号付きのリンク)出力方法も解説。
-
11
特定のカテゴリの場合にだけ適用される、カテゴリ別一覧表示のテンプレートファイルを作成します。
もっと見る
【解説】ズーロッパ東京 WordPress化を 無料で始めましょう!
無料申し込み期限
12月29日まで
募集
人数
100名 (残りわずか)