PHPとSQLの基礎を学ぶ

• DAY 1

  PHPの基本文法を学ぼう①

  詳しくみる

  レッスンを始める
  • 目次
  • 01  【導入編】WordPressを使ったサイト制作ができるようになるメリットとは
  • 02  PHPの開発環境を作ろう
  • 03  PHPで文字列を表示しよう
  • 04  PHP で計算しよう！
  • 05  エラーで動かない時はエラーログを見よう！
  • 06  困ったらまずは「よくある質問」をご覧ください！
• DAY 2

  PHPの基本文法を学ぼう②

  詳しくみる

  レッスンを始める
  • 目次
  • 01  変数を学ぼう
  • 02  関数（function）を学ぼう
  • 03  条件式を学ぼう
  • 04  困ったらまずは「よくある質問」をご覧ください！
• DAY 3

  PHPの基本文法を学ぼう③

  詳しくみる

  レッスンを始める
  • 目次
  • 01  配列を学ぼう
  • 02  連想配列を学ぼう
  • 03  困ったらまずは「よくある質問」をご覧ください！
• DAY 4

  PHPでECサイトを作ってみよう①

  詳しくみる

  レッスンを始める
  • 目次
  • 01  静的ファイルをPHPで書き直そう
  • 02  foreachで商品情報を表示しよう
  • 03  PHPの別ファイルを読み込む
  • 04  買い物かごを表示しよう
  • 05  Formからデータを受け取ろう！
  • 06  if文でHTMLの表示を切り替えよう！
  • 07  フォームの入力内容から決済金額の合計値を出そう
  • 08  困ったらまずは「よくある質問」をご覧ください！
• DAY 5

  PHPでECサイトを作ってみよう②

  詳しくみる

  レッスンを始める
  • 目次
  • 01  インスタンスをプロパティの値を取得しよう
  • 02  Classを使ってトップページを書き換えよう
  • 03  Classにメソッドを定義して利用しよう
  • 04  Cartクラスを定義していこう
  • 05  決済画面を表示しよう
  • 06  困ったらまずは「よくある質問」をご覧ください！
• DAY 6

  SQLの基本を学ぼう！

  詳しくみる

  レッスンを始める
  • 目次
  • 01  SQLを実行するための環境を用意しよう
  • 02  データを取り出す方法について学ぼう
  • 03  データに変更を加える方法について学ぼう
  • 04  テーブルを作成しよう
  • 05  困ったらまずは「よくある質問」をご覧ください！

開発環境編

• DAY 7

  ローカル開発環境を作ろう

  詳しくみる

  レッスンを始める
  • 目次
  • 01  MAMPにWordPressをインストールしてローカル開発環境を作る
  • 02  スターターテーマをダウンロードしよう
  • 03  困ったらまずは「よくある質問」をご覧ください！

実践！サイト制作編

• DAY 8

  WordPressの基本概念を理解しよう！

  詳しくみる

  レッスンを始める
  • 目次
  • 01  Webサイトが表示される基本からWordPressの技術構成
  • 02  見栄えの管理はテーマ
  • 03  WordPressの管理画面と生成されるページを理解しよう
  • 04  生成されるWebページとテンプレートの対応を理解しよう
  • 05  テンプレートファイルの構築イメージ
  • 06  WordPressテーマ作成で詰まったときの解決のヒント
• DAY 9

  WordPressテーマの初期設定＋テンプレートファイルを作成する

  詳しくみる

  レッスンを始める
  • 目次
  • 01  【前提】WordPressを使ったサイト制作に必要な知識
  • 02  自作テーマ制作の流れ
  • 03  WordPressのメインフォルダを見てみよう
  • 04  VSCodeの拡張機能「WordPress Snippet」を導入しよう！
  • 05  style.cssとindex.phpを用意してテーマとして認識させる
  • 06  テンプレートファイルを作成する
  • 07  index.phpにトップページを作成する
  • 08  functions.phpからCSSやJavaScriptを読み込む
  • 09  ヘッダーとフッターのファイルを分割する
  • 10  WordPressの標準機能を拡張する
  • 11  【演習課題】サイドバーのファイル分割
  • 12  WordPressサイトをDiscord質問部屋で共有いただく際のお願い
  • 13  困ったらまずは「よくある質問」をご覧ください！
• DAY 10

  トップページに新着記事の一覧を表示する

  詳しくみる

  レッスンを始める
  • 目次
  • 01  開発に便利なプラグインを2つ導入する
  • 02  パーマネントリンクの設定を投稿名に変更する
  • 03  index.phpで記事の一覧を表示する① - 記事を取得するためのループ処理 -
  • 04  index.phpで記事の一覧を表示する② -リンク・アイキャッチ・タイトルなどを動的に表示-
  • 05  index.phpで記事の一覧を表示する③ -ページネーション-
  • 06  困ったらまずは「よくある質問」をご覧ください！
