最終更新日:2020/08/02

【WordPressを学ぶなら!】
Techacademy: オンラインプログラミングスクール。WordPressとWebデザインの両方を学ぶことができます。

こんにちは、DAINOTE編集部のDAIです。

WordPressを学んでだいたい一ヶ月で、このブログのテーマを作ることができました。
ちなみに月間のPV数は500,000ほどで、がっつりとSEO対策もされています。

このWordsPressテーマを作るまでに、やったことを簡潔にまとめていきます。

WordPressテーマを学習する6つのステップ

WordPressの学習手順としては、以下の通りです。

  1. 基礎的なプログラミング言語を学ぶ
  2. 環境構築をする
  3. ドメインとサーバーをとる
  4. WordPressテーマの作成方法を学ぶ
  5. オリジナルのテーマを作成する
  6. SEO対策する

①基礎的なプログラミング言語を学ぶ

WordPressで必要なプログラミング言語の基礎を学びます。必要な言語は以下の5言語です。
難易度に★をつけておきますので、星が少ない順に進めてみましょう。

  1. HTML:  ProgateのHTML & CSS
  2. CSS:  ProgateのHTML & CSS
  3. JavaScript: ProgateのJavaScript ★★
  4. PHP: ProgateのPHP ★★★
  5. HTML/CSSの開発環境の準備:ProgateのHTML & CSS の開発環境を用意しよう! ★★
  6. 検証ツールの使い方:Progateの検証ツール(デベロッパーモード)の使い方 ★★

コードを学んだら、自身の開発環境を作ります。やることとしては、PHPが動く環境と、エディタのインストールです。

②環境構築する

WordPressテーマを作成する時には、環境構築が必要になります。
XAMPPを利用すると、簡単に環境構築ができるのでオススメです。

  1. Macの場合:XAMPPでサクッとWordPressローカル環境を立てる
  2. Windowsの場合:XAMPPを使ってWordPressローカル環境を構築する全手順

③ドメインとサーバーをとり公開する

最後にドメインとサーバーをとります。

ドメインは、URLのことです。このサイトなら、https://dividable.net ですね。

この、dividable.net の部分が
サーバーはこのブログのデータが格納されている倉庫です。

サーバーやドメインを借りる場所があり、僕は両方ともお名前ドットコムを利用しました。

④WordPressテーマを作成するための高度なフレームワークを学ぶ

基礎ができたら、応用です。
BootstrapとWordPressを学びます。

WordPressは、ご存知のとおりプログを作るサービスです。PHPで動きます。

Bootstrapは、CSSなしで、HTMLを簡単に装飾する言語です。CSSフレームワークと呼ばれ、よく使うCSSのルールをパッケージしたものだと思ってください。

学ぶ教材としては、こちらがオススメです。

  1. Bootstrap: HTML/CSS/JavaScriptのフレームワーク。ドットインストールのBootstrap 4入門 ★★★★
  2. WordPress: PHPやMySQLなどのデータベース言語のフレームワーク。ドットインストールのWordPress入門 ★★★★

学び方ですが、僕の場合は、

  1. 1週目はコードを書かず、動画を一周見る
  2. 2週目はEvernoteなどにコードを全部メモして、書きながら理解する
  3. 3週目に実際にエディタを利用して、コードをかく

といった感じです。

⑤既存のブログテーマの模写をする

ここまでくると、WordPressの構造が見えてきますので、ドットインストールのワードプレス のコースが完了したら、次にやるのは既存のテンプレートの模写です。

  1. Webデザイン(デザインの基礎原則からAdobe XDの利用方法まで)の基礎を学ぶ: Udemyのプロになる基礎から実践まで!WebデザインからHTML5・CSS3(Sass)でのコーディングを全て学べる講座
  2. 真似したいサービスのWebデザインを模写する (僕の場合はnoteでした)

基本的には、これから作るブログの必要な部分を作ります。基本的には、

  • 記事一覧ページ(index.php)
  • 個別記事ページ(single.php)

が最低限作れれば、問題ないです。

⑥オリジナルテンプレートを実装する

あとは、基本的にWordPressの動画と全く構造は同じでいいので、デザインだけ変えて作成してみましょう。

⑦ SEO対策する

ここからは余力があれば。
ちゃんと自身のブログを運営したい、クライアントのホームページを運営したい!というのであれば、SEO対策までできると非常に良いです。

一応SEOで問われるようなことについては、以下の対応をします。

「SEOについてぜんぜんわかりましぇん」って人は、とりあえずこれを一冊読んでおけば問題なしです。

