WordPressのプロになるために覚えておきたい!
オリジナルテーマ作成と
カスタマイズの基本基礎
WordPress 実践講座
自作テーマ開発/カスタマイズ対応
この講座のポイント1つの講座でこれだけの知識と技術を網羅
WordPressのプロが
実務に必要なノウハウを厳選してお教えします。
-
WordPressのWebコーディング技術
実案件で多いHTML/CSSの静的ファイルをワードプレス化する工程をコーポレートサイトを制作しながら学ぶことができます。
-
オリジナルテーマの作成方法
独自のWebデザインやホームページの仕様をワードプレスに反映させるためのテーマ開発を実践形式で学習します。
-
WordPressカスタマイズの基本
実務でよく使うカスタマイズ方法を身につけることで、あらゆるテーマの編集に対応できるようになります。
-
便利な独自機能の作り方
プラグインだけに頼らない便利な機能を自作して設置します。
-
テスト環境の構築
ワードプレス開発入門者向きの優しいツールを使って、手元のパソコンにテスト環境を作ります。
-
本番環境への移行
テスト環境で制作したWebサイトをサーバー側へ移行する方法をワードプレス初級者の方にご紹介します。
WordPressの実用的なスキルを得ることで、
業務や実案件で今すぐ活用できます。
WordPress実践講座の特徴
- 効率よく実践的な学習が行えます。
- 実用的なノウハウを得られます。
- 初心者のためにわかりやすい解説。
カリキュラム概要WordPress実践講座の学習内容
ワードプレスの実務を想定した流れで
Webサイトを制作・開発できるようになります。
- WordPressの基本知識
- WordPressのメカニズム(表示の仕組みとページの種類)
- オリジナルテーマの開発に必要なテンプレートファイルの仕組み
- WordPressのテンプレート階層図
- ローカル環境構築(テスト環境ツールLocalのインストールと使い方)
- WordPressの初期設定(オリジナルテーマの格納方法と有効化)
- functions.phpの基本(基本的な関数コード、スタイルシートとJavaScriptファイルの読み込み方法)
- トップページの作成(WordPress化の基本、header・ footer・ front-pageの考え方)
- 画像パスとリンクパスの指定方法とテンプレートタグの使い方
- 記事一覧ページの作成(記事一覧の抽出方法と表示の仕方、ページネーションの作成)
- ウィジェットの基本(オリジナルのサイドバーウィジェットの作り方)
- カテゴリ一覧ページとタグ一覧ページの作成
- 投稿個別ページの作成(記事の抽出、サムネイル画像、公開日・更新日・カテゴリの表示方法)
- カスタム投稿機能の実装(カスタム投稿の基本、プラグインを使わない自作方法)
- カスタムタクソノミーのテンプレートファイル作成
- カスタム投稿個別ページの作成(記事とタクソノミータームの抽出方法)
- 投稿記事一覧をトップページに表示する方法(メインループとサブループ)
- カスタム投稿記事一覧をトップページに表示する方法(タームの取得方法)
- 固定ページのオリジナルテンプレートの作り方
- 独自ウィジェットの制作方法と設置の仕方
- カスタムHTMLで使えるアンカーパスやイメージパスのショートコードの作り方
- カスタムフィールドの作り方と使い方(入力画面、保存機能、情報表示)
- お問い合わせフォームの制作(ContactForm7の設定、フォームのWordPress化、ローカル環境での送受信のテスト方法)
- 固定ページの共通テンプレート作成(ブロックエディタを使った実装例)
- オリジナルのパンくずリストの制作(パンくずリスト関数の仕組み、設定と設置方法)
- 検索結果ページの作成(結果表示数の調整方法)
- 404ページの作成
- 月別アーカイブページの作成
- カスタムテンプレートの活用事例(カスタムヘッダーとフッター、テンプレートの切替方法)
- テスト環境から本番環境へデータを移行する方法(プラグインの活用事例)
- WordPress初心者にもできるセキュリティ対策と内部SEO対策
WordPress講座で開発するオリジナルテーマ
講座で制作する自作テーマは、実務で使う頻度の高い仕様やカスタマイズが集約されています。
学習後は、自分好みに編集して、独自のテンプレートとしてご利用いただけます。
オリジナルテーマの作り方をマスターすると、
WordPressを自由自在に
カスタマイズできるようになります。
ガイダンス
| 講座/セミナー名 | WordPress実践講座 |
|---|---|
| 対象者 | WordPressのカスタマイズおよびテーマ開発の初心者・中級者向きの講座です。 これまで既製テーマ(無料・有料テーマ)を使っていた方のブラッシュアップに役立ちます。 オリジナルテーマ仕様のホームページ制作に、ご活用いただける学習内容になっております。 |
| 提供教材 | 学習用データ(初期テンプレートファイル/コーディング済みの静的ファイル) 完成版データ(テーマファイル一式) |
| 受講料 | 16,500円(税込) |
| 受講形式 | eラーニング(オンライン講義) ※実演講義をオンライン用に編集した動画のため、ご自身のペースでいつでも学習していただけます。 |
| 所要時間 | 合計 約16時間 |
| 受講期限 | 受講開始日から1年間 (期間内は回数制限なくご覧いただけます) |
| 使用ツール | Google Chrome(ブラウザ)/Visual Studio Code(テキストエディタ) ※講義と同じ環境条件で受講されたい方は、ご利用のパソコンにご準備ください。 ※ブラウザは、Google Chromeを推奨いたします。便利な拡張機能を使います。 ※Visual Studio Codeは、公式サイトより無料でダウンロードいただけます。 |
| ご用意いただくもの | インターネット環境/パソコン(MacまたはWindows)/上記の使用ツール※実装学習はパソコンを推奨いたします。 |
| キャンセルポリシー | 視聴開始前(購入日から1ヶ月以内):なし 視聴開始前(購入日から1ヶ月後以降):料金の100% 視聴開始後:料金の100%※キャンセルによる返金は、受講料金から振込手数料を差し引いた金額を返金いたします。 |
お申込みから受講までの流れ
-
1. 講座のお申込み手続き
お申込みは、こちらよりご購入手続きをお願いいたします。完了後、受付完了メールをお送りいたします。
-
2. お客様専用のアカウント発行
ご入金の確認がお取りでき次第、お客様専用のアカウントをメールでお送りいたします。
-
3. 講座の視聴・学習開始
マイページにログインして視聴・学習を開始することができます。
講師・監修
柳橋 史成
工学エンジニアを経て、兼業でWeb制作業務の受託を開始。2023年、フリーランスのWebエンジニアとして独立し、主に、LPやコーポレートサイトのフロントエンドコーディング・Webシステム開発等を手掛ける。現在、さまざまな業種の企業や個人のWebサポートや教育を行っている。
Web業界では、未経験からWebエンジニアやコーダーを目指す人が増えた一方で、クライアントやデザイナーの意図を汲み取った実装ができるエンジニアやコーダーは、まだまだ少ないと感じています。実案件では、さまざまな意図に対応できるWordPressのスキルが求められます。実務で必要な着眼点やノウハウを、本講座で学んでいきましょう。
独自のWordPressサイトを制作しよう!
こんな方におすすめの講座!本講座は、WordPress制作の必須スキル
「オリジナルテーマの作り方」を
実践で速習できる教材です。
-
ホームページをWordPress化したい方
HTML/CSSなどで作られた静的ファイルや静的サイトをワードプレスへ移行する方法が学べます。
-
WordPressのテーマやテンプレートの作り方を知りたい方
テーマやテンプレートの作り方を学習して、独自の機能やデザインを組み込めるようになります。
-
WordPressをカスタマイズしたい方
ワードプレスの仕組みをしっかり理解することで、実用的なカスタマイズ技術が身につきます。
WordPress講座を受講したお客様の声
-
オリジナルのWebデザインをワードプレス化できました
東京都 K.S 様 / Webデザイナー
HTMLとCSSで制作したホームページをワードプレスに移行したくて受講しました。自分で作成したオリジナルのWebデザインをワードプレス化することができました。やりたかったことがすぐに実現できて良かったです。
-
WordPressのコーディングとカスタマイズの勉強のために
埼玉県 R.Y 様 / Webコーダー
WordPress関連の仕事が増えてきたので、WordPressのコーディングとカスタマイズの勉強のために受講しました。実際の業務案件ではオリジナルテーマの必要性と利便性を実感しました。ありがとうございました。
-
オリジナルテーマでWeb制作できるようになりました
福岡県 A.M 様 / Webエンジニア
ワードプレス中級者です。これまで無料テーマをカスタマイズして使うことが多かったのですが、オリジナルテーマでWeb制作できるようになりました。これで、既製品のテーマから脱却できそうです。
よくある質問
- WordPress初心者でも受講できますか?
- WordPress初心者の方も受講いただけます。
特に、これまで既製テーマを利用されていた方の次のステップとしておすすめです。 - HTML/CSSの初級レベルでも受講できますか?
- HTML/CSSの初級レベルの方も受講いただけます。
本講座は、WordPressの学習がメインのため、HTML/CSSに関する詳しい解説は省いておりますが、静的コーディング済みのサンプルファイルが教材に含まれております。 - PHPを学習していなくても受講できますか?
- PHPがわからない方、PHPの学習が不要な方も受講いただけます。
WordPressで使うPHPコードは、解説に加え、お手本をコピーペーストでご対応いただける内容になっております。 - Visual Studio Code以外のエディタやソフトウェアを使ってもいいですか?
- 普段使い慣れたエディタをご利用ください。
講座では、無料で使える「Visual Studio Code」を使っておりますが、他のテキストエディタやソフトウェアでも受講いただけます。PHP、HTML、CSS、JS等のファイルを編集できるツールでしたら問題ございません。 - テスト環境(ローカル開発環境)は、どのようなツールを使いますか?
- 初心者でも簡単に始めていただけるよう無料ツールの「Local」を使っております。
すでにローカル環境を構築されている方は、代替として、XAMPP/MAMP/Dockerなど他の開発環境でも受講いただけます。 - 事前に自分で準備するものはありますか?
- 詳しくは ガイダンス をご覧ください。
本講座で使用するツールとご用意いただくものについて掲載しております。 - 質問はできますか?
- 講師の解説について、ご不明な点は、受講期間内はメールでご質問いただけます。
- 受講料の支払い方法は何がありますか?
- クレジットカード払い、または、銀行振込からお選びいただけます。
銀行振込は入金および確認にお時間を要します。すぐに受講を開始されたい場合は、クレジットカードを推奨いたします。 - 銀行振込の場合の振込期限はありますか?
- お申込みいただいた日から3営業日以内となります。ご入金が確認できなかった場合はキャンセルとさせていただきます。
- 申し込み後のキャンセル料はかかりますか?
- 視聴開始まではキャンセル料はかかりません。
ただし、ご購入日から1ヶ月以降よりキャンセル料発生の対象となりますのでお早めにご連絡ください。
