Cara Menggunakan Blok Tombol WordPress

Diterbitkan: 2021-08-29

Tombol-tombol di situs web Anda memainkan peran penting dalam penampilan dan kegunaannya. Mereka membantu pengunjung bernavigasi di halaman yang berbeda, dan memudahkan mereka untuk melakukan tindakan penting (seperti mengunduh konten atau berlangganan buletin Anda). Sangat penting bahwa Anda memiliki cara yang sederhana namun efektif untuk memasukkan dan menyesuaikan elemen penting ini. Untungnya, blok Tombol WordPress dapat membantu.

Dalam posting ini, kami akan menjelaskan cara menambahkan blok Tombol WordPress ke posting dan halaman Anda, serta cara menggunakannya. Kami akan membahas setiap pengaturan dan opsi konfigurasinya, dan memberi Anda beberapa tip terbaik untuk menggunakan blok secara efektif. Kemudian kita akan mengakhirinya dengan menjawab beberapa pertanyaan yang sering diajukan.

Mari kita mulai!

Berlangganan Saluran Youtube Kami

Cara Menambahkan Blok Tombol ke Postingan atau Halaman Anda

Untuk menambahkan tombol ke konten WordPress Anda, pertama-tama navigasikan ke posting atau halaman tempat Anda ingin menyisipkannya. Selanjutnya klik pada ikon Add block (1), cari “buttons” di kolom teks, dan pilih opsi Buttons (2):

Menambahkan blok Tombol di WordPress.

Anda juga dapat menambahkan blok Buttons dengan mengetikkan “/buttons” ke dalam editor teks, dan menekan tombol Enter pada keyboard Anda. Setelah memasukkan blok, Anda akan mendapatkan akses ke menu toolbar baru, yang akan kita bahas di bawah.

Tombol Blok Pengaturan dan Opsi

Setiap blok WordPress dilengkapi dengan set kontrol dan opsi konfigurasinya sendiri. Saat menambahkan tombol, ada beberapa opsi untuk menautkan, menyelaraskan, dan menatanya. Kita akan mulai dengan menjelajahi pengaturan teks dan tautan.

Teks dan Tautan

Saat Anda pertama kali memasukkan blok Buttons , tombol default akan ditambahkan dengan konten placeholder:

Opsi 'tambahkan teks' pada blok Tombol WordPress.

Saat Anda mengklik bidang teks, Anda dapat mengubah teks menjadi apa pun yang Anda inginkan untuk diucapkan oleh tombol tersebut. Misalnya, Anda dapat menambahkan Ajakan Bertindak (CTA) seperti “Pelajari Lebih Lanjut”.

Opsi bilah alat kedua adalah ikon tautan, yang dapat Anda gunakan untuk menentukan ke mana tombol akan mengarahkan pengguna:

Menautkan blok tombol WordPress.

Anda dapat mencari halaman internal yang ingin Anda tautkan dengan mengetik di bidang teks. Anda juga dapat memasukkan atau menyalin/menempelkan URL halaman eksternal. Kemudian Anda dapat memilih ikon panah atau menekan Enter untuk memasukkan tautan Anda.

Perhatikan bahwa Anda juga dapat mengaktifkan opsi Buka di tab baru . Ini akan menentukan apakah pengguna dibawa ke halaman baru dalam jendela yang sama, atau di tab baru.

Pemformatan Tombol

Setelah Anda menambahkan teks tombol dan menautkannya ke halaman tujuan yang tepat, Anda dapat mulai memformat dan menyesuaikannya. Pertama, Anda dapat memilih untuk menebalkan atau memiringkan teks tombol, menggunakan ikon masing-masing di sepanjang bilah alat:

Opsi pemformatan blok Tombol.

Jika Anda mengklik panah bawah, Anda juga akan melihat beberapa opsi tambahan. Misalnya, Anda dapat mengubah warna teks, dan menyertakan teks subskrip atau superskrip.

Gaya, Tipografi, dan Warna

Langkah terakhir dalam menyesuaikan tombol Anda adalah memilih gaya, tipografi, dan warnanya. Anda dapat melakukan ini semua menggunakan kontrol di menu bilah sisi blok:

Opsi untuk menata Tombol di WordPress.

Dua opsi gaya yang Anda miliki adalah Fill dan Outline . Fill akan membuat tombol berwarna solid, sedangkan Outline akan memberikan tombol transparan dengan batas berwarna opsional. Anda dapat menentukan pilihan dengan mengeklik ikon dengan pratinjau, atau memilih tampilan yang diinginkan dari menu tarik-turun Gaya Default .

Selanjutnya, di bawah bagian Tipografi , Anda dapat memilih ukuran font untuk teks tombol Anda:

Menu ukuran font Tombol WordPress.

Pilihannya berkisar dari Ekstra kecil hingga Raksasa . Anda juga dapat memasukkan ukuran khusus.

