Cara Menggunakan Widget Kode Pendek Elementor [Panduan Pemula]

Baru-baru ini saya telah beralih ke Elementor sebagai pembuat seret dan lepas saya. Sejak awal, kurva pembelajarannya sangat mudah dan menghibur secara visual – sesuatu yang dapat saya gunakan untuk membuat halaman web sempurna secara visual dengan akurasi yang tepat.

Beberapa hari kemudian ke WordPress Elementor, saya menyadari bahwa saya dapat meningkatkan proses pembangunan sepuluh kali lipat hanya dengan menggunakan 'Elementor Shortcodes.'

Sebagai permulaan, mengoptimalkan situs web untuk membuatnya cepat adalah satu hal dan di sisi lain, membangun situs web dengan cepat dan mudah adalah hal lain. Jadi, mari kita bicara tentang cara menggunakan shortcode Elementor WordPress dengan sangat mudah dan apakah sebaiknya menggunakan shortcode Elementor untuk proyek Anda.

Apa itu Kode Pendek Elementor?

Kode pendek elemen adalah string karakter atau cuplikan yang dapat disalin dan ditempelkan untuk menduplikasi komponen tertentu dari situs web Anda. Dengan kata lain, shortcode adalah tag khusus; sesuatu, ketika dimasukkan, akan menghasilkan komponen yang berbeda setelah Anda melihatnya.

Jika itu terdengar rumit, maka izinkan saya menguraikannya untuk Anda. Pustaka elemen memiliki banyak koleksi widget pra-bangun yang dapat Anda gunakan untuk mempercepat proses pembuatan situs web Anda.

Sekarang, jika Anda terlibat dalam pengembangan dan perlu menduplikasi komponen, maka kode pendek adalah cara terbaik untuk melakukannya dalam hitungan detik.

Pertama, Anda perlu menyalin cuplikan komponen yang dipilih dan menempelkannya di mana pun Anda ingin menduplikasinya.

Misalkan Anda sedang mengerjakan pembuatan formulir yang akan Anda gunakan di halaman lain. Biasanya, Anda akan membuat formulir yang sama persis menggunakan Elementor, dan Anda perlu beberapa menit untuk melakukannya.

Namun, Elementor Template Shortcodes memungkinkan Anda untuk memilih komponen pilihan Anda dari halaman web dan kemudian menduplikasinya di tempat lain.

Itu adalah salah satu penggunaan paling dasar dari kode pendek widget, dan jujur, ada penggunaan yang lebih efisien untuk itu. Jadi, jika Anda sudah berpikir…

Kapan & Bagaimana Cara Menggunakan Kode Pendek Elementor?

Berikut adalah satu kasus kehidupan nyata yang saya temukan paling cocok untuk menggunakan kode pendek Elementor WordPress:

Kode pendek Elementor adalah pilihan ideal untuk menambahkan lebih banyak konten dengan cepat ke situs web Anda jika sebagian dirancang menggunakan Elementor.

Jika Anda ingin menyesuaikan konten lama dan menambahkan widget pra-desain ke halaman Anda, maka saran ahli mengatakan kode pendek adalah cara yang harus dilakukan. Jadi masukkan shortcode untuk template yang Anda inginkan, dan voila!

Ini adalah pilihan terbaik untuk menyuntikkan kode pendek Elementor untuk tweaker. Skenario umum di mana Anda mungkin menemukan situasi ini bekerja pada halaman default dari tema yang dipilih.

Tidak semua tema dirancang menggunakan Elementor, jadi mencoba mengubahnya menjadi halaman web Elementor dapat merusak struktur halaman.

Selain itu, plugin lain yang tidak mendukung Elementor tidak akan memberikan akses untuk mengedit elemen tersebut dan dengan demikian membuat Anda dalam keadaan bencana.

Tapi, jangan khawatir…

Dengan kode pendek Elementor, Anda dapat menambahkan komponen atau elemen baru ke situs web Anda tanpa risiko konflik apa pun dengan pembuat halaman dan/atau plugin lain. Dan selain itu, ini juga memungkinkan Anda untuk menambahkan template khusus Anda sendiri.

Bagaimana Cara Memasang Kode Pendek untuk Elementor?

Memasang kode pendek sangat mudah dan hanya membutuhkan 3 langkah untuk menyelesaikannya. Inilah cara Anda menginstal kode pendek untuk Elementor.

Pengingat lembut – ketiga langkah dalam panduan instalasi ini mengharuskan Anda untuk menginstal Elementor di WordPress. Jadi, jika Anda belum melakukannya sampai sekarang, lakukan dengan cepat dan tinjau kembali langkah-langkahnya nanti.

