WordPress】ローコード構築によるゼロから“本格”HP構築〜運用までが学べるHP制作完全マニュアル

※こちらBrainで販売しているものと同じものになります。

★ 動画本数44本＆総再生時間360分超え！！

☆累計販売部数100部突破！！【Brain等含む】

当Brainをご活用いただくと、上記のような方の「時間」と「お金」の最大限のコストカットが実現できるようになります。

▼ ▼ ▼ ▼ ▼

↑実際に制作頂くサンプルサイト
＞＞リンクはこちら

※画像や動画等の素材は講座内では提供しておりません。
Adobeストックなどのフリー素材を各自お使いください。

★★★★★★★

【自社のホームページ制作の裏側を大公開！】

当講座では、実際に現在僕が運用している自社のホームページの『裏側』を全て公開しています。

① サイト構築
② SEO施策
③ 保守運用法

最終的には自社ホームページと全く“同じサイト”が構築できる、
完全網羅＆超実践型の他の教材にはないかなりレアなコンテンツとなっております。

★★★★★★★

↑やり方さえ分かれば、中上級者ほど自由にサイトのカスタマイズができるようになります。（※こちら応用例になります）

★ 当講座は完全スライド・実況動画解説です ★

◆ 定期的な追加コンテンツを予定しています。

==========

①はじめに

こんにちは。

すがちです。

普段はローコード構築をメインに

WEB制作の事業をしております。

以前よりリリースしております、

現在多くの方が手に取って下さり大変好評を頂いているLP制作講座に続き、

この度新たにHP制作の講座をリリースする運びとなりました。

※※はじめに言っておくと、

LP制作講座と今回のHP制作講座ですが、

取り扱っている内容は大きく異なります。（下記画像参照）

個人的には、

サイトを作って実現したいことや、

それぞれの現在の状況に合わせて

最適な方を手に取ってご活用いただけたらという想いで作成しております。

《現在僕が出しているコンテンツの内訳》

それぞれ、HP、LP制作に必要なものを重点的に取り上げています。

★ 今回はその『HP制作』の方になります。

=====

このBrainはひと言で言うと、

『ゼロから誰でも本格HPが作成できる』よう設計された、ホームページ制作に必要な全てが詰まった“制作マニュアル”です。

日々の制作や運用全般においてご活用いただけます。

よくあるホームページ制作関連の教材は、

「構築」の部分のみに特化したものが多いですが、

大前提ホームページ制作は構築の知識のみでは不十分です。

そのためこの講座では、

///////////////

STEP① サイト構築
STEP② SEO施策
STEP③ 保守運用法

///////////////

の３つを大きく取り扱っており、

講座ひとつでサイト構築からSEO集客、運用方法までトータルカバーができるよう設計しております。

改めて、

のそれぞれにご満足いただける内容になっているかと思います。

=====

本講座はどちらかと言うと、

「インプット型」ではなく「アウトプット型」です。

前提となる必要な知識やノウハウはもちろんスライド動画で一通り解説していますが、メインはサンプルサイトを実際に作成することに重きを置いています。

「知識」よりも「実践」の方が圧倒的に大切です。

大事なのは実践で学び、進歩してくと言うことで、最終的には下記画像のようなホームページ（実際に僕が現在運用している自社サイト）を作成して頂きます。

＞＞実際のサイトはこちら

★ 正直このようなホームページを作成する場合、制作会社に発注すると最低でも30万円〜40万円はします。

今回「なぜこのようなサイトが簡単に、かつ知識が少ない人でも出来るようになるのか？」と言うことですが、

これについては後ほど詳しく解説させていただきますが、

-ヒントは

『時代の変化と、市場の遷移』です。

特にWEB制作者は、これからの変化に合わせた働き方(構築方法)をしていく必要があると思っています。

もし、

・サイト制作者として、効率化と売上担保をしたい

・事業者として制作コスト、運用コストを下げたい

そんな思いを抱えている方は、

このBrainはかなり役に立つかと思いますので、是非以降の無料部分をご覧になった上で検討いただけたらと思います。

《この講座のカリキュラム一覧》

★ 適宜追加コンテンツを予定しております。

②これからはローコードの時代です

通常WEBサイトとは

「コーディング」によって構築していくのが普通です。

だた最近は「ノーコード」と言って、コーディングの知識、いわゆるプログラミングの知識がなくてもサイト制作ができる時代でもありますね。

僕がWEB制作の業界に参入した当初はノーコードについてはあまり注目されていませんでしたが、今ではノーコード構築での参入者も増え、サイトのクオリティも普通に高いです。

ただノーコードにもデメリットがあります。

具体的なデメリットについてはいくつかありますが、第一の理由としては、

