【iSara5期/Day 2】はにわまんのWordPress講座 「準備編」と「テーマ作成編」

バンコクにてノマドエンジニア育成講座のiSara5期に参加中の（@HEBOCHANS）です。

Day 2より本格的に講義が始まります。

前期では事前学習の一環だった「WordPress」が5期では「現地講座」に採用されました！

しかも講師はあの「はにわまん」(@haniwa008)さん！

はにわまんさんは過去に「もくもく会」を主催したことはありますが、いわゆる「授業」は今回が初めてだそうで、

少しだけ緊張しているようにも見えました。笑

このブログではHPCode内に"WordPress"で検索して約130記事 (2019年4月現在)あるブログの中から初心者向けの記事も合わせてご紹介していきます。

TOTO

はにわまんのWordPress講座が受けられるのは

GIGLIO

iSaraだけ！

WordPress ~準備編~

なぜWordPressを学ぶのか?

HTML/CSSを一通り覚えたら、次はWordPressに行かない理由がありません。

はにわまんさんの見解

そもそもWordPressとは?

HTML/CSSの知識がない人でもブログやイベント情報などのお知らせを更新できるCMS(コンテンツ・マネジメント・システム)

そんなお客さんからのニーズに応えるため以下のような点を理解する必要があります。

WordPressで理解すべき点

※準備編では1〜3までを扱いました。

準備編でやったこと

ここではWordPressの説明は省略します。

あくまでiSaraで「はにわまんさんのWordPress講座」がどんなものであったか？

が気になる人に伝われば良いかなと思っています(自分自身が良く理解していないので、説明できないのもありますが…)。

①WordPressの仕組み

講義は、はにわまんさん特製のスライドを使って行われました。

講座後、そのスライドはiSara生 (OBも参加可能)だけが入れるSlack内で共有されるので復習することができます。(ありがたい！)

ちなみに、はにわまんさんは普段Windows派なのですが、この講義用にMacBook Airを引っ張り出してきたそうです。(iSaraでは基本Macが必須)

②WordPressの管理画面

ここからはMAMPを使って、それぞれが自分のPCにWordPressをインストールしてローカル環境を構築し、管理画面に触れてみる感じです。

③WordPressの裏側

ここではPCにダウンロードされたWordPressのフォルダやファイルの場所や説明・どのように管理画面と紐付けられているか、についてです。

ここまでが1コマです。

WordPressを学ぶメリット → WordPressの仕組みの理解 → WordPressをインストールして実際に触ってみる(裏側まで)。

ここまでを1時間で、です。濃厚すぎますよね。。

WordPress 〜テーマ作成編〜

テーマ作成編でやったこと

テーマ作成編ではHTMLサイトをWordPress化する、という実践で使える技術を学びます。

そこで登場するのが事前学習のテスト1でコーディングした課題 (HTMLサイト)です。

これに"NEWS"というセクションがあるのですが、これをWordPress化するわけです。

見事に伏線を回収しました！さすがiSara！

(画像をお見せしながら説明したいのですが、アップしてはいけないはず…ヒントとしてはiSara5期生のポートフォリオを見てもらって共通してるサイトがソレの可能性大！)

これができれば0からWordPress案件を受ける力も身に付くそうです。

スライドでの解説 → はにわまんさんのライヴ・コーディング (貴重！) → みんなで作業
という流れで行われました。

ループを理解する

後半のスライドはほぼループについてでした。

ループは名前のとおり、繰り返すという意味がある。
WordPressでのループとは、投稿に追加した記事を1記事ずつ順番に読み込んでくれるもの。1周で1記事分の情報。

Day 5へ続く

【iSara5期/Day 5】はにわまんのWordPress講座 「管理画面の拡張編」

人気記事【全４６本】プログラミングスクール『ISARA』ブログまとめ