WordPressのボタンブロックでリンクを新しいタブで開く方法

(投稿ページ・固定ページ対応)

はじめに|ボタンは作れたけど…

WordPressのボタンブロックで、

  • お問い合わせボタン
  • 外部サイトへのリンク
  • 資料ダウンロード

などを作成したあと、

「このリンク、新しいタブで開きたい」

と思ったことはありませんか?

テキストリンクでは設定できたのに、ボタンになると方法が分からないという相談は非常に多いです。

結論|WordPress標準機能で設定できます

ボタンブロックの
リンクを新しいタブで開く設定は、WordPress標準機能です。

プラグインやHTML編集は不要です。

ボタンブロックを新しいタブで開く設定方法

手順

  1. 投稿ページまたは固定ページを編集
  2. 対象のボタンブロックをクリック
  3. まずはボタン内のリンク(URL)を設定
  4. 再度、ボタン内のリンク(URL)を選択
  5. 「リンクを編集」 を選択
  6. 「新しいタブで開く」 を ONにします
再度、ボタン内のリンク(URL)を選択
「新しいタブで開く」 を ONにします

これで、
ボタンをクリックすると別タブでページが開くようになります。

設定が見つからない場合の確認ポイント

「新しいタブで開く」が見当たらない場合は、以下を確認してください。

  • ボタンブロック自体を選択しているか
  • ボタンの文字ではなく、枠全体をクリックしているか
  • 右側が「ドキュメント」ではなく「ブロック」タブになっているか

多くの場合、
ブロック未選択が原因です。

新しいタブで開くべきリンク・開かなくてよいリンク

新しいタブがおすすめ

同じタブがおすすめ

  • サイト内の固定ページ
  • ブログ記事
  • お問い合わせページ

使い分けることで、
ユーザーが迷いにくくなります。

よくある勘違い

  • ボタンはテキストリンクと設定が違う
    → ❌ 同じ考え方でOK
  • HTMLを書かないと設定できない
    → ❌ WordPress標準機能で可能
  • 一度設定すると全部のボタンに反映される
    → ❌ ページごと・ボタンごとに設定

うまく動かないときのチェック

  • 更新・公開を忘れていないか
  • キャッシュが残っていないか
  • 実際の表示画面でクリック確認したか

※ 編集画面では分かりにくい場合があります。

まとめ

WordPressのボタンブロックでは、

  • リンクを新しいタブで開く設定が可能
  • プラグイン不要
  • 外部リンクでは特に有効

という点を覚えておくと安心です。

ボタンは目立つ分、
挙動がユーザー体験に直結します。用途に応じて、タブの開き方を使い分けましょう。

バリューネット的補足

この設定、
その場で解決して終わりがちですが、ブログにしておくと後から必ず役に立ちます。

特に、

  • 外部予約
  • LINE
  • PDF

を使っているサイトでは、年に一度は必ず聞かれる内容です。

Get a Free Quote and Consultation

無料見積り・無料相談

「具体的な相談内容が決まっていない」という方も歓迎です
スタッフが丁寧にヒアリングさせていただきます
無理な営業は一切ありませんのでご安心下さい

公式LINE(認証済):@940dyohb
(友だち追加 → 検索 → ID入力で見つかります)

メール・お電話、どちらでもご相談いただけます
ご都合の良い方法でお気軽にお問い合わせ下さい