WordPressの投稿で、画像にリンクを設定し、新しいタブでリンクを開くようにする

テック

WordPressの投稿で、画像にリンクを設定し、新しいタブでリンクを開くようにするためには、以下の手順で設定が可能です。JavaScriptを変更せず、WordPressのビジュアルエディタで設定を行います。

ビジュアルエディタで画像にリンクを設定し、新しいタブでリンクを開くようにする

手順:

  1. 画像を投稿に挿入
    投稿画面のビジュアルエディタで「メディアを追加」ボタンをクリックし、画像を挿入します。
  2. 画像にリンクを設定
    • 挿入した画像をクリックすると、画像の上に小さなツールバーが表示されます。
    • その中の「リンクの編集」アイコン(リンクの鎖のようなアイコン)をクリックします。
    • リンク先のURLを入力します(または既に設定されている場合はそのままでOKです)。正しいURLを入力しないと次の設定が行えません。
  3. 「新しいタブで開く」をONにする
    • 「リンクの編集」ウィンドウが表示されたら、右端にある小さな「歯車」アイコン(リンクオプション)をクリックします。
    • リンクオプションウィンドウが開いたら、「新しいタブで開く」というチェックボックスが表示されます。
    • このチェックボックスにチェックを入れます。
      link-new-tab
  4. 設定を保存
    設定が完了したら「保存」をクリックして、リンクの設定を保存します。


    これで、新しいタブでリンクが開かれるようになります。特にJavaScriptの変更などは不要で、簡単にWordPressの投稿画面上で設定できます。

ブロックエディタ(Gutenberg)を使用している場合、画像をブロックで挿入し、新しいタブでリンクを開く

手順:

  1. 画像をブロックとして挿入
    • 投稿画面で「+」アイコンをクリックし、「画像」ブロックを選択して画像を挿入します。
    • もしくは、画像をドラッグ&ドロップで直接投稿エディタに挿入します。
  2. 画像にリンクを設定
    • 挿入した画像ブロックをクリックして選択します。
    • 右側の「ブロック」設定パネルが表示されます(表示されていない場合は右上のアイコンをクリックして「ブロック」設定を開きます)。
    • 設定パネル内で「リンク設定」のセクションを見つけ、「リンク先」を設定します。
  3. 「新しいタブで開く」をONにする
    • 「リンク設定」内で、「新しいタブで開く」というオプションが表示される場合があります。これにONにします。
    注意: もし「新しいタブで開く」オプションが見当たらない場合は、テーマやプラグインの設定により異なることがあります。その場合は、以下の手順を試してみてください。
    • 「詳細設定」から:
      • 同じ「ブロック」設定パネル内で「詳細設定」セクションを見つけます。
      • そこに「新しいタブで開く」オプションがある場合、ONにします。
        link-popup-setting1link-popup-setting2
  4. 設定を保存
    設定が完了したら、「公開」または「更新」ボタンをクリックして投稿を保存します。

    これで、画像をクリックした際に新しいタブでリンクが開くようになります。ブロックエディタでは、設定が簡単に行えるため、特に直感的に操作できると思います。

コメント

タイトルとURLをコピーしました