Jika Anda seperti kebanyakan blogger pemula dan bahkan menengah, maka Anda pasti tidak memiliki pengetahuan tentang HTML/CSS. Banyak blogger (seperti saya) lebih suka menggunakan plugin yang memungkinkan mereka untuk menambahkan tombol ke posting atau halaman mereka menggunakan shortcode. Tetapi kode pendek ini - kode pendek - sulit untuk diingat dan sulit untuk dikonfigurasi.

Pada artikel ini, kami akan menunjukkan cara untuk menambahkan tombol WordPress tanpa menggunakan kode pendek.

Jika Anda baru mengenal dunia WordPress, temukan Bagaimana menginstal sebuah blog WordPress langkah 7

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan Plugin « Lupakan Tentang Buttons pendek '.

Setelah Anda mengaktifkan ini Plugin, Anda hanya perlu membuat publikasi baru atau ubah yang sudah ada, dan Anda akan melihat tombol baru di editor Visual dengan judul « Masukkan Tombol » (Tambahan tombol).

FASB-editorbutton

Untuk memasukkan tombol baru ke publikasi atau halaman Anda, Anda harus mengklik tombol itu Masukkan tombol. Ini akan memunculkan jendela di mana Anda dapat merancang tombol baru Anda.

designyourbutton

Yang perlu Anda lakukan hanyalah menambahkan teks tombol dan url, lalu pilih teks dan warna latar belakang. Kemudian klik menu drop-down dari opsi tersebut "Ketik"Untuk memilih bentuk tombol Anda. Anda juga dapat memilih ukuran tombol.

Lengkapi pengetahuan Anda dengan menemukan Cara menggunakan dan mengelola shortcode WordPress

Jika Anda mengklik tab « icon », maka Anda akan dapat melihat ikon yang dapat Anda tambahkan sebelum atau sesudah teks tombol Anda. Ces ikon lebih tepatnya ikon-font.

buttonswithicons

Selama proses pembuatan tombol, Anda akan dapat melihat pratinjau waktu nyata dari setiap perubahan Anda. Setelah Anda puas dengan tampilannya, cukup klik menyisipkan.

Lihatlah artikel ini dan kagumi Bagaimana meningkatkan desain item WordPress Anda dengan shortcode gratis

Anda juga dapat memilih metode perataan dari editor untuk menyelaraskan tombol ke tengah, kiri atau kanan. Klik dua kali tombol tersebut untuk memunculkan jendela edit tombol, dan Anda dapat mengedit tombol tersebut jika Anda mau.

Pada level ini, Anda sekarang memiliki opsi untuk menambahkan tombol ke WordPress tanpa menggunakan kode pendek. Tetapi sebelum meninggalkan Anda, kami sarankan Anda berkonsultasi dengan dua plugin WordPress premium yang memungkinkan Anda mengelola kode pendek secara efisien.

1. Pembuat Halaman WPBakery

WPBakery Page Builder, sebelumnya dikenal sebagai Visual Composer, adalah pembuat halaman premium dan sangat populer lainnya. Sebagian besar popularitas ini berasal dari fakta bahwa WPBakery Page Builder hadir dengan hampir 99% dari Tema WordPress oleh ThemeForest. Tetapi faktanya tetap bahwa itu digunakan pada sejumlah besar situs web.

wp pembuat halaman roti e1544277016913
Seperti Divi Builder, WPBakery Page Builder memungkinkan Anda mengedit visual dan mengedit back-end. Dibandingkan dengan sesuatu seperti Elementor atau Divi Builder, opsi gaya WPBakery Page Builder agak terbatas. Anda memiliki kontrol yang baik atas garis, tetapi opsi gaya untuk masing-masing elemen sedikit lebih terbatas.

Jika Anda ingin menggunakan CSS Anda sendiri, Anda bisa menambahkan kelas atau ID CSS khusus ke elemen individual, atau Anda bisa menambahkan gaya aktual ke tingkat halaman.

Saya tidak yakin bahwa WPBakery Page Builder memiliki fitur unik yang sangat penting. Tapi yang dia miliki adalah komunitas ekstensi yang sangat besar. Seperti Divi Builder, WPBakery Page Builder meninggalkan banyak kode pendek di konten Anda jika Anda menonaktifkannya. Temukan tutorialnya

Download | Demo | Hébergement Web

2. Divi Builder

Divi Builder adalah pembuat halaman berkualitas tinggi yang diberi peringkat tinggi oleh Tema Elegan. Meskipun biasanya digunakan sebagai bagian dari tema Divi WordPress, Divi Builder juga merupakan plugin mandiri yang dapat Anda gunakan di lain Tema WordPress.

divi e1544278044306

Tidak seperti dua pembangun sebelumnya, Divi Builder memungkinkan Anda untuk mengedit konten Anda menggunakan antarmuka visual di ujung depan serta antarmuka di ujung belakang, meskipun sebagian besar pengguna lebih suka antarmuka pertama. .

Pada dasarnya, bukan sidebar, semuanya ada di popup dan tombol mengambang. Ini memberi Anda akses ke 316 templat pra-desain yang tersebar di 40 paket presentasi yang berbeda, serta kemampuan untuk menyimpan desain Anda sendiri sebagai templat.

Salah satu sifat Divi selalu menjadi kontrol gaya yang dia berikan kepada Anda. Pada tiga tab berbeda, Anda dapat mengonfigurasi berbagai pengaturan, termasuk kontrol responsif, spasi yang dapat disesuaikan, dan lainnya.

Anda bahkan dapat menambahkan CSS khusus, karena editor CSS-nya menyertakan validasi dasar dan penyelesaian otomatis. Salah satu kritik dari Divi Builder adalah selalu mengandalkan kode pendek. Yang berarti jika Anda mematikannya, itu akan meninggalkan banyak kode pendek di konten Anda. Meskipun ini agak membuat depresi, sekarang ini bukan masalah karena plugin seperti Shortcode Cleaner ada. 

Download | Demo | Hébergement Web

Sumber daya lain yang direkomendasikan

Lebih jauh dalam menguasai situs web WordPress Anda dengan juga berkonsultasi dengan sumber daya yang direkomendasikan ini.

Kesimpulan

Itu dia! Kami harap artikel ini akan membantu Anda menambahkan tombol WordPress tanpa menggunakan kode pendek. Jika Anda memiliki saran atau komentar, mereka akan diterima.

Kami juga mengundang Anda untuk berkonsultasi dengan kami sumber daya jika Anda seorang blogger pemula. Tapi, nKami mendesak Anda untuk melakukannya bagikan artikel ini di berbagai jejaring sosial Anda.

...