『デザインや機能面によるカスタマイズの幅』の問題

だと思っています。

最近はデザインについてはかなり自由に出来るツールなども出てきましたが、機能面に関してはまだまだ不十分だと思っています。

さらにノーコードツールは使用する場合、ツールの利用料金がかかってきます。

オプションとしてサイトの機能拡張をしようとしたら追加で費用がかかってくるのも普通のため、通常の静的サイトやWordPressによるサイトと比べ、運用コストがかかります。

僕はノーコードツールの使用自体が悪いとは思っていませんが、

今の実態やWEB制作の市場観を見ても、サイトのツールは「WordPress」一択だと思っています。

次に、なぜWordPressがいいのかについて解説しますね。

WordPressがおすすめな理由

僕が思うに、WEB制作者または事業者が

ノーコードツールではなくWordPressの導入が絶対いいと言える理由が２つあります。

ひとつ目は、先ほども少し触れた、

「サイト構築による機能拡張が豊富」

と言うことです。

WordPressにはプラグインと呼ばれるサイト内部に付与できる機能の調整が自由にできます。

代表的なもので言うと、

・フォームの設置
・セキュリティ対策
・バックアップ
・アニメーション、スライドショーの実装

などなど、、

個人的にプラグインの使用は、

競合の可能性が高まるので僕自身はあまり使わない方がいい派ですが、

例えばクライアントがマニアックな機能の要望をされた場合、

WordPress内には基本的に何かしらのプラグインは存在しているので簡単に導入する事ができるんですよね。

まずこの「機能面によるカスタマイズの自由」と言うのがWordPressを導入する理由のひとつです。

=====

そして二つ目は、

「WordPress構築による市場の認知」

です。

現在日本国内のサイトのうち、WordPressによるシェア率は80％以上とされています。

当たり前ですが、国内のWEB制作会社は今でもWordPressによるホームページ制作が主流です。

ここの認知は制作会社のみならず、一般的にクライアント側も一致しています。

どれだけノーコード化が増えていても、

ここの層に対してサイト制作をするのであればWordPressが触れないと制作または運営していくことはできないということです。

『なぜ皆WordPressにこだわるのか？』

市場がWordPressによる構築を求めている理由は他にも明確にあります。

導入の時点で少し長くなってしまい恐縮ですが、

次に、ホームページ制作において必要なことについてお話ししますので、もう少しお付き合いください。

ホームページの根幹は SEOである

『そもそも何でホームページを作成するのか？』

と言うことなんですが、個人的には大きく２つのパターンがあると思っています。

①まず、「ポートフォリオサイトとして自身の事業がまとまった、名刺代わりとして作成する」パターンがひとつ。

②そして、「オウンドメディアとしてSEO集客を狙った集客媒体として作成する」パターンのふたつ。

前者の場合だと、正直どの構築方法でも構わないと思っています。

ただ集客として本格的にホームページを作成したいのであれば、現時点でWordPressの導入が一択です。

細かい説明はここでは割愛しますが、一般的にWordPressは内部の設計自体SEOに強いとされています。

Googleで調べ事をしている際に気づくかと思いますが、基本的に上位表示されているサイトはWordPressで作られています。

ただ、

「ノーコードツールによるサイトもSEOで上位表示された！」と言う事例も時々見ます。

この際なのではっきり言いますが、

僕自身ノーコードツールで上位表示がされようがされなかろうが、普通にホームページを用いてサイト集客をしたいのであれば、脳死でWordPressを選んでおくべきです。

・国内、全世界でのシェア率
・SEO上位表示の事例数
・コンテンツの管理のしやすさ
・拡張機能の自由

どれをとっても本格的にしっかりホームページを作成したいのであれば、現時点ではWordPress一択です。

しかもWordPressって「無料」ですからね。

・ドメイン＆サーバー代
・WordPressテーマの用意

さえしておけば、それ以外の費用がかからないのもWordPressならではのメリットです。

話を戻すと、ホームページでSEO集客をしたいのであれば、

WordPressで構築、そして管理をしていく必要があります。

ローコードは新たなサイト構築の選択肢

前提の話をしていたら長くなってしまいましたね。。

最後にタイトルにもある通り

「ローコード」による構築についてお話をしていきます。

ローコードとは、言わばコーディングの要素と、ノーコードの要素のかけわせで、

コーディングによるサイト構築のハードルの高さと、ノーコードによるデザイン・機能面による自由の効かなさと言ったデメリットをそれぞれ補ったような最近注目されているサイト構築方法です。

一般的にローコードとは、WordPressの既存（市販）のテーマをベースに、部分的にHTML、CSS、JavaScriptと言ったプログラミング言語を使って好きな部分を自由にカスタマイズしていきます。

