HP制作の教科書】ゼロから“本格”HPを自作するために必要な全てが学べるHP制作完全マニュアル | WordPress×SWELLWEB制作

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

【HP制作講座“完全”リニューアルしました！】　
・2025年8月20日〜

↓↓↓↓↓↓↓↓↓↓

◉WEB制作 初級者〜中級者向け
◉ノウハウ → 制作実演の実践型

シリーズ累計300名以上の方にご受講頂いております！

↓↓↓↓↓↓↓↓↓↓

✅ 当Brainは定期更新型です。一度ご購入いただければ、追加料金なしで見ることができます。

✅ 当Brainは更新やリニューアルに伴い、随時値上げを実施いたします。今が最安値です。

✅ お試し版として無料の専用会員サイトを掲載しています。そちらもご確認ください↓

ーーーーーーーーーー
＞＞無料お試し版はこちら
ーーーーーーーーーー

↓↓↓↓↓↓↓↓↓↓

↓↓↓↓↓↓↓↓↓↓

当講座では、一般的なHPを作成するために必要な、
✅ WordPress基礎
✅ Webデザイン
✅ サイト構築基礎〜応用（ローコード構築×AI部分コーディング等）
✅ サイト運用ToDo
といった知識やスキルを、体系的に学んでいただけます。

・まずは各分野の動画解説で基礎をしっかり押さえていただき、
・そのうえで、デモサイトの実演を通して実際に手を動かしながら応用力を身につける構成となっています。

実践編で実際に制作いただくデモサイト

ーーーーー
＞＞デモサイトリンクはこちら
ーーーーー

◉デモサイトはバックアップデータとして追加特典でそのままお渡しもしています。
（All-in-One WP MigrationプラグインによるWordPress形式データ / 1分で一括再現が可能です）

講座購入者には専用の会員サイトにてご視聴いただけます

◉会員サイトの閲覧は、購入後のリンクとパスワードで確認できます。
◉会員サイトは定期的にアップデート予定、常に最新の情報を閲覧できます。
◉また購入者には個別の質問等にも対応できる体制を整えております。

↓スライド枚数100枚越え！

↓受講者様からの声（一部抜粋

この講座について（※こちら必ず読んでください）

【この講座がおすすめな人】

①事業者の方
＞自社のHPを自作＆運用することが可能になります。
②Webフリーランスの方
＞特にWebコーダーやデザイナー、ライターの方は既存スキルにプラスしてスキルの横展開や業務の巻き取りが可能になります。

↓↓↓↓↓↓↓↓↓↓

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

すがちです！

ここでは本講座の購入を検討されている方に向けて、

HP制作における前提となる基礎知識についてお話ししていきます。

特に事業者の方は、必ず一通り読んでおいてください！↓↓

まず、ホームページの制作費の相場をご存知でしょうか？

実はホームページですが、一般的なWebマーケティング施策の中でも、

最もピンキリの媒体と言えます。

料金で言うと、数万円のものから、数百万円のものまで。

理由はいくつかありますが、

一番は「WEB制作」という業界の歴史の長さと、個人で活動するフリーランスなどが出てきたことによって、

既存の制作会社という「組織」or「個人」という構図ができたということ。

また、制作手法もかなり多様化しており、

ノーコードツールなどの台頭によって、制作のハードルが一気に下がったのも理由になります。

またHP制作を発注する際に必ず押さえておいた方がいいこととして、

制作費の他に月額の“保守運用”という「運用費」も必要になってきます。

これが大体月数万円程度で、この月額の保守運用費によって、

リアルに中長期目線で何十万、何百万と変わってきます。

ホームページは“生きた”サイトであるため、定期的な更新が必要であることと、

セキュリティ上の観点からもメンテナンス業務は必須となります。

今回ここで言いたいこととしましては、

ホームページ制作をどこかに依頼する場合、

・HP制作はピンキリであり、より最適なところに発注すべきということ

・運用の保守業務として基本的に数万円/月の固定費がかかるということ

上記をまず押さえておいてください。

よくホームページを制作したら、集客ができると思っている方がいますが、

実際にホームページで本格的に集客しようとするのは効率がかなり悪いです。

