Lightning で画面右端にお問い合わせボタンを固定表示するプラグイン...Lightning G3 無料版 / VK Blocks / WordPress のカスタマイズ【新館】

2025.10.20 更新

PC とスマホで別々のメニューを出し分けることができるように機能追加しました。

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

いままで Lightning や VK Blocks などをあれこれカスタマイズしてきましたが、その中で汎用性が高そうなものをプラグイン化する作業をいませっせと行っています。

このプラグイン化の作業、ウェブサイト開設をお手伝いする、いま計画している新しいサービスのための準備なんです。詳細は後日発表しますので、ご期待ください😊

ということで...

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

このサイトを表示してスクロールすると、画面右端に「お問い合わせ」と「サポート」の2つのボタンが固定表示されます。

このボタンは私が制作した UJS Fixed Buttons というプラグインにより表示されています。

我ながら、乏しいネーミングセンスだ。

このプラグインをインストールすると、外観 → メニューでメニューの位置に UJS Fixed Buttons が表示されて、これにチェックをつけるとそのメニューが画面右端に表示されます。

このサイトのように、メニューに Font Awesome のアイコンを表示することもできます。

アイコンをメニューに表示する手順はこちら

ここまでの仕様はテーマに依存しないものになっていて、私が作るニッチになりがちなプラグインの中ではめずらしく汎用性が高いのですが、結局 Lightning 専用という仕様に落ち着きました😅 (後述)

ボタンの背景色の変更はかんたんです

カスタマイズのカラーパレット設定にある キーカラー と カスタムカラー 1 がボタンの背景色になっていますので、お客様側でかんたんに色の変更ができます。

実用的かどうかはおいといて、カスタムカラー 2～5 も使えるようになっていて最大6つまでのボタンに対応しています。

そんなわけで、Lightning のカラーパレット設定を利用するこのプラグイン、Lightning 専用となっております。

[2023.10.11 追記]
下に書いた通りスマホでも表示する仕様を追加しました。スマホで表示することを考えると、このプラグインで表示するボタンの数は 2個または 3個が実用的です。

カラーパレット設定にあるキーカラーとカスタムカラー 1 がボタンの背景色になっています

2023.10.11 機能追加スマホでもボタンを表示

スマホでもボタンを表示する機能を追加しました。

スマホでは画面下部にボタンが常時固定表示されます。

以下のカスタマイズも可能です。

パソコンのみ表示
スマホのみ表示

2025.10.20 機能追加 PC とスマホで別々のメニューを出し分ける

PC ではボタンを3つ表示したいけど、スマホのときは2つにしたい、というようなご要望がありましたので、PC とスマホで別々のメニューを出し分けることができるように機能追加しました。

メニュー編集画面で以下のように メニューの位置 が2つ表示されます。

UJS Fixed Buttons for PC
これにチェックすると、PC での閲覧時にメニューが表示されます。
UJS Fixed Buttons for SP
これにチェックすると、スマホでの閲覧時にメニューが表示されます。

この機能追加により、以下のいずれの場合もカスタマイズなしで、お客様側でかんたんに設定できるようになりました。

PC での閲覧時だけ固定メニューを表示したい。
スマホでの閲覧時だけ固定メニューを表示したい。
PC とスマホで別々の固定メニューを表示したい。
PC とスマホで同じ固定メニューを表示したい。

スマホでボタンの数を多く表示したいお客様向けに、以下のオリジナルのモバイル固定ナビをご用意しています。

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

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

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

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

投稿者プロフィール

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

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

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

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

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

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

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

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