このコースについて

これからのWebデザインは、「技術的な知識がなくても、誰でも簡単に美しいウェブサイトを作れる時代」です。

当コースでは、

  • 最新のWordPress（バージョン6.5以上）と
  • 最新の無料の標準テーマ(Twenty Twenty Four)

で可能になった「フルサイトエディター」「ブロックエディター」「ブロックエディター」を、使って、商用サイトをデザインするノウハウを身につけることができます。

お知らせ：

このコースは、Word Pressの基礎知識がある方を対象としてます。コースにWord Pressの基礎知識は含まれません。「Word Pressを触ったことがない」「操作に不安がある」という方は、以下のコースも併せてご受講ください。

このコースで学べるスキル

実践的なデザインノウハウを身につける

このコースでは、複雑なデザイン理論を飛ばし、実際に使えるノウハウに焦点を当てています。具体的なサイト作成のデモンストレーションを通じて、以下のようなスキルを習得できます。



1. 見本サイト分析
デザインが優れた実際のサイトを分析し、その要素を自分のサイトにどう活かすかを学びます。

2. セクション・ブロック写経
効果的なセクションの切り分け方やブロックの使い方を実践的に学びます。

3. 具体事例でのノウハウ蓄積
実際に様々なサイトを作成することで、直接的なデザインスキルを身につけます。

コース一覧

    1. 1. コース概要

      無料プレビュー

    2. 2. 学ぶこと、学び方

      無料プレビュー

    1. 1. なぜ、見本サイト分析なのか？

      無料プレビュー

    2. 2. 見本サイトの見つけ方と、おすすめ

      無料プレビュー

    3. 3. サイトを選ぶ

    4. 4. サイト分析

    5. 5. ストックする

    6. 6. やってみよう！

    7. 7. 実行の様子

    8. 8. 発展課題

    1. 1. モックアップとは？

      無料プレビュー

    2. 2. 写経と分析(セクション、カラム意識)

    3. 3. ズラシで分析する

    4. 4. やってみよう!

    5. 5. ワークをする様子 写経編

    6. 6. ワークをする様子 ズラシ分析

    7. 7. 発展課題

    1. 中間まとめ

    1. 1. 目指すもの

      無料プレビュー

    2. 2. 大切なこと

    3. 3. 練習サイトについて

    4. 4. ブロックエディターの基本

    5. 5. グループについて

    6. 6. グループ詳細、探求

    7. 7. カラムについて

    8. 8. やってみよう(ブロック探求)

    9. 9. Ghostkitについて

    10. 10. やってみよう

    11. 11. 実際の操作の様子を見よう

    1. 1. 事例ノウハウについて

      無料プレビュー

    2. 2. 初期設定

    3. 3. スタイル設定事例(1)

    4. 4. スタイル設定事例(2)

    5. 5. スタイル設定事例(3)

    6. 6. スタイル設定事例(4)

    7. 7. トップのヘッダー事例(1)

    8. 8. トップのヘッダー事例(2)

    9. 9. トップのヘッダー事例(3)

    10. 10. トップのヘッダー事例(4)

    11. 11. カラム事例(1)

    12. 12. カラム事例(2)

    13. 13. カラム事例(3)

    14. 14. マージンとパディング

    15. 15. マージン、パディングを使ったレイアウト事例

    16. 16. 画像で区切りを作る

    17. 17. クエリーループとは？

    18. 18. お知らせ一覧表示

    19. 19. ブログ一覧

    20. 20. まとめ

コース概要

  • 34,000円
  • 53回のレッスン
  • 7.5時間の動画コンテンツ

お申し込み

以下からお申し込みください

申し込む