VK All in One Expansion Unit のお問い合わせセクションをフローティングバナーとしても使えるプラグイン...Lightning G3 無料版 / VK Blocks / WordPress のカスタマイズ【新館】

こんにちは、魚沼情報サービスの対馬です。

引き続き、新しいサービスの準備として、Lightning のサイトで使えそうな汎用性が高いカスタマイズをプラグイン化する作業を行っています。

早くサービスを始めたい😓

ということで...

2023.12.14 使い方の事例を追加

以下の使い方を追加しました。

【応用例】アイコンを変えてFAX受付用に
【応用例】電話番号以外にこんな使い方も
【応用例】隠し機能（？）を使ってフローティングバナー

今日の新作プラグインを紹介します

この投稿を表示してスクロールすると、画面右下に VK All in One Expansion Unit のお問い合わせセクションがフローティング表示されます。

電話番号とお問い合わせボタンを縦に並べて、なるべく閲覧の邪魔にならないようにしてありますが、閲覧される方が「邪魔」と感じることもあると思いますので（特に画面幅が小さい場合）、閉じるボタンを追加しました。

電話アイコンの色を カスタムカラー 1 に指定してあります。

画面右下に VK All in One Expansion Unit のお問い合わせセクションがフローティング表示されます。

このお問い合わせセクションは私が制作した UJS Fixed VEU Contact というオリジナルプラグインにより表示されています。

2023.10.30 使い勝手を改善

ユーザーが閉じるボタンを押してお問い合わせセクションを閉じたら、そのセッション中は閉じたままにしました。

次のセッションではまた表示されます。ブラウザの別タブで表示された場合も別セッション扱いになります。

【応用例】アイコンを変えてFAX受付用に

ボタンの文字やアイコンを変えて、以下のような使い方もできます。

上記の使い方の場合、期限が過ぎたらお問い合わせセクションをいったん非表示にしたいですよね。
→ 安心してください。プラグインにより表示していますので、プラグインを無効化するだけでかんたんにお問い合わせセクションを非表示にできますよ。

【応用例】電話番号以外にこんな使い方も

入力欄には「電話番号」「電話アイコン」と表記されていますが、電話番号（FAX番号）以外にもいろいろと活用していただけます。

【応用例】隠し機能（？）を使ってフローティングバナー

たぶん、ベクトル製品ユーザーでも知っている（使っている）人はそう多くないという気がしますが、ExUnit にはお問い合わせセクションをバナー画像を置き換える機能があります。

[高度な設定] ボタンをクリックすると、お問い合わせバナー画像を指定することができますので、このプラグインと組み合わせてお問い合わせバナー画像をフローティングバナーとして表示することができます🙌

スマホ表示はデフォルトOFF

スマホで表示すると邪魔になると思うので、デフォルトではお問い合わせセクションが非表示になっています。

いや、スマホでも表示したいんだ、って場合は以下の CSS を書いて表示することもできます。（これ、自分用の備忘録です😅）

@media (max-width: 599.98px) {
  body .fixed-veu-contact {
    display: block;
  }
}

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

魚沼情報サービス
へのお問い合わせ

/* プラグイン UJS Fixed VEU Contact で表示しているお問い合わせセクションを非表示 */
body .fixed-veu-contact {
    display: none;
}

子テーマの style.css に上記のコードを書いてあり、以下の CSS でこの投稿だけにお問い合わせセクションを表示している。

<style type="text/css">
body .fixed-veu-contact {
    display: block;
}
</style>

投稿者プロフィール

対馬俊彦魚沼情報サービス (新潟県南魚沼市)

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

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

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

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

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

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

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