부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
Self-coding
부트스트랩5 (Bootstrap5)의 클래스, 컴포넌트 등 개념을 이해하고 이를 바탕으로 응용, 변형하고 실습으로 3개의 프로젝트를 제작해봅니다.
초급
Bootstrap, HTML/CSS, JavaScript
WordPress（WordPress）完全征服
WordPressテーマコーディングの基礎からライブサーバーへの立ち上げまで、複数のプロジェクトコーディングを通じて独自の素敵なウェブサイトを作成し、また複数のホームページを管理する専門開発者になることができます！
学習した受講者のレビュー
こんなことが学べます
ローカルホストからWordPressをインストールする
WordPressの全体的な機能と機能、そしてそれをカスタマイズする方法
WordPressの基本的なポストタイプであるポスト、ページだけでなくカスタムポストタイプの理解とコーディング
Static WebsiteをphpベースのWordPressにDynamic Websiteを変更する
テーマの翻訳, poedit, Open Graph Tag
開発後のライブホストとしてのMigrateまたはDeployによる管理
その他
WordPress、テンプレート制作から配布までにぴったり！
世界のウェブサイト43%を作った1位CMS
WordPress（WordPress）完全征服
WordPressはSEO（検索エンジン最適化）、モバイルレスポンシブ、優れたセキュリティ、定期アップデートのサポートなど様々な強みを持ちながら、何よりオープンソースで開発者が簡単にカスタマイズできるという点が最大の魅力に挙げられるCMSです。 2022年現在、世界中のウェブサイトの約43％がWordPressで制作されているそうです。
WordPress、こんな点がいいです！
1️⃣
複雑なバックエンド実装の知識がなくても、簡単にサーバーDBを構築、管理できる
2️⃣
簡単なHTML/CSS、JavaScriptだけでも動的コンテンツを含むページを制作できる
ウェブサイトを作成するにはフロントエンドとバックエンドの知識の両方が必要ですが、サーバーなどのバックエンド領域を実装するにはかなり長い時間の学習が必要です。しかし、WordPressを利用すれば簡単にサーバーDBを構築することができ、初心者でも簡単なレベルのフロントエンド知識しかあればダイナミックなコンテンツのホームページを制作して管理することができます。
WordPressテーマ制作＆
ウェブサイト構築のA to Z。
こんな方におすすめです👀
WordPressの基礎から進んでカスタマイジングをしてみたい方
韓国語ベースのWordPressテーマを作ってみたい方
WordPressを利用して独自のウェブサイトを構築したい方
WordPressで複数のお客様のWebページを開発、制作、管理する必要がある方
このレッスンは、WordPressの特徴とテーマコーディングのためのコードエディタの使い方から始まり、WordPressのコア構造と機能、関数はもちろん、段階的に少しずつ深化する内容で構成されています。 WordPressの構造と機能を学び、これを元に自分のWordPressテーマを直接A～Zまで自分でコーディングできるように進むのが今回の講義の目標です。
順番に作る4つの実戦プロジェクト
「ワードプレス完全征服」講義は大きく4つのプロジェクトで構成されています。各プロジェクトでは、以前のクラスの内容に基づいて少しずつアプリケーションを追加したサイトを構築します。この過程で重要な重要な機能を繰り返し説明します。
また、プロジェクト3～5は講義「 Bootstrap 5 - 基礎からWebプロジェクトの作成」でコーディングしたプロジェクトのHTML/CSSファイルが利用されます。 HTMLなどを理解するために該当講義を受講することをお勧めしますが、必ずしも必要なコースではありません。今回のワードプレス講義のため、ソースコードなどは授業資料として添付して提供されます。
講義で行われるプロジェクトに沿ってテーマを一つずつ、段階的に作ってみてください。繰り返し学んで使ってみると、ある瞬間、自然にWordPressの専門開発者になっている皆さんの姿を発見できるはずです！
カリキュラム
確認してみてください。
講義は総論に該当するセクションと4つのプロジェクトまで合計5つのセクションで構成されており、今後1つのプロジェクトが追加される予定です。個々のプロジェクトは、WordPressを初めて学ぶときに知っておくべき基本的な内容から始めて、少しずつより深くなった内容を学習できるようになっています。
- ✅ WordPressの構造と機能（関数）を繰り返しの使用とアプリケーションで完全に理解することができます。
- ✅簡単に自分のダイナミックなウェブサイトを作成して運営できます。
- ✅ WordPress開発者であれば、多くのお客様のホームページを簡単に修正、更新、管理できます。
プロジェクト1
シンプルなブログ形式のウェブサイトプロジェクトで、ワードプレスの最も基本的な内容でテーマのコアファイル構成、ワードプレスの最も重要な機能であるThe Loopを学びます。
プロジェクト2
マルチページウェブサイトでメインページとシンプルなページテンプレート、そしてブログテンプレートやポストを作っていくプロジェクトです。プロジェクト1で学んだ内容に基づいて、さまざまなポストフォーマットを勉強します。また、英語のテーマを韓国語に翻訳する方法を学びます。
プロジェクト3
ワンページウェブサイトとして主にカスタムフィールド、その中でも Advanced custom fields というプラグインを利用して WordPress が提供する基本フィールドの他に、開発者が望む形式とフォームのカスタムフィールドを作って活用するプロジェクトです。開発者モードのLocalhostで制作したウェブサイトをカフェ24というLive host serverに簡単に移行する過程も学習することになります。
プロジェクト4
カスタムフィールドとWP_Queryを使用してカスタムポストタイプマルチページWebサイトを作成します。また、カカオマップAPIを利用した地図コーディングをJavaScriptで実装してみます。また、Localhostで制作したウェブサイトをやはりカフェ24というライブサーバーに移転しながら、プロジェクト3とは異なり、Gitを利用してライブホストに移転する方法を学びます。この方法は、複数のWordPress Webサイトを開発および管理する開発者に必要な機能になります。また、ユーザーが検索語を入力するたびに、検索結果がダイナミックに変化するライブ検索（Live search）をJavaScriptで実装してみます。
プロジェクト5(準備中)
マルチページのウェブサイトで以前のプロジェクトで学んだことをより機能的にデザイン的に難易度が高く WordPress テーマをコーディングします。さらに、コメント、ログイン、会員登録、会員評価、それに伴う投稿の閲覧/閲覧などの権限管理などを学びます。
💻受講前に確認してください！
- 練習に使用するWebブラウザとしてChrome（Chrome）またはFirefox（FireFox）をお勧めします。
- コードエディタは便利なようにどれでも使用できます。講義ではビジュアルスタジオコード（Visual Studio Code）を使用します。
この講義を作った
知識共有者を紹介します。
Self-coding
- フロントエンド(WordPress) Developer
- フリーランスのウェブサイトの制作と教育
- Inflearn Instructor.ブートストラップ5 - 基礎からWebプロジェクトを作成するコース
- Udemy Instructor
Q&A 💬
Q. コンピュータ関連の専攻者ではないのに聞ける講義ですか？
はい。可能です。専攻者なら、おそらくこの講義を受講しなくてもよくできます。この講義は、ブートストラップのようにフロントエンドの基礎的な知識の程度だけを活用できる初心者の開発者を対象に作られており、もう少し勉強してウェブサーバーを構築し、コンテンツを自由自在に入力/アップロードしてダイナミックなウェブサイトを作ってみたい方におすすめです。
Q. HTML/CSS程度しか知らない王初歩開発者です。講義に従えますか？
HTML/CSSをよく知っているという仮定のもと、この講義を十分に勉強できると思います。私も非常に基本的なレベルでWordPressテーマコーディングをランダムなGoogleとYouTubeを検索して勉強し、その時の過程をほとんど覚えています。そのため、WordPressについて知っておくべき主な内容については、まともなリファレンスを紹介して説明し、講義を進めます。意志と動機だけがあれば、知識はすぐに改善されるでしょう。
Q. 講義を聞く前に準備すべきことはありますか？
まず、当然のことながら、インターネットが接続されているコンピュータが必要です。 PCの種類やオペレーティングシステム、仕様などは関係ありません。 （もちろん、超高速インターネット環境でハイスペックPCをお持ちの方はさらにお勧めです！） また、HTML、CSS、JavaScriptなどのプログラミング言語の基礎がある程度学習された状態であることを願っています。
基礎が少し足りない場合は、「ブートストラップ5 - 基礎からWebプロジェクトを作成する」講義を学んでください。 WebブラウザにはChrome（最も推奨）またはFirefoxをお勧めします。また、コーディングができるコードエディタが必要で、講義ではVisual Studio Codeを使用しますが、他のどのエディタを使用しても大丈夫です。
Q. Windowsオペレーティングシステムでも実践に従うことはできますか？
はい、もちろんです。この講義ではmacOSを使用していますが、WindowsやLinuxなど、どのオペレーティングシステムでも問題なく講義を見て勉強できます。ローカルホストをインストールすると、MacとWindowsの環境が少し異なる場合がありますが、これは別々の画像や画像で区別して説明しています。他にコーディングする過程でショートカットキーが異なる場合もやはりその時説明しており、受講に大きな困難がないと予想します。
こんな方に
おすすめです
学習対象は
誰でしょう？
WordPressの文法と応用方法を知りたい初心者開発者
WordPressを利用してウェブサイトを構築したい方
前提知識、
必要でしょうか？
HTMLとCSSの理解（必須）
初歩的な概念の程度のJavaScriptの理解
カリキュラム
全体
141件 ∙ (23時間 23分)
講座資料（こうぎしりょう）:
授業資料
11. 10 - プロジェクト1 紹介
03:27
12. 11 - スターターファイル
03:42
17. 16 - アイキャッチ画像
09:11
21. 20 - ポストスタイル -1
05:51
24. 23 - ページネーション
09:44
26. 25 - ポストメタ
10:52
27. 26 - 投稿メタ 表示スタイル
07:07
29. 28 - アーカイブスタイル
11:11
30. 29 - その他
05:52
31. 30 - プロジェクト 2 紹介
03:35
33. 32 - home.php
16:25
34. 33 - single.php
05:22
35. 34 - archive.php
02:15
37. 36 - 投稿フォーマット -1
05:33
39. 38 - 投稿フォーマット -3
08:50
40. 39 - カスタム関数
03:50
42. 41 - ページリスト
05:26
43. 42 - ヘッダーとフッター
11:52
44. 43 - ウィジェット
13:46
45. 44 - 検索フォーム
06:39
46. 45 - 検索テンプレート
03:49
47. 46 - 404 テンプレート
06:14
48. 47 - テーマ 翻訳 -1
11:04
49. 48 - テーマ翻訳 -2
18:36
50. 49 - テーマ翻訳 -3
05:18
51. 50 - テーマ翻訳 -4
05:45
講座掲載日:
最終更新日:
受講レビュー
全体
14件
5.0
14件の受講レビュー
gwangik218受講レビュー 3
∙
平均評価 5.0
- hjkang
受講レビュー 2
∙
平均評価 5.0
- 애드워드
受講レビュー 1
∙
平均評価 5.0
- help
受講レビュー 1
∙
平均評価 5.0
- 안세환
受講レビュー 2
∙
平均評価 5.0
期間限定セール、あと5日日で終了
￥37,130
24%
￥5,886
codingdiyの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
