
SWELLを使用してコーポレートサイトを制作しましたので、今回はその手順を紹介します。
また以下のサイトは私がSWELLで制作したコーポレートサイトです。
このようなサイトを作ることできます。
制作手順を紹介していきますので、参考になる部分はぜひ取り入れてみてくださいね。


NPO法人 Creative Adventure 様
関連記事紹介
本記事では実際にSWELLを使用してのサイト作成手順を紹介しています。
私がコーポレート制作なら「ワードプレス×SWELL」がいいなと思った理由は以下記事から。


じゃあSWELLで作ろうと思った方は以下の導入編から読んでいただけると、スムーズかと思います。


ワードプレス×SWELL コーポレートサイト制作手順
サイトの制作手順は以下の通りです。
1記事にまとめると長くなりすぎるので、項目ごとに分割しています。
各関連記事を参考にしてください。
ステップにしていますが、STEP2以降は好きな順番に作成で大丈夫です。


SWELLの初期状態ではブログに使いやすい形式となっています。
コーポレートサイトに適した形へ作り変えていきましょう。


上下に表示させるメニューの作り方を紹介していきます。


メインビジュアルの画像をスライドさせる方法、トップページでよく使う構成(画像+テキスト)の作り方、アニメーションのつけ方などなど、ボリューム多めにここでは詰め込んでいます。


Googleマップの埋め込み方、表形式での会社概要の作成方法紹介です。


最後はお問い合わせページ制作!一通り完成になります!頑張りましょう!
動画で学習したい方必見!Udemyおすすめ講座
ワードプレスの有料テーマであるSWELLを使って、コーポレートサイトを自作したい!そう思ったときにピッタリのUdemy講座がありましたので紹介します。
そもそもUdemyとは
Udemyとは世界最大級のオンライン学習プラットフォームです。
動画教材を購入することで追加料金なしの買い切りで学習することができるサービスです。
Udemyの特徴
- 追加料金の発生しない買い切りのサービスであること。
- PCだけでなくスマホやタブレットからも視聴可能であること。
- 各講師のプロフィール、各講座の評判が確認できること。
- 各講座にはプレビューがあり、講師の声・話し方などが事前に確認できること。
- 定期的にセール(定価の9割引き等)をやっており、セール中に買うのが絶対!オススメ。セール時は約1,000円~2,000円で1講座の購入が可能です。
- 気に入らなければ30日返金保証対応あり。
それでは実際に講座のご紹介です。
SWELLでコーポレートサイト自作 Udemyおすすめ講座
【WordPress】企業サイト制作マスターコース|SWELLで作るコーポレートサイト


【WordPress】企業サイト制作マスターコース|SWELLで作るコーポレートサイト
- カトーヒサヨシさんの講座です。
- SWELLを使ってデモサイトを作りながら、ノーコードでコーポレートサイト制作方法を学びます。
- コーポレートサイト作成のみならず、サーバ・独自ドメイン設定、ワードプレスの設定方法のレクチャーもあり、この講座一つあれば、一緒に手を動かすことでデモサイトを作ることができます。
- 講座一つ一つの時間も短く設定されており、説明がシンプルですが要点がギュっとまとめられて大変分かりやすいです。
- SWELL推奨プラグインの詳細な設定方法がわかるのもおすすめ。
- 講座時間は6時間です。
無料コースのご紹介
有料がちょっと…と思う方に無料コースもご紹介します。
SWELLを使って簡単にランディングページ型の会社HPをつくる方法を実演解説|ChatGPTを使って高品質に仕上げる方法


SWELLを使って簡単にランディングページ型の会社HPをつくる方法を実演解説|ChatGPTを使って高品質に仕上げる方法
- Hitomi Fujimotoさんの講座です。
- SWELLを使ってランディング型の会社HPを作る講座です。
- Udemyがどんなものかこの講座であれば無料で見れますので試してみるのもいいでしょう。
- 時間は1時間半と少し短めではありますが、この動画をベースに私の製作記事や他の方の記事を参考にすれば制作可能かと思います。
まとめ
最後まで読んでくださりありがとうございました!
私は普段はWeb制作とは関わりのない仕事をしています。
Web制作の知識は書籍や動画などで学習してきました。
もちろんプロの方には遠く及びませんが、独学・自作でも企業サイトの形は作れました。
コーポレートサイトを自作してみたいと思った方の少しでもお役に立てたら嬉しいです。
それではよいSWELLライフを!!