こんにちは、魚沼情報サービスの対馬です。
引き続き、新しいサービスの準備として、Lightning のサイトで使えそうな汎用性が高いカスタマイズをプラグイン化する作業を行っています。
早くサービスを始めたい😓
ということで...
2023.12.14 使い方の事例を追加
以下の使い方を追加しました。
- 【応用例】アイコンを変えてFAX受付用に
- 【応用例】電話番号以外にこんな使い方も
- 【応用例】隠し機能(?)を使ってフローティングバナー
今日の新作プラグインを紹介します
この投稿を表示してスクロールすると、画面右下に VK All in One Expansion Unit のお問い合わせセクションがフローティング表示されます。
電話番号とお問い合わせボタンを縦に並べて、なるべく閲覧の邪魔にならないようにしてありますが、閲覧される方が「邪魔」と感じることもあると思いますので(特に画面幅が小さい場合)、閉じるボタンを追加しました。
電話アイコンの色を カスタムカラー 1 に指定してあります。
このお問い合わせセクションは私が制作した 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 を使用したサイト制作・カスタマイズを全国どこからでも承ります。ベクトルが販売している WordPress テーマ「Lightning」「Katawara」および同社のプラグイン「VK Blocks」「VK Filter Search」のカスタマイズを得意としています。遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。
オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを開設・運用する上で、うまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。
このサイトで行っているカスタマイズのやり方の多くもマンツーマンのオンラインレッスン形式などでわかりやすく説明させていただくことができますので、興味がある方はご連絡ください。
* ドメインやサーバーの契約・申込み
* WordPress やテーマ、プラグインのインストール
* アクションフック・フィルターフック・jQuery・CSS によるカスタマイズ
* ドメインの移管・移転
* 日常の更新作業
なども含めて、サイトの制作・運用全般をお手伝いできます。
また、制作業者様のサイト制作のお手伝いも数多く行っております。いま人手が足りない、ちょっとここだけコーディングを頼みたい、等々… お仕事の依頼をお待ちしています。
ご要望をうかがった上で費用見積り(無料)を提示させていただきますので、お気軽にお問い合わせください。
» ご相談・お問い合わせはこちらからどうぞ
最新の投稿
- カスタマイズ2024年3月23日フィットネスクラブのスタッフ紹介 - マウスホバーでコンテンツを切り替え
- カスタマイズ2024年3月11日アーカイブページをアコーディオン仕様にしたカスタマイズ例
- Lightning G32024年2月26日前の記事・次の記事のレイアウトやデザインを超シンプルにカスタマイズ
- カスタマイズ2024年2月21日タイトルだけを検索対象としてブログを検索するフォーム
WordPress / Lightning オンラインサポートのご案内
WordPress を使用したサイト制作・カスタマイズ・サポートを全国どこからでも承っています。ベクトルが開発している WordPress テーマ「Lightning」「Katawara」および同社のプラグイン (VK Blocks Pro ・ VK Filter Search Pro) を使ったサイト制作・カスタマイズを最も得意としています。遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。
オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを開設・運用する上で、うまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。
* ドメインやサーバーの契約・申込み
* WordPress やテーマ、プラグインのインストール
* アクションフック・フィルターフック・jQuery・CSS によるカスタマイズ
* ドメインの移管・移転
* 日常の更新作業
なども含めて、サイトの制作・運用全般をお手伝いできます。
* 近くに頼りになるところがない
* わからないところを教えてほしい
* 専門家にサイト制作を手伝ってもらいたい
という方はぜひお気軽にご相談ください。
ご要望をうかがった上で費用見積り(無料)を提示させていただきます。