• DAY 11

  メニューを有効化して、リンクを動的に出力する

  詳しくみる

  レッスンを始める
  • 目次
  • 01  メニューを有効にするための記述をfunctions.phpに追加
  • 02  ロゴ / サブタイトルを動的に表示する
  • 03  演習課題：フッターに「フッターメニュー」を表示する
  • 04  困ったらまずは「よくある質問」をご覧ください！
• DAY 12

  フックを使ったカスタマイズを覚える＋アーカイブページを作る

  詳しくみる

  レッスンを始める
  • 目次
  • 01  アーカイブページ（archive.php）の役割をおさらい
  • 02  投稿のカテゴリーを作る
  • 03  index.phpと同じ手順でarchive.phpの記事一覧を作る
  • 04  パンくずリストを動的に表示する
  • 05  表示中の一覧ページ名・説明を動的に表示する + フックを使ってthe_archive_title( )をカスタムする
  • 06  演習課題：カテゴリー一覧・日付別一覧を作り、優先表示されてることを確認する
  • 07  category.phpを作った途端に画面が真っ白になって困ったという方へ
  • 08  困ったらまずは「よくある質問」をご覧ください！
• DAY 13~14

  single.phpを編集して投稿ページを作る

  詳しくみる

  レッスンを始める
  • 目次
  • 01  目標物の確認
  • 02  共通パーツ部分を実装する
  • 03  確認用のテスト投稿を作成
  • 04  コンテンツ部分を実装する
  • 05  目次テーブル表示用のプラグイン『Table of Contents Plus』を入れる
  • 06  タグを一覧表示する
  • 07  シェアボタンエリアを表示する
  • 08  演習課題: single.phpに関連記事を表示させる
  • 09  困ったらまずは「よくある質問」をご覧ください！
• DAY 15

  固定ページを作る+サイトの保守性を高める

  詳しくみる

  レッスンを始める
  • 目次
  • 01  page.phpを編集して固定ページを作る
  • 02  共通化できるパーツをさらに細かくテンプレート化する
  • 03  独自関数を定義する＋ファイルを分割して管理する
  • 04  演習課題：パーツをテンプレート化＋タグ一覧の取得を関数化する
  • 05  困ったらまずは「よくある質問」をご覧ください！
• DAY 16

  トップページにピックアップ記事を表示する

  詳しくみる

  レッスンを始める
  • 目次
  • 01  目標物の確認
  • 02  投稿IDを指定して、ピックアップ記事を表示する
  • 03  『pickup』のタグがついた投稿をピックアップ記事として表示する
  • 04  困ったらまずは「よくある質問」をご覧ください！
• DAY 17

  ウィジェットを有効化してサイドバーを作る

  詳しくみる

  レッスンを始める
  • 目次
  • 01  サイドバーの作り方2パターン
  • 02  ウィジェットを有効化してサイドバーを追加する
  • 03  ウィジェットエリア「サイドバー」をsidebar.phpに表示させる
  • 04  「サイドバー」の中身を設定する① -プロフィール、アーカイブ-
  • 05  「サイドバー」の中身を設定する② -人気記事-
  • 06  「サイドバー」の中身を設定する③ -新着記事-
  • 07  「サイドバー」の中身を設定する④ -並び替え-
  • 08  演習課題：Twitterのタイムラインをウィジェットに埋め込んでみる
  • 09  困ったらまずは「よくある質問」をご覧ください！
• DAY 18~19

  自作コード（＋ショートコード）でサイドバーを作る

  詳しくみる

  レッスンを始める
  • 目次
  • 01  サイドバーを自作コード（＋ショートコード）で作るケースとは
  • 02  プロフィールと検索フォームを作る
  • 03  人気記事トップ5を表示する
  • 04  新着記事トップ5を表示する
  • 05  日付アーカイブを表示する
  • 06  困ったらまずは「よくある質問」をご覧ください！
• DAY 20

  検索結果ページ＋404ページを作る

  詳しくみる

  レッスンを始める
  • 目次
  • 01  404ページを作る
  • 02  search.phpで検索結果ページを作る
  • 03  カスタマイズ編：検索結果から固定ページを除外する
  • 04  困ったらまずは「よくある質問」をご覧ください！
• DAY 21~22

  WordPressでショートコードを自作する

  詳しくみる

  レッスンを始める
  • 目次
  • 01  目標物の確認
  • 02  functions.phpにショートコード用のPHPを記述する
  • 03  エディタでショートコードを利用する
  • 04  検索フォームをショートコード化してウィジェットに表示する
  • 05  演習課題： コンテンツの最下部に問い合わせボタンを追加する
  • 06  困ったらまずは「よくある質問」をご覧ください！