特に小規模ビジネスの場合、初期費用や固定費用で割ける予算は限られているかと思います。

ホームページで集客する施策を「SEO」と言いますが、

本格的にSEO集客を強化しようとしたら、業界や規模にもよりますが数百万円は普通にします。

そして実際問題、これだけのコストをかけても結果として集客につながらないケースも全然あります。

本来、ホームページの一番の役割は「情報掲載メディア」です。

自社の情報を網羅的にWeb上に掲載し、

訪れたユーザーにしっかりと情報伝達を行い、そして比較検討をしてもらい、

最終的にお問い合わせや来店などに繋げる。

ホームページとは言わば集客の受け皿であり、集客媒体として機能しているわけではありません。

ここの認識ができておらず、集客としてコストをかけようとすると、

特にオンライン事業などの場合は結果が出ずに、無駄なコストを支払うことになるのでかなり注意が必要です。

実際ホームページでの集客は不可能ではないですが、

HP集客にコストをかけるなら別の集客施策に当てた方が圧倒的にいいです。

冒頭でホームページは「ピンキリ」であると言いましたが、あくまでも

・情報掲載サイトとして機能していること・会社のブランディングが損なわれないこと

上記を満たし、ある程度のクオリティが担保されるのであれば、できるだけコストを抑えるべきだと思います。

そして空いたコストを別のマーケティング施策へ。

ビジネスにおいて基本のフローである、「①集客→②価値観教育→③販売→④リピート」

ホームページは②の「価値観教育」に該当します。

もしマーケティング費用として割けるコストが少ない場合、より重点的に割くべきは、

「①集客」と「④リピート」の施策です。

まず「広告」や、店舗の場合は「MEO」などでホームページなどのWebサイトに遷移させる流入経路を確保します。

そして最終的に購入までに至った顧客に対して、LTV向上のためのリピート施策も重要です。

ここは「LINE公式」の活用がまずはじめはいいかと思います。

これらはあくまでも例ですが、ここで言いたいこととしましては、

現代において、特にホームページ制作はできるだけコストを抑えるべきということです。

そしてこのコストを抑える手段として一番おすすめする方法が、HPの自作になります。

そもそも「WEB制作未経験者でもホームページが作れるのか？」ということですが、

前述した通り、WEB制作はノーコードの台頭などにより、制作のハードルが一気に下がりました。

よって未経験者の方でも割と簡単にホームページが作れるようになっています。

また自作できるメリットは、制作費削減以外にも

①月額の余計な固定でかかる運用費も払わずに済む

②自由にデザインや機能面のカスタマイズができる

③自由に好きなタイミングで修正＆更新ができる

④自作するので自社に資産となるノウハウが貯まる

といったメリットも実はあります。

保守運用費用について、安く見て1万円/月だった場合、

5年で運用費だけでも60万円かかります。

10年の場合、トータル120万円かかります。

一方、自作の場合、最低限必要なレンタルサーバー費1万円/年のみですので、

5年運用でも5万円、10年運用でも10万円と、本当に格安でHPが運用できるようになります。

一般的にホームページとは制作したら中長期的に使用するものですので、

ここでのコストカットができるというのは本当に大きいです。

また自作するということは、当然今後のデザインや機能面のカスタマイズや

サイトの修正等も自分で自由にできるようになります。

制作会社によっては、この更新業務等も追加でかかるケースもありますので、

「自作する」というのはコストカットの面で最も最適な選択だと思っています。

当然ここで削減した予算は別のマーケティング施策に充てることができます。

本講座は、ゼロからホームページを自作するための全てのノウハウをまとめたものですが、

構築手法はWordPress（WP）を使った一番ベーシックなものでありながら、

「ローコード」と呼ばれる応用可能な手法を採用しております。

ローコードとは、一般的にノーコードから始められますが、追加で細かいカスタマイズをすることができるため、

多少のHTMLやCSSといったWEB制作に必要な言語を触れる方は、より自由に構築できる手法です。

市販のWordPressテーマ（サイトのテンプレートのようなもの）を使って構築していますので、

基本的に制作に必要な機能はこのテーマに入っており、初心者の方でも、

