オカヘイ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お問い合わせページ（完成形） 今回作成したお問い合わせページはこのようなものです。 参考になる部分だけ使ってみてく…
まとめ
最後まで読んでくださりありがとうございました！
私は普段はWeb制作とは関わりのない仕事をしています。
Web制作の知識は書籍や動画などで学習してきました。
もちろんプロの方には遠く及びませんが、独学・自作でも企業サイトの形は作れました。
コーポレートサイトを自作してみたいと思った方の少しでもお役に立てたら嬉しいです。
