Bagaimana untuk menambah butang dalam editor WordPress [tutorial]

Mengapa blok butang WordPress sangat penting?

Navigasi di laman web adalah penting untuk pelawat dan pelanggan. Kami mahu menghantarnya dari satu subhalaman lebih jauh. Bimbing mereka melalui keseluruhan proses membeli-belah. Itulah sebabnya penting untuk memasukkan pautan penting di dalam kandungan halaman dengan betul.

Pada asasnya kita mempunyai 2 pilihan. Gunakan pautan atau butang standard. Pendapat tentang masa untuk menggunakan pilihan pertama dan kemudian adalah pelbagai. Selalunya pada satu halaman terdapat berbilang tindakan yang mungkin. Kita perlu pastikan yang mana satu primer dan yang mana satu sekunder. Kami mengesyorkan anda menggunakan butang hanya untuk tindakan utama. Dengan cara itu anda mencapai keterlihatan yang lebih besar bagi tindakan utama ini. Anda akan menumpukan perhatian pelawat kepada tindakan ini. Kami juga boleh memanggilnya butang seruan tindak. Jangan buat terlalu banyak butang pada satu subhalaman.

Apakah fungsi butang utama?

• Butang boleh menarik perhatian pelawat – seruan untuk bertindak
• Mereka memisahkan halaman atau kandungan siaran dan menjadikannya lebih mudah dibaca
• Bantuan dengan orientasi pada halaman. Ramai pelawat hanya mengimbas halaman secara visual dengan mata mereka
• Navigasi pelawat ke halaman lain menggunakan hiperpautan

Terdapat banyak parameter yang menentukan kejayaan butang. Yang penting adalah contohnya saiz, peletakan atau warna butang. Ia perlu mengikut prinsip UI dan UX standard. Warna hijau digunakan untuk butang dengan tindakan positif contohnya untuk membeli sesuatu. Warna merah adalah untuk warna negatif – contohnya untuk berhenti melanggan surat berita. Butang yang direka bentuk dengan betul dengan cara itu secara langsung mempengaruhi tindakan pelawat.

Menambah butang pada mana-mana Halaman atau Catatan dalam WordPress

Situasi sebelum WordPress 5

Menambah butang adalah proses yang agak rumit sebelum editor Blok WordPress dicipta. Kerana ciri ini bukan secara semula jadi dalam WordPress. Anda boleh menggunakan tema dengan Pembina Halaman atau pemalam pihak ketiga. Kod pendek mencipta butang dalam kes ini.

Dalam tema WordPress lama kami, anda boleh menambah butang menggunakan kod pendek dalam editor visual. Selepas mengklik pada Masukkan Kod Pendek -> Butang anda boleh menetapkan pelbagai tetapan dalam tetingkap modal. Teks, warna teks, warna butang, url, penjajaran dan sebagainya. Terima kasih kepada tetapan lanjutan ini, anda boleh menambah butang dengan mudah dan pantas tanpa sebarang pengaturcaraan.

Bagaimana untuk menggunakan blok Butang dalam editor WordPress?

Terima kasih kepada WordPress 5 terdapat cara kedua. Lebih mudah. Editor visual WordPress membawa banyak blok berguna. Untuk membuat butang di tapak web anda kini boleh menggunakan blok Butang WordPress dalam editor.

Panduan langkah demi langkah cara menambah butang dalam editor WordPress

1. Pada mulanya anda perlu memutuskan di mana anda ingin memasukkan butang
2. Blok butang boleh ditambah dengan pelbagai cara:
– dengan mengklik pada “+” di bar atas atau di mana-mana dalam editor blok tempat anda memilih Blok butang

- anda juga boleh mencari mana-mana blok menggunakan bar carian, hanya tulis "butang"

– dengan menaip "/" yang memberi anda akses kepada semua blok yang tersedia

3. Blok Butang yang dibuat boleh dikonfigurasikan lagi

Tambah teks butang dan alamat URL

Sebaik sahaja butang Sekat WordPress dicipta, anda boleh menaip teks di dalamnya. Ingat bahawa untuk butang seruan tindakan adalah lebih baik menggunakan teks pendek dengan mesej yang jelas. Anda boleh menetapkan teks menjadi tebal, condong atau bergaris bawah. Semua perubahan ini boleh dibuat dengan mengklik pada bar alat. Anda juga boleh menjajarkan butang ke sisi atau tengahkannya.

Butang biasanya menghala ke halaman lain atau tapak web luaran. Atas sebab itu betul-betul di bawahnya terdapat input untuk menambah alamat URL. Kelebihannya ialah menambah URL tidak memerlukan pemilihan teks.

Menukar warna butang

Editor baharu membolehkan anda meminda blok butang WordPress dalam beberapa saat. Hanya gunakan tetapan di bar sisi di sebelah kanan. Anda boleh menukar warna latar belakang butang atau warna teks di dalam butang. Terdapat warna asas yang dipratentukan atau anda boleh memilih warna anda sendiri. Semua perubahan kelihatan serta-merta untuk melihat sama ada kombinasi warna adalah baik.

Ciri hebat ialah jika anda memilih kombinasi yang salah contohnya latar belakang kelabu dan warna teks putih editor blok WordPress akan memberi amaran kepada anda bahawa butang tidak boleh dibaca di tapak web anda.

Cari gaya butang anda sendiri

Untuk mencipta atau menukar butang sangat pantas dan tanpa sebarang usaha, anda boleh menggunakan salah satu gaya yang disediakan. Butang boleh ditukar dengan cara itu kepada contohnya bulat, bersempadan atau segi empat tepat. Eksperimen perkara yang paling sesuai dengan gaya atau reka bentuk tapak web anda.

Butang mengedit dengan CSS tersuai

Penyesuaian yang lebih besar boleh dicapai menggunakan kelas CSS tersuai. Dengan cara itu anda boleh menambah gaya CSS dan butang gaya anda sendiri dalam editor WordPress tepat seperti yang anda mahukan.

Seperti yang kita dapat lihat terdapat cara yang lebih mudah daripada menggunakan kod pendek butang. Blok Butang WordPress boleh digunakan dalam mana-mana tema yang serasi dengan Editor Blok WordPress. Baca lebih lanjut mengenai tema WordPress Citadela baharu kami. Ia direka dan dibangunkan khas untuk Editor Blok WordPress.

Petua tambahan pada penghujungnya

Jangan lupa untuk memantau kejayaan blok butang dan butang WordPress anda sendiri. Jika anda menggunakan Google Analitis, anda boleh membuat URL unik. Untuk menjejak klik pelawat anda boleh tambah Parameter Google UTM. URL boleh dibuat menggunakan pembina URL. Menambah parameter membolehkan anda mengenal pasti sumber lawatan. Ia amat berguna jika anda ingin mengetahui dari mana pelawat datang ke halaman beli-belah anda.

Apakah masalah terbesar yang anda hadapi pada masa ini dengan blok butang WordPress? Jom bincang dalam komen di bawah. Kongsi pengalaman anda menggunakan Butang di tapak web.