【WPプラグイン配布】追従する問い合わせボタン！！！！日本語で制限無し！
はじめに
前回の記事では、AIを相棒にプラグインを開発した裏話をお届けしました。 今回は、追従するリンクボタンを配布です。
以前、追従メニューを配布しましたが、ここまでは不要。という方のためにぜひともインストールを！
文字や配置、色も好きに弄れます。
制限ありません。
日本語です。
もう完璧です。
このページにも実装しています。
こんな機能追加して！とか言う方は、まず自分でAIを相棒に修正してみてください！
プラグインをダウンロード
DigitalOnion Follow Button 使い方ガイド
Plugin Version 13.0 / Author: Awaji_Tamao
1. ボタンの基本設定
WordPressメニューの 「設定」＞「Follow Button」 から、ボタンの外観を一括設定します。
- 表示位置: 画面右端の「上段・中段・下段」から選択できます。
- カラー設定: 背景色と文字色をカラーピッカーで自由に調整可能です。
- 透明度: 背景の透け具合を0〜100%で指定。backdrop-filterにより、背景がボケる高級感のある質感を演出します。
- スマホ非表示: チェックを入れると、モバイル端末ではボタンが自動的に隠れます。
2. ボタンの構成（最大2つ）
表示するボタンのラベルとリンク先を設定します。
リンク先の指定
- 固定ページ: プルダウンから作成済みの固定ページを直接選択できます。
- カスタムURL: 外部サイトや電話番号（tel:）などを直接入力して指定も可能です。
アイコン設定
- 画像選択: 「選択」ボタンからメディアライブラリの画像（SVGやPNG推奨）をアイコンとして登録できます。
3. 表示と動作について
このプラグインは有効化するだけで、全ページ（フロントエンド）に自動で表示されます。
こだわりの挙動：
- スクロール追従: スクロールに合わせて上下に「ヌルッ」と揺れる、Follow Menu譲りの質感を搭載。
- ホバーアクション: マウスを合わせると、ボタンが左側へスッと伸びるアニメーションが動作します。
※ショートコードの入力は不要です。
💡 運用のポイント
- Follow Menuとの併用: 同時に使用しても動作やスタイルが干渉しないよう、独自のID設計（Ver 13.0）がなされています。
- アイコンのサイズ: 24px前後の透過アイコン（PNG/SVG）を使用すると、最も綺麗に表示されます。
- 高速化設定への対応: SWELLなどのキャッシュ機能やJS遅延読み込み環境下でも、安定して動作するスクリプトを採用しています。
まとめ
こちらもAIで作ったもの。
時間のある人はページのカスタマイズで迷ったら、AIに相談すれば、かなりの確率で解決出来ちゃいますよ！
問い合わせ
※過去記事の誤報や削除依頼は随時受け付けております。