初心者でも簡単なHTMLとCSSのルールのみで簡単なカスタマイズができる一方、中上級者はさらに自由にカスタマイズが可能です。

部分ごとにコーディングしていくイメージなので、

ベースの機能やフレームが整った状態で始められ、クオリティの担保や構築スピードの大幅なカットができる訳です。

このローコードによる構築ですが、

実はWEB制作会社もWordPressのローコードによる構築を導入している実装しているところが少しづつ増えているのも事実です。

僕自身、WEB制作会社で勤務していた時代は、ゴリゴリのコーダーとしてやっていましたが、

フリーランスとして独立し、“個人”でWEB制作をやっていくに当たってこのローコードによる構築に徐々にシフトしていきました。

結果、通常のホームページ制作ではありえないような金額で、

かつクオリティの担保がされたサイト制作ができるようになったんですよね。

現在一部のWEB制作会社が実装し始めているように、このローコードによる構築はこれからもどんどん主流になっていくと思われます。

理由はホームページ型で使える優秀な市販のWordPressテーマが増えてきたからです。

本来市販のWordPressテーマと言ったらブログ用のテーマが多かったんですが、実はそういったデザイン・機能面自由に構築できるテーマがいくつか出てきたんですよね。

—--

今後、ノーコード化やAIの進出によってWEB制作市場での変化も加速していくと思っています。

そして現時点では、

僕は特に「個人」でサイト制作をしたいのであれば、

ローコードによる構築が個人でやっていくなら一番おすすめということです。

ここで時代の流れに乗るか乗らないかで、WEB制作者は5年後、10年後の働き方が大きく変わっていくと思っています。

サイト構築のみにフォーカスするのではなく、SEOと言ったマーケティング目線で展開していくべきです。

《ローコード・ノーコード市場の推移》

上記の通り、ローコード構築の市場は間違いなく伸びていきます。

③※購入の際の注意点

この講座を購入される方に向けて、

ひとつ注意点がありますので改めて記載させて頂きます。

当講座ではローコードによる構築をしていきますので、サンプルサイトと全く同じサイトを作成する場合、市販のWordPressテーマである「SWELL」テーマをご購入いただく必要があります。

料金は買い切りで17,600円（税込）

買い切りかつ100%GPLのテーマであるので、

複数サイトの実装（使い回し）や、商用利用としての使用が可能なため、制作会社に発注する場合と比べたら1/30以上トータルお得にはなるかとは思います。

特にWEB制作者にとっては、これだけのフレームと自由なデザイン、機能面のカスタマイズが揃っているテーマを買わない理由は本気でないと思っているんですが、

サンプルサイトを作成する場合、講座料金＋SWELLテーマの料金がかかると言うことはご理解いただけますと幸いです。

★あと当然ですが、サイト公開に当たってドメインとサーバーの契約は別途必要になります。（月々1,000円弱）

=====
なぜSWELLテーマなのか？？
=====

僕自身これまでWEB制作を長くやってきた身として、数多くのWordPressテーマに触れてきましたが、SWELLが圧倒的に使いやすい、カスタマイズしやすい、運用しやすかったの一言に尽きるからです。（※内部の人間ではないです、）

SWELLはブログテーマとしてもトップの認知を誇っているので、一回でも使ったことがある方には分かるかと思います。

ちなみに僕は以前より、

今回のものとは別で「LP制作」のBrainを出していますが、こちらでもSWLLLテーマを使って紹介しています。

もちろんこの講座を使っていただいた方は追加でテーマを購入する必要はありません。

また、以前よりブログやサイト制作でSWELLを購入＆使用されている方ももちろん購入いただく必要がありませんので、講座料金のみで進めていただけます。

＞＞SWELLテーマについてはこちら

↑SWELLなら上記のようなハイクオリティなホームページが自由に作成できるようになります。（応用例）

④価格と特典について

価格については通常価格【24,800円】でご提供させていただきます。

こちらの講座（とLP制作の講座のふたつ）は個人的に長期的に運用＆ブラッシュアップをしていく予定ですので、都度値上げをしていく想定でおります。

購入いただいた方はもちろん追加講座、追加特典を永続的に閲覧していくことができますので、今が一番安い現時点で購入いただくのがお得です。

また価格の値下げは今後一切行うことはしませんのでご安心ください。

この講座の強みについては、

ローコード構築による本格的な実践型ホームページ制作ですが、

構築方法のみならず

の２つもしっかり取り入れておりますので、単に見た目のいいサイトが作れるようになるだけでなく、

内部もしっかりとした、

かつ定期的なセキュリティ対策やメンテナンスと言った運用部分についてもしっかり解説をしております。

『この講座一つで、一通りのサイト構築〜運用までをカバーできる』

