WordPressサイトにプラグインを使わずにフローティングボタン（固定表示されるボタン）を設置する方法

① テーマにHTMLのボタンを追加

footer.php または header.php の適切な場所に以下のHTMLを記述します（</body>の直前などが推奨）。

<!-- フローティングボタン -->
<a href="https://example.com/cta" class="floating-button">お問い合わせ</a>

<!-- フローティングボタン -->
<a href="https://example.com/cta" class="floating-button">お問い合わせ</a>

※ hrefはリンク先に応じて変更

② CSSでスタイル＆固定表示させる

style.css（子テーマまたはカスタマイザー）に以下のCSSを追加してください。

.floating-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #ff6600;
  color: white;
  padding: 15px 25px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: bold;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  z-index: 9999;
  transition: background-color 0.3s ease;
}

.floating-button:hover {
  background-color: #e65500;
}

.floating-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #ff6600;
  color: white;
  padding: 15px 25px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: bold;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  z-index: 9999;
  transition: background-color 0.3s ease;
}

.floating-button:hover {
  background-color: #e65500;
}