Cara Membuat Button Link New Tab di WordPress (WP)

Membuat Button Link New Tab di Wordpress dapat dilakukan dengan cepat dan mudah. Berikut ini caranya.

Pada update versi 5.0, WordPress menyediakan block editor terbaru ,yang dinamakan Gutenberg. Dimana block editor ini, menggantikan versi lamanya yang bernama Classic Editor. Terdapat berbagai macam fitur terbaru yang terdapat pada Gutenberg. Salah satunya, yaitu kita bisa membuat tombol atau button, di dalam postingan artikel atau halaman.

Tidak hanya sekedar membuat saja ,kita juga bisa mengkustomisasi warna ,dan gaya tombol seperti yang kita mau.

Namun, ada satu masalah , yang terdapat pada fitur ini. Yaitu tidak adanya opsi untuk mengaktifkan Open in New Tab , ketika kita membuat link tautan pada button atau tombol.

Sehingga , ketika kita memposting artikel , lalu terdapat tombol atau button yang kita buat , pengunjung yang mengklik akan pergi ke dari blog atau situs web kita. Ini bisa mengakibatkan, meningkatnya bounce rate terhadap blog kita.

Untuk itu kita bisa lakukan secara manual, lewat beberapa langkah yang dijelaskan pada artikel teknoding kali ini. Selengkapnya , berikut mari kita simak lebih lanjut :

Berikut Langkah-Langkah Membuat Button/Tombol Open In New Tab

  • Pertama-tama kalian pergi ke menu Posts , jika ingin membuat postingan artikel baru. Pilih menu Pages, jika ingin membuat halaman baru.
  • Pada block editor pilih tombol Add Block , yang ditandai dengan tanda plus (+) . Lalu kalian pilih tab Layout Element > Button.
Add Block Layout Elements Button WordPress
Add Block > Layout Elements > Button
  • Selanjutnya , kalian sesuaikan textnya , seperti yang kalian mau. Serta tambahkan link pada kolom yang disediakan.
  • Sebagai contoh, kalian bisa membuat button atau tombol download.
Membuat Tombol Download di WordPress
Membuat Tombol Download di WordPress
  • JIka sudah , lalu kalian pilih menu options yang ditandai dengan 3 titik. Seperti yang kalian lihat pada gambar di atas.
  • Kemudian pilih Edit as HTML.
Edit as HTML Buttton WordPress
Edit as HTML
  • Kalian tambahkan baris kode “target=”_blank” , setelah url. Seperti pada gambar di bawah :
Menambahkan baris kode setelah url new link open target blank di tombol button wordpress
Menambahkan baris kode setelah url
  • Jika sudah , kalian klik di area manapun. Setelah itu akan muncul seperti ini :
This block contains unexcpected or invalid content
This block contains unexcpected or invalid content
  • Kalian biarkan saja, peringatan warning tersebut. Kalian tinggal test atau uji coba, dengan menekan tombol Preview di pojok kanan atas.
  • Oh iya , jika kalian ingin mengkustomisasi button atau tombol , kalian bisa atur settinganya , di bagian sidebar kanan.
Lihat Juga:  7+ Cara Menghapus Tema di WordPress dengan Mudah (WP)

Selain tombol atau button, kalian juga bisa membuat link tautan pada gambar di WordPress.

Cara Membuat Link Open In New Tab WordPress

  • Pertama-tama seperti biasa , kalian pergi ke menu Posts di menu admin, jika ingin membuat postingan artikel baru.
  • Pilih menu Pages, jika ingin membuat halaman baru.
  • Lalu kalian ketikan sesuatu , apapaun itu.
Membuat Custom Hyperlink Tautan di block editor WordPress
Membuat Custom Hyperlink Tautan
  • Kalian drag text atau kalimat tersebut , lalu pilih icon link di atasnya. Seperti yang ditandai kotak merah , pada gambar di atas.
  • Atau kalian juga bisa langsung menggunakan kombinasi tombol Ctrl + K.
Cara Membuat Link Tautan di WordPress
Menambahkan URL dan Open in New Tab.
  • Selanjutnya , kalian tambahkan url , pada kolom yang sudah disediakan.
  • Agar pengunjung , pada blog atau website kalian , tidak pergi. Kalian aktfikan fitur toggle button Open in New Tab.
  • Sehingga , ketika visitor atau pengunjung mengklik tautan tersebut , akan otomatis membuka tab baru, pada browser yang sedang digunakan.
  • Hasilnya , text atau tulisan kalian akan berwarna biru, ketika diberi URL
  • Kalian bisa edit url yang telah dimasukan, dengan memilih icon Edit, dengan mengklik link tautan lagi. Seperti pada gambar di bawah :
Edit URL custom hyperlink tautan wordpress
Edit URL link tautan

Setelah itu jika sudah, kalian bisa test uji coba. Apakah sudah berjalan dengan baik atau tidak.

Demikian artikel tentang Cara Membuat Tombol atau Button Link New Tab di WordPress. Semoga bisa membantu kalian. Terima Kasih.

flash sale shopee
✅Biar Gak Kudet alias Kurang Update, Mending langganan GRATIS channel Telegram Teknoding.com di sini, dan dapetin ilmu gratis setiap harinya, atau bisa ikuti kami di Google News.

  Artikel Terkait

cara daftar google news

9+ Cara Daftar Google News untuk Blogger WordPress (WP)

cara mengganti foto profil wordpress

7+ Cara Mengganti Foto Profil di WordPress (Terbaru)

cara setting bunnycdn blog wordpress

3+ Cara Setting BunnyCDN di WordPress Paling Mudah

Fathurrahman

Tech Enthusiast dan Blogger berpengalaman menulis sejak 2014, dengan background Ilmu Komputer. Sangat menyukai hal-hal tentang teknologi komputer, internet, dan HP Android, main game. Senang berbagi informasi gratis dan berguna untuk semua orang, lewat Teknoding.com. Connect me: Instagram