iSara WEB制作

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

投稿日:2019年4月9日 更新日:

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

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

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

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

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

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

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

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

GIGLIO
…iSaraだけ!

Day 2講義内容

  • WordPress ~準備編~
  • WordPress ~テーマ作成編~

この記事は以下のような方にオススメです。

  • iSaraに興味がある。
  • 応募したけど落ちた…。次こそは!
  • 「はにわまんのWordPress講座」が気になる。

WordPress ~準備編~

なぜWordPressを学ぶのか?

  1. 需要がある
    └ 約33%のサイトがWordPressで作られている。
  2. 単価が上がる
    └ HTML/CSSのみのコーディングより稼げる。(1ケタ違う)
  3. 仕事の幅が広い
    └ 制作以外にもサーバー周り(移行,HTTPS化)/保守運用/高速化/カスタマイズなど

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

はにわまんさんの見解

  1. WordPress自体が廃れない限り、仕事に困ることはなさそう。
  2. WordPress案件がメインで10万円〜を月に数件受ける感じ。
  3. サイト制作だけでなく、そこから色んな依頼に繋がっていくことがある。

そもそもWordPressとは?

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

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

WordPressで理解すべき点

  1. WordPressの仕組み
  2. WordPressの管理画面
  3. WordPressの裏側
  4. WordPressのプラグイン
  5. PHP,MySQL

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

準備編でやったこと

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

あくまでiSaraで「はにわまんさんのWordPress講座」がどんなものであったか?が気になる人に伝われば良いかなと思っています。(自分自身が良く理解していないので説明できないのもありますが…)

1. WordPressの仕組み

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

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

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

2. WordPressの管理画面

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

3. WordPressの裏側

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

ここまでが1コマです。

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

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

WordPress ~テーマ作成編~

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

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

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

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

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

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

 

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

 

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

ループを理解する

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

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

Day5 WordPress ~管理画面の拡張編~ へ続く

はにわまんさんの「WordPress講座」はDay5でも1コマ行われます。お楽しみに!

DAY2. WordPress講座 from hirog

Day2に関しては同期のヒロさん(@hirokiweblax)も(僕とは違った視点から)ブログにまとめてくれていますので、合わせて読んでみてください。

5thメンバーリスト

Twitterのメンバーリスト(全21名)を作成しましたので、よかったらフォローお願いします。

そして #iSara5th のタグで追いかけてみてください。

リストはコチラ

5thメンバーブログ

僕以外にもブログで発信しているメンバーがいます。ぜひチェックしてみてください。

おわり

プロフィール

今後の発信予定

  • 毎日の現地講座
  • 現地アクティビティー
  • 事前学習期間まとめ
  • 聖地・iSaraハウス
  • ZZZ Hostel
  • 5thメンバー紹介
  • タイでの生活について

iSaraマニアの視点から発信を継続していきますので、遊びに来てください。

Live A Life You Will Remember!

資料請求はこちら

-iSara, WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


関連記事

【iSara5期/Day 7】生産性を高める営業術

バンコクにてノマドエンジニア育成講座のiSara5期に参加中の(@HEBOCHANS)です。 Day 7-2コマ目は「生産性を高める営業術」です。 労働時間を減らし、収入を倍増させた男の経験談です。 …

【iSara5期/Day 3】SNS講座

バンコクにてノマドエンジニア育成講座のiSara5期に参加中の(@HEBOCHANS)です。 Day 3-2コマ目はSNS講座(主にTwitter)です。 担当講師:ケースケ(@Keisukexlif …

【iSara5期/Day 3】仕事の探し方

バンコクにてノマドエンジニア育成講座のiSara5期に参加中の(@HEBOCHANS)です。 Day 3からはiSaraの本質である「営業」についての講義が本格的に始まります。 担当講師:ケースケ(@ …

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

バンコクにてノマドエンジニア育成講座のiSara5期に参加中の(@HEBOCHANS)です。 Day 5-1コマ目はWordPress講座 「管理画面の拡張編」です。 担当講師:はにわまん(@hani …

【iSara5期/Day 6】フリーランス営業術

バンコクにてノマドエンジニア育成講座のiSara5期に参加中の(@HEBOCHANS)です。 Day 6-2コマ目は「フリーランス営業術」です。 1コマ目はチームで行ったワークの発表でした。 こちらは …