Fathurrahman Seorang blogger biasa ,yang baru menyukai teknologi Wordpress. Serta senang belajar teknologi komputer dan internet. Moto :" Keep Learning , Keep Contribute"

Membuat Button Link New Tab di WordPress

1 min read

cara membuat menambahkan button tombol link open new tab di wordpress

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.

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

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

Fathurrahman Seorang blogger biasa ,yang baru menyukai teknologi Wordpress. Serta senang belajar teknologi komputer dan internet. Moto :" Keep Learning , Keep Contribute"

Leave a Reply

Your email address will not be published. Required fields are marked *