ワードプレステーマ「Lightning」のデモデータでコーポレートサイトを作りました。

ワードプレス無料テーマ「Lightning」のデモデータでコーポレートサイト(企業サイト)を作りました。

Lightningには「クイックスタート」といって、あらかじめデモデータ(デモサイト)が用意されているんです。

クイックスタートを使うと画像や文章を変えていくだけでコーポレートサイトが作れるのでとても簡単です。

Lightningクイックスタートについてはこちら↓

Lightning G3 クイックスタート | 設定ガイド | Lightning

完成物

私がデモデータをもとに作ったコーポレートサイトがこちらです↓ 架空のWeb制作会社です。

コーポレートサイト トップページ

 

コーポレートサイト サービス案内ページ

 

コーポレートサイト 会社案内ページ

 

コーポレートサイト 採用情報ページ

他にもたくさんページはありますが、とりあえずこれだけ載せておきます。

いかがでしょうか?なかなかいい出来ではないでしょうか?

Lightningデモデータを使うと、このようなコーポレートサイトが簡単に作れます。

デモデータ+ブロックパターンで少しアレンジしています。

作り方はまたYouTubeで解説するつもりです。

フッターの「Powered by WordPress…」を消すCSS

フッターの「Powered by WordPress…」を消すには↓

下のCSSを「外観」→「カスタマイズ」「追加CSS」にコピペしてください。


/*フッターのPowered by WordPress...を消す*/
.site-footer-copyright p:nth-child(2){
	display:none;
}

 

苦労した点

コーポレートサイトってページ数がすごくたくさんあるんですね。

親ページや子ページもあったりして、構造も少し複雑です。

それらを一つ一つ修正するのは大変でした。

画像もたくさん使いました。

コーポレートサイトってページ数が多いから、一から作るの大変だと思います。

トップページスライドショー下部分のレイアウト。

トップページスライドショー下の「企業の魅力を引き出すWeb制作会社」の部分、どのようなレイアウトにしようかすごく迷いました。

最初はブロックパターンを使ってこのように作りました↓

でもこれだとイマイチしっくりこないし、スマホ画面の時に画像とテキストの順番が上下逆になってしまう。

結局デモサイトを少しいじった程度にしました。

「弊社の強み」部分はなくてもいいと思います↓

もっとシンプルにするなら、これだけでもいいと思います↓

なぜコーポレートサイト?

なぜコーポレートサイトを作ったかというと、やっぱりホームページといえばコーポレート(企業)サイト。一度は作っておきたかったんです。

それにLightningのデモデータも使ってみたかった。

結果的に満足いくものができたし、いい勉強にもなりました。

今後について。

今後は、ココナラで「ワードプレスでホームページを作ります」というサービスを出品したので依頼が来るのを待ちつつ(来るかわからないが…)、

ワードプレステーマを作ったりしたいと思います。

タイトルとURLをコピーしました