難しいカスタマイズなく管理画面内で直感的に構築していくことが可能になります。

そしてこの「ローコード」と呼ばれる構築手法を使ったコンテンツは、

市場にあまりありません。

ノーコードやコーディング（専用の言語を使った構築手法）といった、どちらか特化のものはありますが、

ローコード特化のものは実はかなり少ないです。

そしてこの構築手法ですと、未経験の方でも、普段WEB制作をされている方でも、

応用として拡張することができますので、

やり方を覚えれば、未経験の方でもより自由に構築できるようになるかと思います。

【Webフリーランスの方へ】

ここまであくまでも自作したい事業者の方をメインにお話ししてきましたが、

当講座はWebコーダー、Webデザイナー、Webライターといった、

特定のスキル特化のフリーランス向けにも作成しております。

これらの方がWEB制作案件を巻き取れることによって、

今度は逆に保守運用として月額のサブスク構築ができるようになります。

通常、フリーランスは業務委託としての作業による対価が一般的だったかと思いますが、

「案件受託型」から「個人事業型」のフリーランスに切り替えることによって、

スキルの巻き取りだけでなく、より安定的な収入の確保ができるようになります。

・コーダーはより自由なカスタマイズが可能に・デザイナーはよりデザイン力の高いHP制作を・ライターは執筆の他にオウンドメディア構築を

上記のスキルの横展開も可能になるかと思います！

改めて本講座の概要

【本講座で学べること】

改めて本講座は、

ホームページを“自作”したい事業者や、ホームページ制作を学びたいフリーランサーなど、

幅広い方に活用できます。

また WordPress×既存テーマによる部分コーディングカスタマイズを扱った内容のため、

普段WEB制作をしている人にとっても、このローコード構築手法を知ることで、

さらにカスタマイズや提案の選択肢は増えるかと思います。

【ローコード構築とは】
簡単に言うと、WordPressと既存テーマをベースに、カスタマイズしたい部分のみ部分的にコーディング等の手を加える構築手法です。
従来の構築コストのかかるプログラミングと、カスタマイズ性の低いノーコードの、それぞれのデメリットを補完しています。
WordPressとテーマでサイトの機能面・デザイン面は既に搭載されているため、今回の方法では初心者向けの完全ノーコードでも可能です。
（詳しくは無料部分の動画をご確認ください）

【LP制作講座との位置付け】

HPとLPには一般的に目的や制作に必要なスキルが大きく異なります。
当WEB制作講座シリーズでは、下記を重点的に取り上げるという位置付けで作成しております。

本講座の強みとカリキュラム

【本講座の強み】

本講座の強みについて大きく下記です。

実はローコード構築のコンテンツってほとんどありません。

多くがコーディング講座やノーコード講座、またライター向けのWordPress講座など、

特定の業種特化で、初〜中上級者向けの本格WEBサイトをゼロからしっかり作る系の講座って少ないです。

本講座は WordPress×既存テーマ を使用した、

ローコード構築のコンテンツとして業界トップクラスの自信があります。

ローコード構築の一番の強みは、必要部分のみの部分カスタマイズであり、

その代表例が「部分コーディング」です。

元々ローコード構築の導入で構築コストのショートカットが可能ですが、

生成AIを活用することで、さらなるショートカットが見込めます。

また多少のHTML、CSS知識だけで本格コーディングも可能になります。

本講座の一番のオシは「実践編」のデモサイトの実演です。

実際に画面共有をしながらゼロからサイトを一緒に構築していきます。

デモサイトでは多少の部分カスタマイズとして、一部コーディングを行いますが、

コーディングデータをお渡ししていますのでコピペでOKです。

また追加特典では、一括再現できるバックアップデータをお渡しします。

講座購入者には別の会員サイトへご案内いたします。

基本的に講座の閲覧は全てこちらでご確認いただけます。

本講座はアップデートコンテンツですので、定期的に新しい情報を更新していきます。

また講座の内容内でご不明点等ありましたら、

個別質問対応の場も設けておりますので、そちらをご活用ください。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

【講座カリキュラム】

本講座のカリキュラムについては大きく下記です。

