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つのプロジェクトで構成されています。各プロジェクトでは、以前のクラスの内容に基づいて少しずつアプリケーションを追加したサイトを構築します。この過程で重要な重要な機能を繰り返し説明します。
また、プロジェクト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の環境が少し異なる場合がありますが、これは別々の画像や画像で区別して説明しています。他にコーディングする過程でショートカットキーが異なる場合もやはりその時説明しており、受講に大きな困難がないと予想します。