スマートフォンでサイトを閲覧する際、電話番号やお問い合わせフォームへのアクセスを簡単にするために、下部固定のボタンを設置したいと考える方は多いです。本記事では、無料で利用できるWordPressテーマの中から、モバイル表示に対応した下部固定ボタンを作成できる方法やおすすめテーマを紹介します。
無料テーマでの下部固定ボタンの重要性
モバイルユーザーはスクロール操作が多く、重要なリンクを簡単にアクセスできることが利便性向上につながります。特に電話番号や問い合わせへのリンクを常に表示させることで、コンバージョン率の向上にも寄与します。
無料テーマでも、カスタマイズやプラグインを組み合わせることで、下部固定のボタンを設置可能です。
おすすめの無料テーマと特徴
無料で使いやすいモバイル対応テーマには、次のようなものがあります。
- Cocoon – SEO対策済みでレスポンシブ対応、カスタムHTMLやCSSで固定ボタン設置が可能
- Twenty Twenty-One – WordPress標準テーマ、カスタマイズ次第で固定ボタンの追加が簡単
- Astra – 軽量で高速表示、ヘッダー・フッターウィジェットにボタン設置可能
これらのテーマは無料でダウンロードでき、モバイルでも快適に表示されます。
下部固定ボタンを設置する方法
無料テーマで下部固定ボタンを設置するには、カスタムHTMLやプラグインを利用します。例えば、次の手順が一般的です。
- 子テーマを作成してカスタマイズの安全性を確保
- カスタムHTMLでボタン要素を作成
- CSSでposition: fixed; bottom: 0; width: 100%;を設定
- 電話番号リンクは012-345-6789、問い合わせはフォームのURLにリンク
また、プラグイン「WP Floating Menu」や「Sticky Menu (or Anything!)」を活用すると、固定ボタンの設置がより簡単になります。
実例：Cocoonでの固定ボタン設置
Cocoonを例にすると、フッターウィジェットにカスタムHTMLを追加し、CSSで固定位置を設定するだけでボタンを常に表示できます。
実際に電話ボタンとお問い合わせボタンを設置すると、ユーザーはどのページでも簡単にアクセスでき、利便性が向上します。
まとめ
無料テーマでもカスタマイズやプラグインを活用することで、スマホ下部固定ボタンを設置可能です。CocoonやAstraなどのレスポンシブ対応テーマを選び、子テーマやCSSを利用することで、電話や問い合わせボタンを安全かつ効果的に設置できます。これにより、ユーザーの利便性とサイトのコンバージョン向上が期待できます。
コメント