≫ 現場のプロから学ぶ SEO技術バイブル

⑧計測設定をする

作成するホームページが、申し込みページなのか企業ページなのかによって変わります。
申し込み型の場合は、ユーザーの行動データを追跡できるようにした方が良いです。

最後に

WordPressを独学で学ぶために、必要な学習ステップと参考になるWebサイトをまとめました。

基本的には、

  1. 基礎的なプログラミング言語を学ぶ
  2. 環境構築をする
  3. WordPressテーマの作成方法を学ぶ
  4. オリジナルのテーマを作成する

までできれば、自作のオリジナルテンプレートを作成することは可能です。
ただ、だいたい3-4あたりでつまづく可能性があります。そういうときにはどうしてもメンターがいた方がやりやすいと思います。

もし周りにWordPressがわかる人がいれば、聞いてみちゃうのが早いです。もしいなければ、WebデザインやWordPressに特化したプログラミングスクールに通うのも、一つの手段として良いと思います。

WordPressのプログラミングを学ぶなら、Techacademyがおすすめ

公式サイト:https://techacademy.jp/

【TechAcademy】副業でWeb制作を学ぶならここ!
お手頃な価格で、Webサイト制作をしてみたい方に特におすすめ。完全マンツーマンなので、受講者一人ひとりに合わせたアドバイスをしてくれます!

学習言語 HTML5/CSS3, Bootstrap, Git/Github, PHP
受講場所 完全オンライン
期間 4週間
講師 現役エンジニア
主なサポート ・毎日の毎日15時〜23時のチャットサポート
・週2回のマンツーマンメンタリング
料金 ¥149,000
全額返金保証 なし
転職紹介 受講生限定のスカウトサイト
DAI
お手頃な価格で、Webサイト制作をしてみたい方にはおすすめです

TechAcademyは、最短4週間で未経験からプロを育てるオンライン完結のスクールです。

副業でWeb制作をやってみたい!という方には、以下の2つの理由で特におすすめです。

  1. 完全マンツーマンなので、受講者一人ひとりに合わせたアドバイスをしてくれる

  2. Wordpressに特化したコースがある

①完全マンツーマンなので、受講者一人ひとりに合わせたアドバイスをしてくれる

現役エンジニアのパーソナルメンターがつくことで、以下のことができるようになります

  1. 挫折する可能性がぐっと下がる
  2. 自立して学習できるようになるので、案件が取れるようになる

①挫折可能性がぐっと下がる

まず、プログラミングを学ぶほとんどの人が、モチベーションが続かず最初につまづいて辞めてしまう傾向にあります。

パーソナルメンターがいれば、最初の一番きつい学習期間を一緒に乗り越えられるので、学習が継続します。

DAI
モチベーション管理や、学習の進捗の確認を行ってもらえるので、オンラインでも挫折しにくい仕組みになっているので、初心者の方でも安心ですね!

②自立して学習できるようになるので、案件が取れるようになる

Web制作の現場は、常に自分で調べながら学び続けなければいけませんが、なかなか自分自身の力でエラーを解決するのは難しいですよね。

マンツーマンのメンターがいると、プログラミングの課題をどうやって解決すればいいか、「学習方法」を学ぶことができます。

  • 週に2回の面談
  • リアルタイムでのチャット質問

ができるので、受講者の方も非常に学習が進めやすかったそうです。(インタビュー記事より

mottyさん
カリキュラムでは学習のサポートをしてくれる担当メンターが1人就いてくれます。週2回のオンライン面談があり、分からないことがあれば、そこで質問も出来ました。

②Wordpressに特化したコースがある

そんなWordpressに特化したコースがTechAcademyにはあります。

料金は一番短いプランであれば15万円ほどなので、かなり安いです。

企画からこのコースを受講することで5万円ほどの案件を獲得するのに必要なスキルがすべて学べるようになっています。

また、TechAcademyでは、無料体験ができるようです。まずは無料体験に申し込んだうえで、レッスンを受けてみるのがよいかと思います。

※更新情報 2020年5月 TechAcademyのコースは、1コース申し込むと、もう1コースが割引になるセット割があります。 Webデザイン+WordPressセットを申し込むと、普通に学ぶ場合よりも30,00円〜60,000円もお得になるようです。

公式サイト:
https://techacademy.jp/

【TechAcademy】副業でWeb制作を学ぶならここ!
お手頃な価格で、Webサイト制作をしてみたい方に特におすすめ。完全マンツーマンなので、受講者一人ひとりに合わせたアドバイスをしてくれます!

関連記事