So I’ve been working (neck deep) in Elementor for about a year now, and as you might expect there’s a ton of things I’ve learnt over that time and a lot I wish I knew 12 months ago that I know now.   As I circle back on my first Elementor sites I cringe at some of the structural and toolset decisions I made but they seemed like the right ones at the time.

Jadi tanpa menunda lagi – mari kita lanjutkan – inilah cara kami membangun situs Elementor saat ini – mulai dari sini adalah permulaan terbaik untuk memulai jika Anda membangun situs web untuk mencari nafkah dan ingin mencoba beralih ke Elementor.

Plugin

Setiap orang pasti punya favorit kan? Ini adalah yang biasa kita gunakan:

• Wordfence – gratis, firewall dasar yang bagus.
• Disable gutenberg - karena tidak berguna
• Search & Replace Yang Lebih Baik – untuk pengkinian dB saat kita cut live atau ganti domain.
• Elementor / Pro – versi pro adalah keharusan – penuh dengan fitur bagus karena versi yang gratis agak merepotkan (fitur pembuat tema, formulir, dan lainnya).
• ElementsKit / Pro – Kita pilih sebagai perangkat untuk membangun. Sebenarnya ada sekitar 4 pilihan – Jetelements/Crocoblock, EssentialAddons, PremiumAddsOns dan mungkin satu atau dua yang lainnya. Tidak masalah yang mana yang Anda gunakan tetapi masing-masing memiliki widget tertentu yang sangat berguna untuk memperluas fitur Elementor default – tip: matikan SEMUA elemen kecuali yang Anda gunakan untuk kinerja terbaik.
• Skin kustom Ele – this is a tool that allows you to create a post repeater (blog, custom post type) repeater object that the ElementorPro “posts” widget will then repeat on any page to create a really nice / flexible post repeater for any post type.   Here’s a blog post on how to do this.
• Skin Kustom Ele Pro – ekstensi pro berguna jika Anda ingin membuat pengulang posting Anda menjadi korsel geser tetapi jika Anda tidak membutuhkannya, versi gratisnya sudah cukup.
• ACF - dukungan bidang khusus pada post type dan posting kustom.
• CPT UI - dukungan post type kustom. ACF plus ini menciptakan banyak kemampuan untuk membuat segala jenis post type kustom dan hampir setiap situs web serius butuhkan. ACF dan CPT UI bekerja dengan sangat baik dengan Elementor Pro dan menyediakan cara yang sangat cepat / fleksibel untuk membangun repeater post dan tata letak kustom dari hampir semua post kustom.
• Sisipkan Header & Footer – plugin sederhana untuk menambahkan skrip tetapi kita menggunakan fitur asli Elementor di sini – kita dapat memasukkan skrip melalui elementor cukup dengan skrip universal untuk menggantikan IH&F.
• Jadikan Seluruh Kolom Dapat Diklik – Kita biasa gunakan untuk memperluas elementor namun karena kurang dapat diandalkan dengan pengulang port maka kita sekarang menggunakan fitur “buat seluruh posting yang dapat diklik” dari Skin Kustom Ele sebagai pengganti (lebih dapat diandalkan).
• Yoast – untuk SEO.

Tema

Kita sudah mencoba banyak tema Elementor tetapi pada akhirnya kita membangun menggunakan Hello Elementor (tema kosong yang sangat kompatibel dengan Elementor – saya menggunakan kontrol Elementor sendiri untuk membuat tema font, warna, tata letak). Saya juga menginstal Hello Elementor Child Theme untuk latihan yang baik – pertahankan perubahan tema saya (yang jarang dan sederhana) di luar arena tema inti.

Kami telah menemukan bahwa Theme Forest “Elementor Template Kits” adalah sekitar setengah harga dari tema wordpress lengkap dan sebagian besar menyediakan satu set tata letak Elementor yang bagus dan lebih baik daripada memilih tema wordpress asli dengan dukungan Elementor karena pencipta tema hanya menyediakan kumpulan pilihan acak.

Dalam kebanyakan kasus kami cenderung hanya membangun fitur asli di Hello Elementor dan akhirnya menghemat banyak waktu – tetapi menyediakan banyak efek animasi halus dan model yang bagus dibagian di mana Elementor Template Kit Theme Forest berguna.

Membangun Proses

Tidak ada yang super unik atau menarik tentang cara kami membangun namun proses dan praktik Elementor yang baik meliputi:

Investasikan waktu untuk menyiapkan font dan warna global Anda sejak awal – warna global “Putih” dan   Warna "Hitam" berguna di atas apa pun warna utama Anda. Atur warna "Utama" Anda menjadi warna utama judul Anda dan pastikan Anda mengatur warna "Teks" Anda sejak awal.

Demikian pula, investasikan waktu dalam mengatur font global Anda dengan benar.

Bersikaplah konsisten untuk SELALU menggunakan font dan gaya global dan membuat penggunaan yang terbatas / sederhana untuk mengganti gaya ini di tata letak halaman Anda. Hindari memiliki 5 varian yang kurang menonjol pada gaya global – kembali ke desainer dan dorong mereka untuk sedikit menstandarisasi jika Anda melihat ini diperlukan.

Tata Nama Heading – Kami beralih dari jenis penamaan umum sederhana “Heading Besar, Heading Sedang, Heading Kecil” ke memberi gaya judul “Heading 1, Heading 2, Heading 3” dll.   Anda dapat menentukan gaya global untuk ini di Elementor > Situs Pengaturan> Tipografi - terapkan ini ke tema yang mendasari H1, H2, H3 dll - area konfigurasi ini adalah tempat tema diambil jika Anda menggunakan editor wordpress yang asli untuk posting blog namun Elementor untuk elemen halaman lainnya.

Menyiapkan gaya tautan Anda di area Tipografi kemungkinan akan berguna karena Anda akan menggunakan widget elementor "Editor Teks" yang mengembalikan gaya tema asli untuk tautan dan semacamnya.

 

Template dan Widget Global – penggunaan kami telah berkembang dari waktu ke waktu dan merupakan praktik yang baik untuk dipelajari dari awal namun sebelumnya – Anda perlu memahaminya untuk benar-benar mendapatkan implikasi penuh karena saya melewatkan belajar di area ini pada awalnya (saya tidak sabar) yang kemudian saya menyadari bahwa saya dapat menggunakan fitur-fitur ini dengan lebih efektif.

Apa yang kita bicarakan? Awalnya kemampuan untuk menyimpan widget yang ditata / disesuaikan sebagai widget global sangat bagus. Menyimpan Bagian berguna dan Menyimpan template halaman juga.

Berikut adalah fitur yang bagus dan template pertama/mudah digunakan yang dapat Anda buat.

Namun bagi kami, kami mengabaikan widget “template” Elementor Pro – dan baru mulai menggunakannya nanti di pembuatan situs.   Widget ini adalah tempat Anda dapat mengambil elemen halaman umum seperti pengulang blog, atau panel testimonial atau hal-hal yang akan Anda gunakan di berbagai tempat di situs – dan alih-alih menyimpannya sebagai template dan hanya menyisipkan salinan di banyak tempat (cepat, mudah) – sebenarnya gunakan widget 'template' elementor untuk menambahkan salinan bagian yang terpusat / tunggal – jadi Anda hanya perlu menyimpannya di satu tempat. Setara dengan Elementor untuk membangun "sistem desain" yang sebenarnya (Figma et al).

Manfaatkan tata letak pembuat tema Elementor dengan benar yaitu tata letak pos tunggal untuk blog dan jenis pos kustom, dan semua tata letak pembuat tema lainnya. Tata letak arsip untuk arsip pos kustom penting dan praktis – dan juga untuk menempatkan semuanya di ingatan Anda dalam hal cara kerjanya dan membuatnya berjalan dengan lancar, tetapi sekali lagi – investasi waktu yang layak dari awal untuk membuat semua ini bekerja dengan baik di WordPress.  Here’s a blog post with some video training on how to setup custom post type listings (uses theme builder layouts for the archive / single post)

Hindari penggunaan margin dan padding yang berlebihan – jika Anda sering menemukan padding dan spasi besar yang diluar kebiasaan / acak di sekitar benda – ini adalah tanda peringatan bahwa Anda mungkin tidak memiliki pilihan struktural yang tepat.

Gunakan Inner Section sebagai cara untuk menjaga area dari halaman agar terkelompok dalam suatu bagian secara logis.   Jika satu bagian logis, akhirnya dibuat sebagai 3 atau 4 widget "section" elementor – maka Anda kehilangan kesempatan untuk mengelompokkan menjadi satu bagian.

Yang kami pikirkan - kami bisa menulis posting detail di hampir setiap masalah dan pilihan individu di atas. Selamat membangun di Elementor – dan jika Anda memulai dengan hal di atas, Anda akan menghemat berbulan-bulan pembelajaran dan coba-coba dan tidak diragukan lagi Anda akan membuat pilihan Anda sendiri dan mungkin lebih baik daripada kami, dengan beberapa pengalaman.