これが一番の他のWEB制作の教材と比較した強みだと思っております。

そのため、特典についてもサイト構築関連のものだけでなく、

SEOや保守運用に関連するものも複数お渡ししています。

（）また、こちらはかなりの補足ではありますが、ブログ運営における「アフィリエイト」の方法についての解説動画も特典でお渡ししています。

僕自身、ホームページと言ったメディア運営における、SEOや保守運用による学びは実際に構築し、運用してみるのが一番だと思っています。

本格的にSEOでの上位表示を狙うのであれば、SEO記事の量産が必須で、

せっかくやるならアフィリエイトとして広告リンクを貼った方が、

ここのリテラシーや、セールスライティングと言ったビシネス戦闘力が上がるので、一石３鳥（SEO、保守運用、アフィリエイト）を狙っちゃえと言う考えです。

※メインの事業はあくまでもWEB制作ですので、高度なSEOライティングやアフィリエイトによる解説はしないので、あらかじめご了承ください。※

主な特典についてはこちらです。

①HTML&CSS解説動画
└WordPressでの細かいカスタマイズに使える初心者向けHTMLとCSSの解説動画

② HTML＆CSSパーツ集
└コピペで使える本編で使用しなかったボタンや、ページトップリンク、上下アニメーションなどのテンプレコード集

③ プラグイン一覧シート
└実際のホームページ制作＆運用で使えるプラグインがまとめたれたシート

④ 実際に使ったソースコード一覧
└本編で使用したCSSのスタイルシート（コピペで対応可能）

の４つの特典を用意しています。

また、追加でレビューをくださった方限定で下記４つの特典もご用意しております。

⑤ 当講座スライド
└講座の復習＆要点まとめで使える全講座スライドの配布

⑥ アフィリエイト解説動画
└アフィリエイトとは何か？また実際にブログ運営に当たっての広告出稿までの手順解説動画

⑦ おすすめのASP一覧シート
└アフィエイリとの際に参考にできるおすすめのASPまとめシート

⑧ おすすめフリー素材一覧シート
└実際に現場で使えるフリーのWEBデザイン素材まとめシート

受け取り方法については、有料部分の最後に記載していますのでご確認ください。

⑤この講座はこんな人におすすめです

最後にこのBrainがおすすめな人を記載しておきます。

大きく２つの方が対象で、

冒頭でもお話しした通り、

のいずれかの方になります。

この中の一つでも当てはまる方は、

この講座の内容をしっかり実践していけばトータル確実にペイできるかとは思います。

当Brainの内容は、僕がこれまで約５年間WEB制作の業界に携わってきて、これが一番だと結論づけた言わばWEB制作の最適解になります。

また、最近多くのWEB制作会社も徐々に取り入れているサイト構築方法になります。

通常サンプルサイトのようなサイトを制作会社に発注しようとしたら、確実に30万〜40万円の金額がかかります。

こちらご活用いただくことで、お金だけではなく、時間も大幅にコストカットができるかと思いますので、よく検討いただいた上でご購入いただけますと幸いです。

では以降のパートでまたお会いしましょう。

=====

＜よくある疑問・質問にお答えします＞

=====

Q① WEB制作完全未経験ですが大丈夫ですか？
A① はい。この講座は未経験の方でも問題なく制作できるよう設計しております。また、ローコード構築とは部分的なカスタマイズ（HTMLやCSSと言ったプログラミング言語の使用）であるため、最低限自由にデザインできるよう、『HTML＆CSS解説動画』を特典でお渡ししておりますので、こちらご活用いただけますと幸いです。（サンプルサイトと同じようにする場合は、コードのコピペのみで実装可能です）

=====

Q② ある程度のWEB制作歴があるのですが、この講座は役に立ちますか？
A② この講座は「ローコード」構築の紹介をメインとしています。今後個人でWEB制作をやっていきたい方や、ローコード構築そのものに興味がある方はお役に立てるかと思っております。また、ローコード構築では部分コーディングの要素がありますので、上級者ほど自由にカスタマイズ可能なためおすすめです。

=====

Q③ 本格的なSEOやアフィリエイトについて学べますか？
A③ 僕自身SEOライターではないため、この講座でお話ししている内容はあくまでも「ホームページ制作（構築）」におけるSEO施策についての解説になります。本格的なブログ運営やアフィリエイト、SEOライティングについて学ぶことを目的としている方は、それ専用の教材をご購入いただけたらと思います。

=====

それでは本編に入っていきます。

★以降スライド形式の解説動画は「1.5倍速」をおすすめします★

HP制作講座概要

第0章：事前準備

0-1 サンプルサイトの確認

＞＞ 実際のサイトはこちら