Tema blok atau page builder: apa yang benar-benar berubah
Page builder menambahkan editor kedua ke WordPress dan menyimpan tata letak Anda dalam format tersendiri yang hanya dapat dibaca oleh plugin tersebut. Tema blok menggunakan editor bawaan WordPress, dan halaman disimpan sebagai markup blok standar. Perbedaannya terlihat saat Anda berganti alat. Meninggalkan page builder biasanya berarti membangun ulang setiap halaman, sedangkan blok inti tetap ditampilkan di tema blok mana pun. Kecepatan bergantung pada apa yang dimuat setiap halaman.
Bagian 1: Dua cara membangun halaman WordPress
Jika promosinya dikesampingkan, ada dua desain yang ada di hadapan Anda.
Plugin page builder
Sebuah page builder menambahkan penyuntingnya sendiri, mesin tata letaknya sendiri, dan pustaka widget sendiri ke WordPress. Anda mendesain di kanvas page builder, dan page builder menyimpan hasilnya dalam format sendiri di dalam postingan Anda. Stylesheet dan skripnya berjalan di sisi depan untuk mengubah format itu kembali menjadi halaman. Tema sebagian besar tidak ikut campur.
Tema block pada editor bawaan WordPress
Editor blok merupakan bagian dari WordPress itu sendiri. Blok disimpan sebagai HTML dengan komentar terstruktur di sekitarnya, templat adalah block template, dan warna serta tipografi berasal dari file theme.json yang dibaca oleh editor maupun front end. Block theme seperti Canvas menambahkan blok, templat, dan pengaturan ke satu editor itu. Tidak ada yang berdiri di luarnya.
Kedua pendekatan menghasilkan situs web sore ini juga. Perbedaannya baru terasa tiga tahun kemudian, ketika prioritas, penyedia hosting, atau pengembang Anda berubah.
Bagian 2: Cara konten Anda disimpan
Ini adalah bagian yang sering baru disadari orang di saat yang paling tidak tepat, jadi mulailah dari sini.
Format pembuat halaman
Page builder menyimpan tata letak dalam struktur mereka sendiri: shortcode, blob terserialisasi berisi pengaturan, atau blok JSON di meta tulisan. Selama plugin aktif, tampilannya bagus. Nonaktifkan plugin dan halaman yang sama hanya menampilkan shortcode mentah atau tidak menampilkan apa pun, karena tidak ada perangkat lain di dunia ini yang membaca format itu. Berpindah dari plugin tersebut biasanya berarti membangun ulang secara manual, halaman demi halaman.
Format inti
Markup blok adalah HTML biasa dengan komentar. Buka sebuah tulisan di editor kode dan bacalah. Ganti ke tema blok lain dan blok inti tetap ditampilkan, karena perendernya adalah WordPress. Itu bukan klaim pemasaran, melainkan sifat dari format penyimpanannya.
Canvas bersikap cermat dalam hal yang sama di tingkatnya sendiri. Setiap blok Canvas adalah tipe blok terdaftar dengan panel pengaturan yang nyata, bukan shortcode, dan atributnya adalah atribut blok biasa, sehingga pola, REST API, atau command line juga dapat mengaturnya. Blok berada di plugin Canvas, sehingga mengganti tema tidak pernah mengembalikan halaman Anda menjadi teks biasa.
Mari jujur soal batasnya: setiap pustaka blok yang Anda pasang adalah kode yang kini Anda andalkan. Yang berbeda adalah ukuran celah yang ditinggalkannya. Menghapus pustaka blok membuat bagian yang memakai blok-bloknya tidak dapat dirender. Menghapus pembuat halaman membuat seluruh halaman tidak dapat dirender.
Coba ini di salinan staging sebelum Anda memutuskan. Duplikat situs, nonaktifkan alat tata letak, dan periksa tiga halaman. Apa pun yang Anda lihat adalah biaya sebenarnya jika berpindah, dan lebih baik mengetahuinya sekarang.
Bagian 3: Apa yang sebenarnya dimuat di halaman
Argumen tentang kecepatan di bidang ini biasanya didasarkan pada anggapan turun-temurun. Mekanismenya cukup sederhana untuk dinalar.
Page builder adalah mesin tata letak kedua. Ia menyertakan sistem grid CSS, pustaka animasi, dan JavaScript sendiri, sering kali di setiap halaman, karena plugin tidak selalu bisa mengetahui sebelumnya widget mana yang dipakai sebuah halaman. Itu adalah biaya tetap di atas WordPress dan tema Anda.
Editor blok tidak punya runtime sendiri. Blok inti sebagian besar berupa HTML dan CSS, dan tema blok yang dibangun dengan baik hanya menambahkan sedikit di atasnya. Canvas hanya memuat CSS dan JavaScript dari blok yang benar-benar ada di halaman, dan menambahkan 35 optimasi yang dapat Anda aktifkan atau nonaktifkan, termasuk lima yang ditujukan khusus untuk skrip yang dimuat WooCommerce pada halaman yang tidak menjual apa pun.
Versi yang jujur
Halaman yang dibangun dengan cermat di page builder yang baik bisa mengungguli halaman yang dibuat asal-asalan di tema blok. Alat tata letak hanyalah salah satu faktor, selain host, gambar, font, dan sebelas plugin lain yang Anda pasang. Alasan untuk lebih memilih lebih sedikit komponen tidak ada kaitannya dengan tangkapan layar benchmark. Ada lebih sedikit yang bisa salah pada hari ketika Anda sedang sibuk di tempat lain.
Bagian 4: Seperti apa rasanya menyunting sehari-hari
Di sinilah page builder meraih reputasinya, dan di sinilah kesenjangannya paling banyak menyempit.
Melihat halaman asli saat Anda mengedit
Keluhan lama tentang editor blok adalah halaman yang terbuka sebagai kotak putih tanpa desain di sekitarnya. Canvas mengatur editor agar merender seluruh templat, sehingga header, slider, pita Judul Halaman, konten, dan footer tampil semuanya di kanvas, digambar oleh kode yang sama dengan yang menggambar bagian depan situs. Lebar dan jarak yang digunakan adalah ukuran sebenarnya, sehingga bagian lebar penuh tampak lebar penuh.
Pengaturan ada di tempat yang Anda harapkan
Pilih blok dan panel lanjutannya akan terbuka dengan teks, tautan, gambar, ikon, warna, ukuran, serta perilaku yang dipahami blok tersebut. Canvas menambahkan panel lanjutan yang sama ke setiap jenis blok yang terdaftar di situs, termasuk blok inti: animasi masuk dan keluar, CSS kustom yang dibatasi pada blok itu, atribut kustom untuk analitik atau hook pengujian, serta kondisi tampilan berdasarkan peran atau perangkat.
Hindari pengulangan
Dua sistem ini menghemat pengulangan. Simpan sebagai default menyimpan blok yang sudah Anda atur sesuai keinginan, sehingga blok berikutnya yang Anda sisipkan langsung memakai pengaturan tersebut. Gaya blok global memberi nama sekumpulan pengaturan sebagai preset yang Anda terapkan ke seluruh situs, lalu cukup diubah sekali. Templat dan bagian templat tersimpan di Penyunting Situs tempat WordPress menyimpannya, dengan 173 templat blok, 5 bagian templat, dan 4 variasi gaya di Canvas.
Bagian 5: Yang masih lebih baik dilakukan page builder
Perbandingan yang tidak menemukan apa pun yang baik di pihak lain adalah iklan. Berikut tempat page builder benar-benar unggul saat ini.
- Posisi bebas. Menyeret elemen ke mana saja dan menggesernya satu piksel masih lebih halus di page builder yang matang. Editor blok lebih mengutamakan struktur daripada penempatan absolut, yang lebih baik untuk tim tetapi kurang cocok untuk bagian hero sekali pakai.
- Kedalaman ekosistem. Pembuat halaman besar telah memiliki add-on, marketplace, dan integrasi pihak ketiga selama bertahun-tahun. Jika alur kerja Anda bergantung pada add-on tertentu, periksa apakah blok yang setara tersedia sebelum Anda beralih.
- Tim Anda sudah menguasainya. Jika tim Anda, klien Anda, atau freelancer yang Anda pekerjakan setiap Jumat telah menggunakan satu builder selama lima tahun, keahlian itu bernilai nyata. Melatih ulang ada harganya, dan harga itu akan ditanggung proyek berikutnya Anda.
- Kontrol per perangkat di mana saja. Beberapa pembuat halaman menyediakan nilai untuk ponsel dan tablet di hampir setiap properti. Core lebih selektif, dan Anda terkadang harus memakai kolom CSS kustom di tempat pembuat halaman lain menyediakan kontrol.
- Satu produk untuk semuanya. Pembuat yang juga menyertakan popup, formulir, dan pembuat tema berarti satu vendor dan satu meja dukungan. Canvas menjawab hal ini dengan menyertakan komponen yang sama, tetapi argumen ini tetap adil jika dibandingkan dengan tema blok polos.
- Stabilitas antarmuka. Editor blok berubah setiap kali ada rilis WordPress. Sebuah page builder berubah ketika vendornya memutuskan. Jika antarmuka yang terus berubah mengganggu klien Anda, hal itu penting.
Tidak ada satu pun dari hal ini yang menjadi alasan untuk menghindari tema blok. Hal ini menjadi alasan untuk mengambil keputusan dengan mata terbuka, dan untuk curiga pada tabel perbandingan mana pun yang membuat satu kolom tampak lebih unggul.
Bagian 6: Biaya sebenarnya saat beralih
Jika Anda punya situs yang dibangun dengan page builder, jawaban jujurnya adalah memindahkannya berarti membangun ulang, bukan mengonversi. Siapkan anggaran dengan layak.
- Konten ikut terbawa, tata letak tidak. Teks dan gambar adalah milik Anda dan dapat dibawa. Susunannya merupakan hasil kerja page builder, dan harus dibangun ulang.
- Kerjakan satu halaman demi satu. Mulai dari halaman yang mendatangkan hasil: beranda, halaman arahan utama, dan halaman kontak. Tinggalkan arsip postingan lama sampai paling akhir, karena biasanya itu hanya konten biasa.
- Mulai dari demo, bukan halaman kosong. Mengimpor demo situs web lengkap memberi Anda desain siap edit, dan seluruh impor dibatalkan jika Anda berubah pikiran.
- Biarkan builder tetap terpasang sampai Anda selesai. Nonaktifkan hanya setelah tidak ada halaman aktif yang bergantung padanya, lalu periksa situs dengan pemindai tautan setelahnya.
- Jangan alihkan apa pun yang tidak perlu. Pertahankan URL yang sama dan Anda akan tetap mempertahankan peringkat pencarian yang menyertainya.
Dua halaman pertama mungkin terasa lambat saat Anda mempelajari lapisan blok, pola, dan templat, lalu ritme kerja mulai terbentuk. Sebagian besar waktu yang dihemat nanti berasal dari tidak membangun ulang header dan footer di setiap proyek.
Bagian 7: Cara memutuskan
Jawab lima pertanyaan ini dengan jujur, dan keputusan biasanya terbentuk dengan sendirinya.
- Siapa yang akan mengedit situs ini dalam dua tahun? Jika jawabannya klien, magang, atau tidak ada yang spesifik, editor yang disertakan WordPress adalah yang paling mungkin mereka kenali.
- Berapa banyak situs yang Anda kelola? Satu situs pribadi bisa menampung fitur tambahan dalam jumlah berapa pun. Dua puluh situs klien tidak bisa, dan setiap lapisan tambahan adalah tiket dukungan yang menunggu untuk dibuat.
- Apakah desain Anda tidak lazim atau konvensional? Bentuk halaman konvensional justru yang paling cocok untuk blok, pola, dan templat. Desain satu kali yang berlapis dan diarahkan secara artistik mungkin tetap lebih cepat dibuat di pembuat halaman.
- Apa strategi keluar Anda? Jika jawabannya “tidak ada strategi keluar”, pilih format yang dibaca WordPress itu sendiri.
- Sebenarnya, berapa yang Anda bayar? Bandingkan totalnya: tema, pembuat halaman, plugin formulir, plugin popup, plugin slider, dan perpanjangan masing-masing, dengan satu produk yang mencakup semuanya.
Jika salah satu builder sudah ada dalam daftar pendek Anda, dua perbandingan kami mengajukan pertanyaan-pertanyaan ini kepada produk tertentu: Canvas sebagai alternatif Elementor, paket demi paket, dan bagaimana Canvas dibandingkan dengan Divi dalam hal pengeditan, lock-in, dan apa yang terjadi saat lisensi berakhir. Keduanya mencantumkan sumber dan tanggal angka-angka tersebut dibaca.
Canvas adalah jawaban tema blok atas daftar itu: 209 blok di penyisip yang sudah Anda kenal, 183 pola, 173 templat, pembuat header dan footer, formulir, dan 88 situs web demo lengkap untuk dimulai. Jika Anda lebih suka melihat perbedaannya daripada membacanya, klik masuk ke sebuah demo dan buka salah satu halamannya.
Sumber
Jika panduan ini menjelaskan sesuatu di luar Canvas itu sendiri, berikut adalah halaman resmi yang mendokumentasikannya.
- Representasi markup blokdeveloper.wordpress.org · Blok disimpan sebagai HTML, dengan komentar yang menandai tempat setiap blok dimulai dan berakhir
- Pengantar theme.jsondeveloper.wordpress.org · Pengaturan dan gaya di theme.json menjangkau front end dan penyunting
- Apa Itu Tema?developer.wordpress.org · Tema blok dibangun dari templat blok, dan fitur yang disimpan dalam plugin tetap ada saat tema diganti
- Pengantar Templatdeveloper.wordpress.org · Penyunting Situs menyimpan templat dan bagian templat Anda sebagai markup blok di basis data
Langkah selanjutnya
Dua panduan yang menerapkan pendekatan blok, serta pustaka di baliknya.
Pertanyaan umum
FAQ lengkap menjawab sisanya, dan dokumentasi membahas setiap pengaturan secara rinci.
Apakah tema blok otomatis lebih cepat daripada page builder?
Tidak, dan siapa pun yang mengatakan sebaliknya sedang menjual sesuatu. Kecepatan berasal dari seberapa banyak CSS, JavaScript, dan markup yang dikirim sebuah halaman, bukan dari kategori alat tersebut. Yang diberikan block theme kepada Anda adalah jalan yang lebih pendek menuju halaman yang ringan: tidak ada mesin tata letak kedua, dan di Canvas hanya aset dari blok yang ada di halaman, ditambah 35 sakelar untuk sisanya. Ukur halaman Anda sendiri sebelum dan sesudahnya. Jangan percaya kedua klaim ini sebelum Anda mengujinya sendiri.
Apakah halaman saya akan rusak jika saya berhenti menggunakan Canvas?
Blok inti tetap ditampilkan di tema apa pun, karena konten Anda disimpan sebagai markup blok standar yang dibaca langsung oleh WordPress. Blok Canvas berasal dari plugin Canvas, jadi mengganti tema tidak menghapusnya dari postingan dan halaman Anda. Jika plugin juga dihapus, bagian tertentu tersebut berhenti ditampilkan, dan hal ini berlaku untuk pustaka blok mana pun.
Bisakah saya menjalankan page builder di atas Canvas?
Page builder adalah plugin, jadi tidak ada yang menghalangi Anda untuk memasangnya. Kami tidak merekomendasikannya: Anda harus mengelola dua sistem tata letak, dua sistem gaya, dan dua siklus pembaruan di satu situs web, sementara templat, bagian kerangka situs (header dan footer), serta blok yang Anda bayar dari Canvas akan tidak terpakai di bawahnya.
Apakah saya perlu mengetahui kode untuk membangun tanpa page builder?
Tidak, membangun situs Canvas tanpa page builder tidak memerlukan kode. Setiap bagian halaman Canvas adalah blok dengan panel pengaturan, termasuk header, footer, dan bilah Judul Halaman, dan panel lanjutan menambahkan animasi, CSS kustom, atribut kustom, serta kondisi tampilan ke setiap jenis blok di situs. Kolom CSS kustom tersedia jika Anda membutuhkannya, bukan karena produk ini memerlukannya.
Bangun situs web Anda berikutnya dengan Canvas
Pemula, freelancer, atau agensi, Anda mendapatkan blok dan Demo yang sama. Mulailah dengan satu situs dan buat sebanyak yang Anda butuhkan dengan lisensi yang sama.