この度、新しく Udemy 講座「HTMLをWordPressの標準機能で編集可能にする方法」を公開しました。
ここでは、本講座でどんなことが学習できるのか、どんな狙いで講座を用意したのかなどを紹介できればと思います。
本講座で何を学習できるのか
本講座では以下のような順で学習を進めていきます。
- はじめに
講座の概要などを紹介します。 - カスタムHTMLブロックについて
カスタムHTMLブロックで何ができるのかを紹介します。 - よく使われるコアブロックを表現するコードを見てみよう
コアブロックを表現するためのコードを確認してみます。 - 実際に簡単なマークアップで試してみよう
サンプルHTMLを利用して実際にカスタムHTMLブロックを介して表示させ、編集可能な状態を作る流れを体験します。 - 1ページをゼロから作ってみよう
AIで生成したウェブデザイン画像をAIでマークアップさせ、それを実際にカスタムHTMLブロックを使って編集可能な状態にする流れを実践します。
本講座では、主にカスタムHTMLブロックを活用し、独自に用意したHTMLをWordPressで編集可能な状態にする方法を実践して紹介しています。
どんな時に活用できるのか
現在でも日本国内では、デザインがフィックスしてしまったものをWordPressで動くようにする「WordPress化」と呼ばれる作業を採用することで、WordPressでデザインを利用できるテーマを開発することが多くあります。
その方法自体、WordPressの仕様で定められているページテンプレートを活用した方法なので、WordPressのルールを逸脱した手法ということはありません。
ページテンプレートを用いた手法では、page-[slug].php という任意の固定ページ専用のテンプレートを用意する形になり、そこにコーディングした内容はそのページテンプレートが採用される任意の固定ページのみで表示されるという特性から、そこにマークアップを施して意図した表現を行います。
その結果、コンテンツの修正には PHP ファイルを直接編集する必要がある場合があり、都度制作者へ修正依頼をしなくてはならない状況が生まれるケースがあります。
これは、本来 WordPress が持つコンテンツ編集機能を活用できているとは言い難い状況です。また、クライアントの一部では、インターネットや書籍などで確認できる WordPress とは違う状況に、WordPress の不便さを覚えることにもつながっている事例もあるようです。
これまで、このような方法で構築されてきたページを、本講座でレクチャーしているカスタムHTMLブロックを活用し WordPress のブロックエディターで編集可能な状態にするという方法を導入することで、用意した HTML を WordPress で任意の箇所を編集可能な状態にすることが可能となります。
この方法を WordPress を扱う多くの制作者が習得することで、WordPress もとい CMS の特徴を活用しない構築方法から脱却し、多くの方が編集可能な WordPress が世の中に増えることを期待しています。
制作者は学ぶことをやめてはいけない
最近では AI に投げれば、なんとなく答えを得られると言う環境に甘えて(自戒も含む)、自身で調べない・学ばない制作者も増えてきてしまうのではないかと危惧しています。
AI を活用した制作を行う時代は、まだまだ続くかもしれませんが、さまざまな判断までも任せられる時代には、まだ現段階ではなっていません。
AI が提案してきた方法に対して、判断をするのは人間です。その判断は経験や知識から得られることも多いです。そのために、まだまだ制作者は学ばなければならないと個人的には考えています。
本講座を通して、WordPress をもっと楽しんでくれる人が一人でも増えれば嬉しいです。
本講座を含め、常に最安値で購入できるように専用ページを用意しています。ご興味ある方はこちらから講座の情報をご確認ください。













