ヘッダーに電話番号とボタンを追加したカスタマイズ例②

この記事はアフィリエイト広告を利用しています。

Lightning 無料版でヘッダーに電話番号とボタンを追加したカスタマイズ例の第2弾です。

電話番号とボタンの部分は固定ページで作ってあり、文言の変更、ボタンの色やリンク先の変更をお客様側でかんたんに行っていただけます。

文言の変更、ボタンの色やリンク先の変更をお客様側でかんたんに行っていただけます。

画面幅が992px未満の端末ではモバイルナビで表示するのがいいので、ヘッダーに電話番号とボタンが表示されない仕様にしてあります。

3月6日に投稿したカスタマイズ例 だとヘッダーが窮屈に感じるかもしれません。また、ボタンなどのコンテンツが多いケースも考慮して、このカスタマイズ例ではグローバルナビをページヘッダーの下に表示して、ヘッダー部分のデザイン(背景色、ヘッダーロゴ画像)も変えてみました。

関連記事

ヘッダーに電話番号とボタンを追加したカスタマイズ例 - Lightning 無料版

電話番号とボタンの部分は固定ページで作ってあり、文言の変更、ボタンの色やリンク先の変更をお客様側でかんたんに行っていただけます。

ヘッダーに電話番号とボタンを追加したカスタマイズ例③

電話番号とボタンの部分は固定ページで作ってあり、文言の変更、ボタンの色やリンク先の変更をお客様側でかんたんに行っていただけます。

ヘッダーに電話番号とボタンを追加したカスタマイズ例④

VK お問い合わせ セクション をウィジェットに配置してヘッダーに表示するやり方を採用しています。

弊社 (魚沼情報サービス) ではこのようなカスタマイズのお仕事をお引き受けしています。
デザイン・仕様について、お客様のご要望に合わせてカスタマイズいたします。
無料で費用見積りいたしますので、お気軽にお問い合わせください。

ノーコードでヘッダーに電話番号とボタンを追加する方法

上記の例では PHP や CSS のコードを記述してカスタマイズしていますが、有料のプラグイン Lightning G3 Pro Unit を使うと、難しいカスタマイズ(コーディング)をせずに、ヘッダーに電話番号とボタンをかんたんに追加できます。(下図参照)

Lightning G3 Pro ヘッダー設定

「カスタマイズの手間はかけたくない」または「カスタマイズが苦手」という方は、予算が許せば Lightning G3 Pro Unit が含まれるサブスクリプション製品「Vektor Passport」の購入を検討した方がいいかもしれません。

対馬

この記事のように、ボタンを複数配置したり、グローバルナビを移動したり、ってことは Lightning G3 Pro Unit の設定ではできません。

Lightning G3 Pro Unit の入手方法

Lightning G3 Pro Unit 有料の WordPress プラグインですが、単体では販売されていなくて、Vektor Passport というライセンス製品に含まれて販売されています。

Vektor Passport は、コピペで使える豊富なプロ品質プレミアムパターン、Lightning G3 Pro Unit、VK Blocks Pro を好きなだけ使える大変お得なライセンス製品です。ライセンス1つで自分が制作・管理する複数のサイトに使うことができます。ライセンス期間は 1年 / 3年 / 5年 から選べます。

Vektor Passport(ライセンス期間1年)
Vektor Passport(ライセンス期間3年)
Vektor Passport(ライセンス期間5年)

投稿者プロフィール

対馬 俊彦
対馬 俊彦魚沼情報サービス (新潟県南魚沼市)
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、お手伝いいたします。

Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。

遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。

デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。

ご要望をうかがった上で費用見積り(無料)を提示させていただきますので、お気軽にお問い合わせください。

メールでのお問い合わせはこちら

Lighting テーマ使用

WordPress サイト開設

スターターパック

  • デザイン済みパーツを組み合わせることで価格納期を大幅削減
  • プロが作ったクオリティが高いホームページ
  • サポート付き・ご自分でかんたんに情報発信できます