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.
- Selanjutnya , kalian sesuaikan textnya , seperti yang kalian mau. Serta tambahkan link pada kolom yang disediakan.
- Sebagai contoh, kalian bisa membuat button atau tombol download.
- 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.
- Kalian tambahkan baris kode “target=”_blank” , setelah url. Seperti pada gambar di bawah :
- Jika sudah , kalian klik di area manapun. Setelah itu akan muncul seperti ini :
- 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.
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.
- 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.
- 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 :
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.
