Tips dan TrikTutorialWordPress

Membuat Link Terbuka di Tab Baru Pada Wordpress Secara Otomatis

Apakah Anda ingin mengatur tautan di situs WordPress Anda agar terbuka di tab baru? Mungkin Anda juga ingin membuat pengecualian agar tautan dari domain utama tetap membuka di tab saat ini. Dalam artikel ini, kami akan memberikan panduan langkah demi langkah untuk mencapai itu.

 

Kode Sederhana

<a href="https://ekatalendra.com/" target="_blank">Ekatalendra</a>

hanya menambahkan atribut target=”blank” dalam HTML Link.

 

Semua Tautan Terbuka di Tab Baru

Tambahkan kode fungsi berikut ke dalam file ‘functions.php’ :

function auto_blank_target($content) {
    // Mencari semua tautan dalam konten
    $pattern = '/<a(.*?)>/i';
    $replacement = '<a$1 target="_blank" rel="noopener">';
    $content = preg_replace($pattern, $replacement, $content);

    return $content;
}
add_filter('the_content', 'auto_blank_target');

Penjelasan tentang kode di atas:

  1. Fungsi ‘auto_blank_target’ didefinisikan dengan parameter ‘$content’ yang berisi konten posting atau halaman di WordPress.
  2. Dalam fungsi tersebut, kita menggunakan fungsi ‘preg_replace’ untuk mencari semua tag tautan (‘<a>’) dalam konten dan menambahkan atribut ‘target=”_blank” rel=”noopener”‘ ke dalam tag tersebut.
  3. Filter ‘the_content’ digunakan untuk menerapkan fungsi ‘auto_blank_target’ pada konten sebelum ditampilkan di halaman.

 

Semua Tautan Terbuka di Tab Baru kecuali Domain Utama

Tambahkan kode fungsi berikut ke dalam file ‘functions.php’ :

Advertisements
function auto_blank_target_except_home($content) {
    // Mencari semua tautan dalam konten
    $pattern = '/<a(.*?)>/i';
    $replacement = '<a$1 target="_blank" rel="noopener">';
    $content = preg_replace($pattern, $replacement, $content);

    // Mendapatkan URL domain utama situs
    $home_url = parse_url(home_url(), PHP_URL_HOST);

    // Mengubah target tautan yang berasal dari domain utama menjadi "_self" (buka di tab saat ini)
    $pattern = '/<a([^>]*)href=["\'](https?:\/\/(?:www\.)?' . preg_quote($home_url, '/') . '.*?)["\'](.*?)>/i';
    $replacement = '<a$1href=$2$3>';
    $content = preg_replace($pattern, $replacement, $content);

    return $content;
}
add_filter('the_content', 'auto_blank_target_except_home');

Penjelasan tentang kode di atas:

  1. Fungsi ‘auto_blank_target_except_home’ didefinisikan dengan parameter ‘$content’ yang berisi konten posting atau halaman di WordPress.
  2. Dalam fungsi tersebut, kita menggunakan fungsi ‘preg_replace’ untuk mencari semua tag tautan (‘<a>’) dalam konten dan menambahkan atribut ‘target=”_blank” rel=”noopener”‘ ke dalam tag tersebut.
  3. Kemudian, kita menggunakan fungsi ‘parse_url’ untuk mendapatkan URL domain utama situs WordPress.
  4. Selanjutnya, kita menggunakan ‘preg_replace’ lagi untuk mengubah target tautan yang berasal dari domain utama situs menjadi “_self” (buka di tab saat ini) daripada “_blank”.
  5. Filter ‘the_content’ digunakan untuk menerapkan fungsi ‘auto_blank_target_except_home’ pada konten sebelum ditampilkan di halaman.

Dengan mengikuti panduan di atas, Anda dapat dengan mudah membuat tautan di situs WordPress Anda terbuka di tab baru, dengan pengecualian untuk tautan dari domain utama. Hal ini akan memungkinkan pengunjung situs Anda menjelajahi tautan eksternal tanpa harus meninggalkan halaman situs utama.

Pastikan untuk menyimpan perubahan pada file ‘functions.php’ dengan hati-hati dan periksa kembali situs WordPress Anda untuk memastikan bahwa tautan berfungsi sesuai yang diharapkan.

499 kata telah ditemukan dalam artikel ini

Eliyanto Sarage

Every project has a unique story behind it, from the initial concept to the stunning final result.

Artikel Terkait

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
Back to top button
Close

Adblock Terdeteksi

Untuk pengalaman terbaik di situs kami, kami sarankan untuk menonaktifkan AdBlock. Klik di sini untuk panduan singkat. Terima kasih!