Ada dua proses dalam panduan instalasi ini – Instalasi Otomatis dan Instalasi Manual

Instalasi Otomatis

1. Buka 'Plugin' dan ikuti ke 'Tambah Baru' dari layar yang sama.
2. Cari Shortcode WordPress untuk Elementor.
3. Instal plugin dan aktifkan.

Instalasi Manual

1. Unduh RS<a href=” #”> Kode Pendek Elementor.
2. Ekstrak file shortcode.zip. File plugin akan berada di dalam direktori bernama rselements-lite.
3. Unggah file plugin ke lokasi instalasi WordPress Anda. Direktori harus seperti ini – /wp-content/plugins/elementor-short-code.
4. Aktifkan plugin dari bagian 'Plugins' di menu WordPress.

Instalasi manual hanyalah contoh dari satu plugin tertentu, dan prosesnya serupa untuk semua plugin yang ingin Anda instal secara manual.

Bagaimana Cara Memasukkan Template Elementor dengan Menggunakan Shortcode?

Inilah cara Anda dapat memasukkan template Elementor yang telah dirancang sebelumnya menggunakan kode pendek. Inilah cara Anda dapat melakukannya. Menuju ke –

WordPress -> Template -> Template Tersimpan

Di sini, Anda akan dapat memeriksa kode pendek untuk setiap widget di perpustakaan. Selain itu, Anda juga dapat membuat template Anda sendiri dan menghasilkan kode pendek yang unik untuk itu.

Setiap templat yang disimpan memiliki kode pendek uniknya sendiri, yang selalu tersedia untuk digunakan di halaman lain.

Misalnya, Anda ingin membuat popup WooCommerce tempat klien Anda dapat melihat status pesanan mereka.

Untuk ini, yang perlu Anda lakukan adalah menarik dan melepas widget popup dari bilah sisi di kanvas Anda. Sekarang, buat kode pendek dari popup asli dan tempel ke popup baru, dan itu akan menghasilkan widget popup yang sama persis dalam waktu singkat.

Sekarang setelah Anda mengetahui tentang kode pendek dan cara kerjanya, Anda mungkin bertanya-tanya apakah Elementor mengubah setiap konten di halaman web menjadi kode pendek? Nah, jika Anda sudah menanyakan itu, inilah jawaban Anda.

Apakah Elementor Memasukkan Konten ke Halaman Web dengan atau tanpa Kode Pendek?

Untuk menghilangkan kebingungan Anda, Elementor tidak memasukkan konten ke dalam halaman web menggunakan kode pendek. Sederhananya, itu tidak mengubah templat menjadi kode pendek unik dan kemudian meletakkannya di halaman web. Inilah alasannya…

Jika Elementor menggunakan kode pendek untuk setiap template yang dihasilkan di perpustakaan, elemen perpustakaannya akan sangat bergantung pada plugin Elementor.

Dan untuk beberapa alasan, jika Anda perlu menghapus Elementor dari daftar plugin yang diinstal untuk halaman web Anda, Anda akan kehilangan semua dukungan untuk komponen perpustakaan Elementor yang ada dan kode pendek terkait dengannya. Seperti itu akan berubah menjadi mimpi buruk mutlak jika itu terjadi.

Tapi tidak demikian halnya dengan Elementor, karena ini menyelesaikan masalah dengan sederhana. Elementor memang menghasilkan kode pendek untuk template yang dipilih yang ingin Anda salin.

Tapi sebelum itu, itu membuat salinan template yang Anda rancang sebagai kode di halaman.

Jadi, lain kali Anda menyalin sesuatu dari satu tempat ke tempat lain, Anda menempelkan kode di belakang. Tetapi secara visual, Anda menggunakan kode pendek untuk melakukannya.

Pembuat halaman sebelumnya biasanya memiliki ketergantungan seperti itu pada plugin dan template tertentu, sehingga sulit untuk menggunakan plugin lain di situs web.

Tapi sekarang, tanpa ketergantungan, Anda dapat dengan mudah mengubah halaman web apakah itu menggunakan pembuat halaman Elementor atau tidak.

Menyimpulkannya

Sekarang, Anda memiliki semua ide yang Anda butuhkan untuk mulai menggunakan kode pendek Elementor di situs WordPress Anda. Selain itu, beberapa kali pertama selalu sedikit membingungkan. Jadi, pastikan untuk melihat beberapa video saat Anda melakukannya untuk memastikan bahwa pembelajaran Anda sempurna.