• DAY 23~24

  カスタム3兄弟を使いこなそう① - カスタム投稿・カスタムタクソノミー編

  詳しくみる

  レッスンを始める
  • 目次
  • 01  カスタム投稿とは
  • 02  カスタムタクソノミーとは
  • 03  Custom Post Type UIのインストール
  • 04  カスタム投稿「制作実績」を追加しよう
  • 05  カスタムタクソノミー「制作ジャンル」を追加しよう
  • 06  カスタム投稿・カスタムタクソノミー用テンプレートを作って動的にしよう
  • 07  演習課題：「制作ジャンル」タクソノミーのテンプレートも完成させよう
  • 08  演習課題2：single-work.phpに関連記事を表示させよう
  • 09  困ったらまずは「よくある質問」をご覧ください！
• DAY 25~26

  カスタム3兄弟を使いこなそう② - カスタムフィールド編

  詳しくみる

  レッスンを始める
  • 目次
  • 01  カスタムフィールドとは
  • 02  Advanced Custom Fieldsのインストール
  • 03  ACFでカスタムフィールド「制作実績」を作ってみよう
  • 04  カスタムフィールドにデータ入力してみよう
  • 05  カスタムフィールドに入力された値を表示してみよう
  • 06  メニューに「制作実績」を追加
  • 07  まとめ：カスタム3兄弟はWP開発にマスト！
  • 08  演習課題：archive-work.phpとtaxonomy-genre.phpの抜粋に「案件概要」のカスタムフィールドを出力させてみよう
  • 09  困ったらまずは「よくある質問」をご覧ください！
• DAY 27

  開発したWordPressサイトを本番環境に移行する

  詳しくみる

  レッスンを始める
  • 目次
  • 01  WordPressテーマの移行に必要なものとは？
  • 02  サーバーにWordPressをインストールする
  • 03  WordPressとデータベースの関係性と編集手順
  • 04  サイト移行用プラグイン『All-in-One WP Migration』をインストールする
  • 05  演習課題：ユーザーのログインID・パスワード・メールアドレスをphpMyAdminを使って変更する
  • 06  困ったらまずは「よくある質問」をご覧ください！
• DAY 28

  メタ要素・ソーシャルシェア・XMLサイトマップを設定する

  詳しくみる

  レッスンを始める
  • 目次
  • 01  プラグイン『SEO SIMPLE PACK』をインストールする
  • 02  プラグイン『XML Sitemaps』でsitemap.xmlを作成
  • 03  クローラーに更新を通知するプラグイン『WebSub/PubSubHubbub』をインストールする
  • 04  リンクが切れたURLや画像がないかを検知する
  • 05  困ったらまずは「よくある質問」をご覧ください！
• DAY 29

  サイトの表示速度を上げよう

  詳しくみる

  レッスンを始める
  • 目次
  • 01  これ一つで最適化がほぼ完了！Autoptimizeをインストールしよう
  • 02  キャッシュの概念とWP Super Cacheの導入
  • 03  画像を圧縮して軽くする
  • 04  サイトの表示速度を確認できるツール
  • 05  まとめ：簡単にできる表示速度対策はしておこう
  • 06  困ったらまずは「よくある質問」をご覧ください！
• DAY 30

  セキュリティ対策をしよう

  詳しくみる

  レッスンを始める
  • 目次
  • 01  バックアップを取ろう（UpdraftPlusのインストール）
  • 02  自動でマルウェアや不審なログインを検知してくれる「Wordfence」のインストール
  • 03  ログインURLの変更とロボットをブロックする「SiteGuard」を入れよう
  • 04  パスワードは強固に＋パスワード管理ツールを使おう
  • 05  スパムをブロックする「reCAPTCHA」を使おう
  • 06  WordPress制作ではセキュリティの意識を！
  • 07  困ったらまずは「よくある質問」をご覧ください！
• DAY 31~44

  卒業制作課題

  詳しくみる

  レッスンを始める
  • 目次
  • 01  卒業制作課題の進め方
  • 02  CSS設計から学びたい方へ
  • 03  パターン① 人材会社『グローバルスタンダード』のコーポレートサイト
  • 04  パターン② 歯科医院『みなみ歯科クリニック』のホームページ
  • 05  パターン③ カフェ『Open Cafe』のホームページ
  • 06  困ったらまずは「よくある質問」をご覧ください！
  • 07  卒業制作まで完走された方へ
  • 08  ここまで学習を進められた方へ
  • 09  成果につなげるための一歩を踏み出そう！！
  • 10  スキルを掛け合わせてパワーアップしたい方へ