Lightning でコーポレートサイトを作る WordPressデフォルトウィジェット ーその3

Lightningというテーマを使うとコーポレートサイトがいい感じに作れる、ということで今まで2回に渡ってカスタマイズの方法を書いてきました。Lightningのコーポレートサイトデモサイトと同じようなデザインにするためのカスタマイズです。
今回と次回のカスタマイズで、Lightningを使ってコーポレートサイトのデモサイトと同じように作る、という試みを完成させたいと思います。

Lightningのコーポレートサイトデモサイトの内容を分析しました

今まで、場当たり的に(^_^;カスタマイズを施してきましたがこのままだとだいぶ時間がかかってしまいそうでしたので今まで行ったカスタマイズと、これからどのカスタマイズをするのかについて考えてみました。

Lightningのコーポレートサイトデモサイト

この黒い網線の部分は、今まで

毎月行っている八王子WordPressもくもく会ですが、今回コーポレートサイトを作るときにかっこよくて使いやすい(んじゃないか?)と思われるテーマがあるという噂を聞きました。

「コーポレートサイトにもかっこいいテーマ Lightning でコーポレートサイトを作るーその1」では、Lightningというテーマについての説明と、インストール、スライダー

で、カスタマイズが済んでいる部分です。

青い網線の部分は、WordPressデフォルトのウィジェットで実現している部分です。

WordPressデフォルトのウィジェットでカスタマイズする

WordPressデフォルトのウィジェットでカスタマイズしている部分について説明します。

メインエリアのこの記事は テキスト にHTML文で入力します。

こんな感じで入力して 保存 しました。

サイドバーの検索最新の投稿は通常、デフォルトでサイドバーウィジェットエリアに入っています。サイドバーにこれらが入っていることを確認して、他のウィジェットは削除しておきます。

サイドバー最下部の画像バナーも テキスト ウィジェットではりつけます。

メディアにアップロードした画像リンク先を指定して 保存 します。

フッターの真ん中は、

最新の投稿フッターウィジェットエリア2

このように入力して 保存 します。

WordPressのウィジェットでカスタマイズした部分を確認する

これで、部分的には


これらのカスタマイズが終わって、全体としては

こんな風になっています。あともうちょっと、って感じです。

まとめ:デフォルトのウィジェットもデザインが適用されるとかっこいいですね

今回入れたのはすべてWordPressに入っているデフォルトのウィジェットですが、テーマのデザインが適用されることでずいぶんかっこいい感じになりました(^^)/
次にVK All in One Expansion unit プラグインの機能などを使って、Lightningのコーポレートサイトのデモで行っているカスタマイズを終了しようと思います。

Lightning関連記事一覧

Lightningについて書いた記事をまとめておきます

毎月行っている八王子WordPressもくもく会ですが、今回コーポレートサイトを作るときにかっこよくて使いやすい(んじゃないか?)と思われるテーマがあるという噂を聞きました。

「コーポレートサイトにもかっこいいテーマ Lightning でコーポレートサイトを作るーその1」では、Lightningというテーマについての説明と、インストール、スライダー

Lightningというテーマを使うとコーポレートサイトがいい感じに作れる、ということで今まで2回に渡ってカスタマイズの方法を書いてきました。Lightningのコーポレートサ

Lightningというテーマはコーポレートサイトを作る際に簡単に「ちゃんとした感じの企業サイト」が作れます。そのインストールやカスタマイズについて、今まで3回にわたってblo

テーマLightningを使って実際のWebサイトを作っています。いくつか変更したいことがあるので、子テーマを作りました。作りました、といってもLightningは子テーマが用

テーマLightningを使って実際のWebサイトを作ったときに、スライダーの上に文字を表示したいなと思いました。スライダーはトップページに大きく表示されるのですが、スライダー

[Amazon sponsored link] WordPress デザイン 関連本
兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
スポンサー広告

コメント

トップへ戻る