WordPress Lightningで企業サイトを作るメリット・制作事例・カスタマイズ例
wpinori3745
Lightningは企業サイトに使えるWordPressテーマ
WordPressテーマ「Lightning」は、企業サイトや店舗サイトに使いやすいテーマです。シンプルで見やすいデザインをベースに、ブロックやデザインパターンを組み合わせながらページを作成できます。
また、デモサイトやデザインパターンを参考にでるのでゼロから構成を考える必要がないため、費用を抑えてホームページを作りたい場合にも向いています。
ただし、そのまま使うだけでは他のサイトと似た印象になりやすいため、企業らしい信頼感を出すには、配色・余白・見出し・ボタンなどのカスタマイズをお勧めします。
企業サイトの基本構成
企業サイトでは、事業内容やサービス内容、会社情報、問い合わせ先などを分かりやすく整理することが大切です。Lightningを使う場合も、まずは必要なページ構成を整理してから制作を進めると、見やすく伝わりやすいホームページになります。
| ページ | 役割 |
|---|---|
| トップページ | 事業内容や強みを最初に伝える |
| サービス紹介 | 提供しているサービスや料金を分かりやすく伝える |
| 会社概要・プロフィール | 会社情報や代表者情報を掲載し、信頼感を高める |
| 制作実績・導入事例 | これまでの実績を掲載し、依頼前の不安を軽減させる |
| お知らせ・ブログ | 最新情報や専門性を継続的に発信する |
| お問い合わせ | 相談・見積もり依頼につなげる |
| プライバシーポリシー | 個人情報の取り扱いを明記する |
Lightningで企業サイトを作るメリット
デモサイトと同じサイトを5分でセットアップ！
真っさらな WordPress 環境にデモサイトと同じデータを丸ごとインポートすることで、ホームページを素早くセットアップすることが可能です。これにより初期設定の手間を大幅に削減し、素早くホームページを立ち上げることが出来ます。
Lightningのデモサイトをまるごとインストールできる機能の詳細については、Lightningの公式ホームページをご参照ください。
Lightning | 無料で使えるWordPress公式ディレクトリ登録テーマ「Lightning」ビジネスサイトもブログも簡単に作れます
無料で使えるWordPress公式ディレクトリ登録テーマ「Lightning」ビジネスサイトもブログも簡単に作れます
Lightning 
テンプレートを利用して、編集時間を短縮できる
コピペで使えるデザインテンプレートのような「ブロックパターン」が多数用意されています。お好みのブロックををコピペでサッと貼り付けて、すぐにブロックエディタで編集できます。
コピペで使用できるパターンライブラリーについては「ブロックパターンライブラリ」でご確認ください。無料、有料、使用したいパーツなので絞り込んで探すことができます
VK パターンライブラリ | コピペで使えるWordPress のブロックパターンライブラリ
WordPress のブロックエディタで使えるパターンを公開しています。あらかじめデザインされたパターンをコピー＆ペーストすることで、見た目そのままご自分のサイトで使っ…
VK パターンライブラリ 
長期的な運用が安心
Lightningは厳しいチェックをクリアした、WordPressの公式テーマです。無料で使用できることからユーザー数が多く、継続的にアップデートが行われるため、長期的な運用も安心です。
Lightningで企業サイトを作るデメリット・注意点
デザインがシンプルで、完成度を高めるにはカスタマイズが必要
Lightningはシンプルな設計が強みである一方、そのままではやや無機質な印象になりやすく、デザインの完成度を高めるにはカスタマイズが前提になります。企業イメージやブランドに合わせた見た目に仕上げるには、配色や余白、レイアウト調整などの工夫が必要です。ある程度自由に作り込める反面、完成度の高いサイトを目指す場合は手を加える前提で考える必要があります。
より洗練されたデザインパーツやブロックを使用するためには有料プラグインが必要
Lightningでは、より高度なデザインパーツやブロックを使用するために、有料プラグイン（サブスク型：11,000円/年）の導入が必要になります。無料の状態でも基本的なサイトは作成できますが、より洗練されたデザインや機能を求める場合は追加コストが発生します。継続的な費用がかかる点はデメリットですが、その分、機能拡張やサポートを受けられるメリットもあります。
Lightningの企業サイト制作事例
美容皮膚科様ホームページ
デザイン
使用したブロック
本ホームページは、以下のブロックを使用し、CSSコードでカスタマイズして制作しています。
グリッドカラム、グリッドカラムカード、見出し、ボタン、カバー、テーブル、画像、最新の投稿
この制作事例で意識したこと
美容皮膚科のホームページでは、清潔感や信頼感が伝わるように、余白を広めに取り、白を基調としたシンプルなデザインに整えました。また美意識が高い女性がターゲットのため、使用する画像についてもテイストを統一し、写真を活かしたデザインにしました。施術内容や料金、お知らせなどを更新しやすいように、Lightningの基本機能を活かしながら構成しています。
おすすめブロックの紹介
グリッドカラムブロック（Pro版のみ）
CONCEPTなど、画像とテキストのコンテンツには「グリッドカラムブロック」を使用しています。グリッドカラムブロックの良いところは画面サイズ毎に表示カラム数を細かく指定する事ができる点です。
グリッドカラムカード（Pro版のみ）
MENUは画像リンクにしているのですが、これは「グリッドカラムカード」を使用しています。グリッドカラムカードの良い点は、ブロックを横幅いっぱいに配置することが出来る点と、今回は使用していませんが、カラムにボタンを設置する場合、ボタンの位置を揃えることができる点です。
アートメイクサロン様ホームページ
デザイン
公開ページ ⇒ 「KAGOMACHI SATO CLINIC」のサイトを見る
使用したブロック
本ホームページはは、以下のブロックを使用し、CSSコードでカスタマイズして制作しています。
カラム、グリッドカラム、見出し、ボタン、カバー、アコーディオン、テーブル、画像、最新の投稿
この制作事例で意識したこと
この制作事例で意識したこと
アートメイクサロンのホームページでは、施術症例を見やすく配置し、施術メニューの内容が分かりやすく伝わるように調整しました。Lightningのシンプルな構成を活かしながら、写真や余白の見せ方を整え、サロンの雰囲気が伝わるデザインを意識しました。
おすすめブロックの紹介
VK パターンライブラリ（Pro版のみ）
「施術の流れ」に使用しているブロックは、コピペで使用できるパターンライブラリーのブロックをコピーして、色や文章を変えたものです。本来であれば、「グリッドカラム」とCSSコードでかなりのカスタマイズが必要になりますが、パターンライブラリーからのコピペであれば初心者でも簡単です。
エステサロンデモサイト
デザイン
公開ページ ⇒ エステサロンのデモサイトを見る
使用したブロック
本ホームページはは、以下のブロックを使用し、CSSコードでカスタマイズして制作しています。
カラム、見出し、ボタン、カバー、画像、最新の投稿
この制作事例で意識したこと
この制作事例で意識したこと
エステサロンのデモサイトでは、サロンの雰囲気が伝わりやすいように、質の高い写真を使用し、また見出しのフォントも女性向けのフォントを使用しました。Lightningはフォントや配色を調整するだけで業種に合った印象に近づけやすいと思います。
おすすめブロック
Concept、Memu、SaloninfoはどれもWordPressに標準で装備されている「カラムブロック」を使用しています。カラムブロックをCSSコードでカスタマイズすることで、見た目が違うデザインのコンテンツに仕上げることが可能です。
そのほかのLightningをカスタマイズして制作したホームページの事例をご覧になりたい方は、「ホームページ制作・WEBデザイン制作のフリーランス事務所」の制作実績をご確認ください！
Lightningでの企業サイト制作がおすすめな方
できるだけ早く企業サイトを公開したい方
Lightningはデモサイトやデザインパターンを活用できるため、ゼロから構成を考える負担を減らしながらホームページを作成できます。会社案内やサービス紹介など、企業サイトに必要な情報を整理し、できるだけ早く公開したい方に向いています。
企業らしいデザインにカスタマイズしたい方
Lightningはシンプルで見やすいデザインがベースになっているため、企業サイトや店舗サイトにも使いやすいWordPressテーマです。そのままでも基本的なホームページは作成できますが、配色・余白・見出し・ボタンなどを調整することで、より自社らしい雰囲気や信頼感を出しやすくなります。
費用を抑えながら、更新しやすい企業サイトを作りたい方
Lightningは無料で使えるWordPressテーマのため、制作コストを抑えながら企業サイトを作りたい方にも向いています。お知らせやブログなどを公開後に更新しやすく、必要に応じて機能を追加できるため、運用しながら育てていけるホームページを作成できます。
