オカヘイ
SWELLを使用してコーポレートサイトを制作しましたので、今回はその手順を紹介します。
また以下のサイトは私がSWELLで制作したコーポレートサイトです。
このようなサイトを作ることできます。
制作手順を紹介していきますので、参考になる部分はぜひ取り入れてみてくださいね。
NPO法人 Creative Adventure 様
目次
関連記事紹介
本記事では実際にSWELLを使用してのサイト作成手順を紹介しています。
私がコーポレート制作なら「ワードプレス×SWELL」がいいなと思った理由は以下記事から。
コーポレートサイトを自作するならワードプレスのテーマSWELLで!
コーポレートサイトを制作会社に依頼するとコストが結構かかるな…自作できたりしないかな?と思ったことはありませんか。ワードプレスのテーマSWELLを使うことで、デザ…
じゃあSWELLで作ろうと思った方は以下の導入編から読んでいただけると、スムーズかと思います。
SWELLでコーポレートサイトを自作 作り方【導入編】実サイト紹介
コーポレートサイトを費用の関係で自作したいなと思っていませんか?ワードプレスとテーマ「SWELL」を使えば以下のようなサイトが制作できます。 NPO法人 Creative Adve…
ワードプレス×SWELL コーポレートサイト制作手順
サイトの制作手順は以下の通りです。
1記事にまとめると長くなりすぎるので、項目ごとに分割しています。
各関連記事を参考にしてください。
ステップにしていますが、STEP2以降は好きな順番に作成で大丈夫です。
STEP
ブログ型からサイト型に整える
SWELLでコーポレートサイトを自作 作り方【ブログ型からサイト型に整える】
ブログ型からサイト型に整える まずワードプレスにSWELLを入れた時はブログに適した構成になっています。 コーポレートサイトとして使用するには以下のカスタマイズの手…
STEP
ヘッダー・フッター作成
SWELLでコーポレートサイトを自作 作り方【ヘッダー・フッター作成】
ヘッダー・フッター作成 それではサイトに必要なヘッダー・フッターを作っていきましょう。 STEPヘッダーメニュー作成(完成形) このようにサイト上部にメニューを表示…
STEP
トップページ作成
SWELLでコーポレートサイトを自作 作り方【トップページ作成】
トップページ作成 それではトップページを作成していきましょう。 メインビジュアル設定 STEPメインビジュアルの高さ・オーバーレイカラー設定 カスタマイズ>トップペ…
STEP
下層ページ(会社概要ページ)作成
SWELLでコーポレートサイトを自作 作り方【下層ページ(会社概要ページ)作成】
下層ページ(会社概要ページ)作成 STEP会社概要用のテーブルを作る 【+】テーブルを挿入します。 2カラム、◯行(必要な行数)でを挿入して以下のような項目を入れます…
STEP
下層ページ(お問い合わせページ)作成
SWELLでコーポレートサイトを自作 作り方【下層ページ(お問い合わせページ)作成】
下層ページ(お問い合わせページ)作成 STEPお問い合わせページ(完成形) 今回作成したお問い合わせページはこのようなものです。 参考になる部分だけ使ってみてくださ…
動画学習したい方必見!Udemyおすすめ講座
ワードプレスの有料テーマであるSWELLを使って、コーポレートサイトを自作したい!そう思ったときにピッタリの講座がありましたので紹介します。
Udemyとは
Udemyとは世界最大級のオンライン学習プラットフォームです。
動画教材を購入することで追加料金なしの買い切りで学習することができるサービスです。
Udemyの特徴
- 追加料金の発生しない買い切りのサービスであること。
- PCだけでなくスマホやタブレットからも視聴可能であること。
- 各講師のプロフィール、各講座の評判が確認できること。
- 各講座にはプレビューがあり、講師の声・話し方などが事前に確認できること。
- 定期的にセール(定価の9割引き等)をやっており、セール中に買うのが絶対!オススメ。セール時は約1,000円~2,000円で1講座の購入が可能です。
- 気に入らなければ30日返金保証対応あり。
それでは実際に講座のご紹介です。
SWELLでコーポレートサイト自作 Udemyおすすめ講座
【WordPress】企業サイト制作マスターコース|SWELLで作るコーポレートサイト
【WordPress】企業サイト制作マスターコース|SWELLで作るコーポレートサイト
- カトーヒサヨシさんの講座です。
- SWELLを使ってデモサイトを作りながら、ノーコードでコーポレートサイト制作方法を学びます。
- コーポレートサイト作成のみならず、サーバ・独自ドメイン設定、ワードプレスの設定方法のレクチャーもあり、この講座一つあれば、一緒に手を動かすことでデモサイトを作ることができます。
- 講座一つ一つの時間も短く設定されており、説明がシンプルですが要点がギュっとまとめられて大変分かりやすいです。
- SWELL推奨プラグインの詳細な設定方法がわかるのもおすすめ。
- 講座時間は6時間です。
まとめ
最後まで読んでくださりありがとうございました!
私は普段はWeb制作とは関わりのない仕事をしています。
Web制作の知識は書籍や動画などで学習してきました。
もちろんプロの方には遠く及びませんが、独学・自作でも企業サイトの形は作れました。
コーポレートサイトを自作してみたいと思った方の少しでもお役に立てたら嬉しいです。