オリジナルのデザインカンプから、WordPressサイトを制作しませんか?
コーポレート・採用サイト「NIVORA」を題材に、HTML・CSSでのコーディングからオリジナルテーマ化、管理画面から更新できるCMSの構築まで学ぶ実践講座です。
デザインカンプと画像素材はこちらでご用意するので、制作に集中していただけます。完成したサイトはポートフォリオや制作実績として利用可能です!
■ 無料の開発環境で始められます
Local・VS Code・WordPressなど、無料で使えるツールで制作します。PC内にWordPressの環境を作るため、サーバー契約やドメイン取得をせずに学習を始められます。カンプ・画像素材も付属し、環境構築から実装まで取り組めます。
■ 講義で使用するデザインカンプ
トップ・会社紹介・社員一覧・社員インタビュー・制度や環境・キャリア・募集要項・FAQ・ブログ・応募フォームなど、12画面で構成した本格的なサイトです。PC・スマートフォンに対応したカンプを使います。アイキャッチの次の画像で、デザインカンプの全体像をご覧いただけます。
■ 制作サンプル
https://nivora.souci.online/
確認用管理画面
https://nivora.souci.online/wp-admin/
ユーザー名:test
パスワード:test
完成後のCMSをイメージしていただける閲覧専用アカウントです。文章・画像の入力項目やブロック構成を確認できます。変更はサイトに保存されません。
■ 学べること
・Local・VS Codeによる開発環境の準備
・カンプの読み取りとHTML・CSS・SCSSによる実装
・レスポンシブ対応とJavaScriptによる動き
・PHPの基礎、WordPressのオリジナルテーマ化
・共通パーツ、固定ページ、ブログの一覧・詳細
・カスタム投稿タイプによる社員紹介
・カスタムフィールドによる文章・画像・繰り返し項目の管理
・ブロックエディターの活用
・応募フォーム、公開前の表示・動作確認
・ChatGPTなどのAIを活用したコーディング
■ サポートについて
15,000円(税込)/90分×全5回。ココナラのビデオチャットで画面を共有し、進捗に合わせて解説します。連絡・質問・素材の共有もココナラ内で行います。
HTML・CSSの基礎を学び、WordPress化に挑戦したい方、実績として紹介できるサイトを作りたい方におすすめです。全5回では自分で制作を進めるための知識と実装方法を重点的にお伝えし、講義の間に自主制作を進めていただきます。
■ 料金・回数
15,000円(税込)/全5回(1回90分)
■ 講義の流れ(進捗に応じて調整)
第1回:開発環境の準備・カンプの確認・HTML/CSSの設計
第2回:トップ・下層ページの実装とレスポンシブ対応
第3回:WordPressのテーマ構成・共通パーツ・固定ページ
第4回:ブログ・社員紹介の一覧と詳細、カスタムフィールド・ブロックエディター
第5回:フォーム・表示確認・公開に向けた仕上げと自主制作の進め方
■ ご購入前にお知らせください
・HTML/CSS、JavaScript、WordPressの学習経験
・現在の制作状況と学びたい内容
・使用するPC(Windows/Mac)と開発環境
・受講を希望する曜日・時間帯
サイト全体の完成には、講義とは別に自主制作が必要です。100時間以上の学習・制作を想定し、5回の講義内で全ページの完成をお約束するものではありません。