大きく①ノウハウ→②制作実演の流れで解説しています。

購入前の注意点

実際にデモサイトと全く同じサイトを作成する場合、

講座料金以外に、一般的にWEBサイト制作で別途かかるものがございます。

① WordPressテーマの購入
② レンタルサーバーの契約

です。

（※基本的にサイト制作〜公開で上記は必要なものです）

WordPressテーマはサイトのベーステンプレートを決めるためのもので、

全世界規模で無料のものから有料のものまで数多く存在します。

今回は中でも日本で最も使われているとされる『SWELL』テーマを使用しています。

SWELLはブログテーマとしても人気ですが、

HPやLP制作にもかなり向いているテーマです。

（※WordPress自体は無料で使用でき、サーバー契約時にインストール可能です）

またレンタルサーバーについては、特に指定はありませんが、

本講座ではコストパフォーマンスや性能・安全面などの観点から『コノハウィング』をおすすめしています。

が、サーバー契約とドメイン取得、WordPressインストールができれば何でもいいです。

ちなみにSWELLテーマは買い切りで17,600円（税込）

コノハウィングでのサーバー契約は年間1万円程度です。

（サーバー契約時にコノハウィングの場合、ドメインの取得とWordPressインストールが無料でできます）

講座料金と合わせて上記がかかりますので、予めご了承頂けますと幸いです。

追加特典について

本講座では「口コミ」特典として下記３つの特典を追加でご用意しております。

① デモサイトデータの配布
　＞＞プラグイン使用で1分程度で一括再現が可能
② 講座スライドデータの配布
　＞＞本講義で使用したスライドデータの配布
③ 初心者向けHTML＆CSS講義
　 ＞＞部分コーディング作成・生成時に使えます

詳しい受け取り方法は購入後のコンテンツ最後の「追加特典の受け取りについて」をご確認ください。

よくある質問

＝＝＝＝＝＝＝＝＝＝

Q. WEB制作完全未経験者でも活用できますか？

A. はい。当コンテンツはWordPressを使ったローコード構築手法を導入しており、ベースはWordPressでのノーコードです。

部分的なコーディングやカスタマイズ等も解説しておりますが、デモサイト実演では全てのコードとその解説を入れておりますので、初心者の方でも問題なく進めていくことができます。

＝＝＝＝＝

Q. 普段WEB制作事業をしていますが役立ちますか？

A. 事業主型のフリーランスとして“個人”でWEB制作事業をしており、ローコード構築を知らないと言う方は是非お手にとっていただけたらと思います。

ローコード構築手法はコーディングやWEB制作の知識がある人ほどカスタマイズの引き出しが増える手法です。

＝＝＝＝＝

Q. 講座料金以外に別途かかるものはありますか？

A. 一般的なWEBサイト制作に必要なWordPressテーマ費とレンタルサーバー費が別途かかります。

WordPressテーマ費については買い切りの17,600円（税込、複数サイトでの使い回しが可能）。

レンタルサーバー費については年額1万円程度でサイトの公開が可能になります。

＝＝＝＝＝

Q. 自分の事業のポートフォリオ作成としても使えますか？

A. はい。本講座はWordPressを使ったサイト制作全般について解説しており、自分のサービスをWeb上にまとめたポートフォリオサイトとして、自分の好きなようにカスタマイズするためにご活用いただくことも可能です。

＝＝＝＝＝

Q. この講座だけでHP制作案件が来たら対応できますか？

A. はい。基本的なWordPressでのHP制作のノウハウは全て体系的にまとめております。

あとは応用的なカスタマイズとしてHTML、CSS、JS等を使用して別途ご対応いただく必要がございますが、通常のHPであれば問題なくこの講座だけで対応できます。

＝＝＝＝＝＝＝＝＝＝

無料公開コンテンツ（お試し版）

ーーーーーーーーーー
＞＞無料お試し版はこちら
ーーーーーーーーーー

↑↑購入後はBrain記事内ではなく、専用の会員サイトにて視聴できます。

※こちらの記事で閲覧できる情報は、会員サイトへのログイン情報と追加特典の受け取り方法の大きく２つです。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