Di panel Warna , Anda dapat menemukan opsi untuk mengubah warna teks dan tombol. Untuk keduanya, Anda dapat memilih dari daftar opsi yang tersedia atau memilih warna khusus:

Tombol WordPress memblokir opsi warna.

Perhatikan bahwa untuk warna latar belakang Anda, Anda dapat memilih antara Solid atau Gradient :

Pengaturan warna pada blok Tombol WordPress.

Jika Anda memilih Gradient , Anda dapat memilih dari berbagai warna transisi campuran. Anda dapat menggunakan penggeser warna untuk menentukan prevalensi setiap warna, serta arah gradien.

Kiat dan Praktik Terbaik untuk Menggunakan Blok Tombol Secara Efektif

Ada banyak cara Anda dapat menggunakan tombol di situs WordPress Anda, meskipun tombol tersebut paling sering digunakan sebagai CTA. Ini dapat mencakup tombol yang mendorong pengunjung untuk:

  • Baca/Pelajari Lebih Lanjut
  • Beli sekarang
  • Unduh
  • Masukkan ke keranjang
  • Pesan sekarang

Saat Anda membuat CTA, atau jenis tombol penting lainnya, penting untuk memastikannya menonjol di halaman. Jika tidak, pengunjung Anda mungkin mengabaikannya, dan Anda mungkin tidak mendapatkan tingkat keterlibatan atau konversi yang Anda tuju.

Oleh karena itu, kami sarankan untuk memanfaatkan opsi gaya tombol bawaan WordPress saat memasukkannya ke dalam posting dan halaman Anda. Misalnya, mengubah warna latar belakang tombol menjadi bayangan yang memiliki kontras tinggi dengan latar belakang tema Anda dapat membuatnya lebih dapat dibedakan.

Juga, pintar untuk menjadi strategis tentang penempatan tombol Anda. Biasanya, masuk akal untuk menempatkannya di suatu tempat di halaman di mana mata pengunjung Anda akan jatuh secara alami. Misalnya, Anda dapat menambahkan tombol di akhir entri blog, saat Anda siap mengarahkan pengguna ke halaman baru.

Bergantung pada tujuan tombol Anda, mungkin juga masuk akal untuk menambahkannya di bilah sisi sehingga selalu terlihat saat pengguna menjelajahi situs Anda. Ini adalah ide yang sangat bagus jika Anda membuat tombol Kontak atau Berlangganan .

Pertanyaan yang Sering Diajukan Tentang Blok Tombol

Sekarang, Anda mungkin memiliki pemahaman yang kuat tentang apa itu blok Buttons dan bagaimana menggunakannya. Namun, untuk memastikan bahwa kita telah membahas semua informasi penting, mari kita tinjau beberapa pertanyaan yang paling sering diajukan tentang blok ini.

Di mana Saya Menemukan Blok Tombol di WordPress?

Anda dapat menemukan blok ini dengan menavigasi ke pos atau halaman (atau area widget) tempat Anda ingin menambahkan tombol. Selanjutnya, Anda dapat mencari “/buttons” dan tekan Enter , atau klik ikon Add block dan cari “buttons” di kolom teks.

Apa yang Dilakukan Tombol Posting dan Blok Halaman?

Blok Buttons memungkinkan Anda menautkan ke halaman internal dan eksternal dengan cara yang berbeda secara visual. Anda dapat menyisipkan tombol yang mengarahkan pengunjung ke konten lain di situs web Anda atau situs pihak ketiga, dan menyesuaikannya agar terlihat persis seperti yang Anda inginkan.

Di mana Saya Dapat Menambahkan Blok Tombol di WordPress?

Anda dapat menambahkan tombol pada setiap posting dan halaman Anda. Terlebih lagi, Anda dapat menyisipkannya di mana pun Anda memiliki akses ke Editor Blok. Misalnya, ini berarti Anda dapat sering menyisipkan tombol di footer atau sidebar Anda (bergantung pada opsi tema Anda).

Kesimpulan

Tombol adalah elemen penting dari desain web yang efektif. Mereka memandu pengunjung Anda ke mana mereka ingin pergi, dan membantu Anda meningkatkan keterlibatan dan konversi. Oleh karena itu, penting untuk memiliki cara menyisipkan dan mengeditnya dengan cepat dan lancar di seluruh situs Anda.

Seperti yang Anda ketahui sekarang, blok Buttons dapat membuat penambahan elemen-elemen ini ke situs Anda secara signifikan lebih mudah. Setelah Anda memasukkan blok, Anda dapat menggunakan pengaturan dan kontrol untuk menyesuaikan tampilannya, dan menentukan ke mana pengunjung akan dikirim ketika mereka mengkliknya. Anda bahkan dapat menambahkan tombol khusus ke blok yang dapat digunakan kembali, sehingga Anda dapat menggunakannya berulang kali di seluruh situs Anda.

Apakah Anda memiliki pertanyaan tentang penggunaan blok Tombol ? Beri tahu kami di bagian komentar di bawah!

Gambar Unggulan melalui RobinKhan / shutterstock