コース

テーマ開発

架空の雑貨店「シマエナガ堂」の企業サイトを題材に、WordPressテーマをゼロから開発します。テンプレート階層・functions.php・カスタム投稿タイプ・カスタムフィールドまで、実務の型をひとつの作品で身につけます。

はじめよう

企業サイトのテーマを作ろう

テーマ開発・レッスン 1 / 15

じゅんび:作るものと道具全4レッスン

  1. 01企業サイトのテーマを作ろう
  2. 02Localでパソコンの中にWordPressを立てる
  3. 03最小のテーマを作って有効化するstyle.cssindex.phpTheme Name
  4. 04テーマのためのPHP超入門<?php ?>echowhileif

テンプレートで骨組みを作る全6レッスン

  1. 05テンプレート階層——URLごとに担当ファイルが決まるfront-page.phpsingle.phparchive.phphome.php
  2. 06header.phpとfooter.phpに共通部品を分けるheader.phpfooter.phpwp_head()wp_footer()
  3. 07front-page.phpでトップページを作るfront-page.phpWP_Query
  4. 08page.phpで会社案内ページを作るpage.phpthe_content()the_title()
  5. 09お知らせの一覧と詳細を作るhome.phpsingle.phpthe_permalink()
  6. 10カテゴリ別一覧と404ページcategory.php404.phpthe_category()

functions.phpで機能をつなぐ全4レッスン

  1. 11functions.phpとCSSの正しい配線functions.phpwp_enqueue_style()add_theme_support()
  2. 12管理画面から編集できるナビメニューregister_nav_menus()wp_nav_menu()current-menu-item
  3. 13カスタム投稿タイプで「商品」を作るregister_post_type()archive-shohin.phpsingle-shohin.php
  4. 14カスタムフィールドで商品情報を持たせるget_post_meta()esc_html()

しあげ全1レッスン

  1. 15テーマのしあげと、ここから先の道screenshot.png