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

この記事は約3分で読めます。

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

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

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

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

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

[ryus_blogcard url=”https://usortblog.com/lightning-corpo-1/”]
[ryus_blogcard url=”https://usortblog.com/lightning-corpo-2/”]

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

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

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

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

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

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

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

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

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

フッターの真ん中は、

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

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

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

これで、部分的には


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

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

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

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

Lightning関連記事一覧

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

[ryus_blogcard url=”https://usortblog.com/lightning-corpo-1/”]
[ryus_blogcard url=”https://usortblog.com/lightning-corpo-2/”]
[ryus_blogcard url=”https://usortblog.com/lightning-corpo-3/”]
[ryus_blogcard url=”https://usortblog.com/lightning-corpo-4/”]
[ryus_blogcard url=”https://usortblog.com/lightning-kotheme-slider-interval/”]
[ryus_blogcard url=”https://usortblog.com/lightning-slider-string/”]

[amazon_searchlink search=”WordPress デザイン”]

兎本美佳

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

ゆうそうとITブログの更新通知が受け取れます!
スポンサー広告

WordPress theme テーマ プラグイン
スポンサーリンク
ゆうそうとITブログの更新通知が受け取れます!
ゆうそうとITブログ

コメント

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

トップへ戻る

ゆうそうとについての説明

ゆうそうと とは東京都八王子市を中心として、WordPressによるWEBサイトの作成や、スポットでのIT相談を行ったり、年間契約でのIT顧問をなりわいとして活動しています。

特徴としては30年以上IT業界でプログラムを中心として仕事をしてきたものと、美大出身のデザイナーがワンストップで対応するため、幅広い対応が可能であることです。

IT相談は直接お会いしてのご相談の他、ZOOMによるオンライン相談も可能です。