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

2023年3月12日(日)2025年10月5日(日) 対馬俊彦

対馬俊彦

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

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

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

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

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

WordPress / Lightning
のカスタマイズを承ります

ベクトル公式テクニカルパートナー
があなたをお手伝いします

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

ご依頼・お問い合わせはこちら

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

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

「カスタマイズの手間はかけたくない」または「カスタマイズが苦手」という方は、予算が許せば 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年から選べます。

投稿者プロフィール

対馬俊彦魚沼情報サービス・ベクトル公式テクニカルパートナー

【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。

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

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

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

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

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

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