# Tema blok WordPress untuk pengembang, dibangun di atas theme.json URL: https://canvaswp.com/id/solutions/developers/ Updated: 2026-11-03 Canvas untuk pengembang Canvas adalah tema WordPress ditambah plugin pendamping, dan sepenuhnya merupakan tema blok sampai ke dasarnya. Templatnya adalah templat blok, gayanya berasal dari theme.json, dan yang disimpan editor di basis data adalah markup blok yang sama dengan yang dibaca tema blok lain. Tidak ada bagian di sini yang bergantung pada page builder. [Lihat semua fitur](https://canvaswp.com/id/features/) [Baca dokumentasi](https://docs.canvaswp.com/) Diperbarui 3 November 2026 Arsitektur ## Tema block, disunting di tempat WordPress menyimpannya Tema membawa templat, bagian templat, dan variasi gaya; plugin membawa pustaka blok, builder, formulir, lapisan SEO dan performa, serta pengimpor demo. Templat dan gaya global tetap berada di Penyunting Situs, sehingga tidak ada bagian situs yang tersembunyi di dalam panel pengaturan milik kami. - 173 templat blok dan 5 bagian templat, semuanya dapat disunting di Penyunting Situs - 4 variasi gaya, termasuk dark dan midnight, dapat diganti di Penyunting Situs - Warna dan tipografi mengalir melalui theme.json, sehingga editor menampilkan tipografi yang sama dengan tampilan depan situs - 183 pola blok, disisipkan sebagai salinan satu kali dari markup - Halaman langsung terbuka dengan seluruh templatnya ditampilkan di sekitar konten yang sedang Anda sunting [Di dalam editor dan Penyunting Situs](https://canvaswp.com/id/editor/) Templat, bagian, dan gaya global tetap berada di Penyunting Situs, tempat WordPress menyimpannya. Konten ## Yang tersimpan di database adalah markup blok Alasan memilih block theme bukan daftar fitur. Melainkan apa yang tersisa di tangan Anda lima tahun lagi. ### Tidak ada format proprietary Canvas mengedit blok WordPress standar, tanpa format tersendiri, sehingga postingan dan halaman tetap menyimpan kontennya jika tema suatu saat berubah. Tidak ada shortcode yang perlu dihafal dan tidak ada tampilan kode yang perlu dibuka. ### Pengaturan, bukan cuplikan kode Semua yang dilihat pengunjung dapat dijangkau dari panel pengaturan blok. Jika sebuah demo membutuhkan sesuatu yang tidak dapat dinyatakan oleh blok, blok itu mendapat pengaturan baru, dan halaman tidak pernah mendapat HTML mentah. ### Panel lanjutan di setiap blok Animasi, kondisi tampilan, kelas kustom, atribut kustom, dan CSS kustom per blok ditambahkan ke setiap blok di editor, termasuk blok inti dan blok pihak ketiga. ### Aset mengikuti halaman Halaman hanya memuat CSS dan JavaScript dari blok yang ada di dalamnya, sehingga halaman harga tidak pernah memuat skrip slider. 35 optimasi lainnya berupa sakelar, tanpa plugin tambahan yang perlu dipasang. Pindah dari tema lain? Elementor dan Divi membuat halaman di penyunting mereka sendiri, sehingga tata letak ikut hilang saat pembuatnya ditinggalkan: lihat [apa yang tetap dipertahankan situs Elementor saat dipindahkan](https://canvaswp.com/id/compare/elementor/) dan [perbandingan Divi Builder](https://canvaswp.com/id/compare/divi/). Kadence dan GeneratePress juga membangun di editor blok, dengan blok mereka tersedia di plugin gratis ([Canvas dibandingkan Kadence](https://canvaswp.com/id/compare/kadence/), [Canvas dibandingkan GeneratePress](https://canvaswp.com/id/compare/generatepress/)), dan [Blocksy menyimpan pembuat header-nya di Customizer](https://canvaswp.com/id/compare/blocksy/). [Tema blok dibandingkan dengan page builder](https://canvaswp.com/id/guides/block-theme-vs-page-builder/) Antarmuka situs ## Pembuat header dan footer ditampilkan sebagai bagian templat Header, Footer, bilah atas, Mega Menu, Panel Samping, dan Judul Halaman adalah rekaman yang dibangun dari blok, dan tampil di sisi depan melalui bagian templat tema itu sendiri. Bagian Header menampilkan header yang ditetapkan untuk halaman; bagian Footer menampilkan rekaman footer yang ditetapkan. Dengan begitu, Penyunting Situs tetap dapat melihatnya dan pengaturan blok tetap identik dengan di tempat lain. - 22 blok header dan 94 opsi header di dalam Pembuat Header - Tetapkan header secara global atau ganti pada satu halaman, dan lakukan hal yang sama untuk footer, bilah atas, Mega Menu, Panel Samping, dan Judul Halaman - Hero dan slider juga berupa record, ditempatkan oleh blok slot yang ada di templat - Kedua blok slot dirender di kanvas penyuntingan, sehingga halaman terbuka dengan bagian yang akan dilihat pengunjung [Cara kerja Pembuat Header](https://canvaswp.com/id/header-builder/) Header adalah entri yang disusun dari blok dan dirender melalui bagian templat Header. WooCommerce ## 24 blok toko dan 18 templat toko WooCommerce bersifat opsional dan, bila terpasang, dilayani oleh blok dan templat, tanpa penimpaan templat yang perlu disinkronkan. 24 ### Blok toko Blok untuk halaman produk, grid toko, keranjang, dan checkout, ditambah swatch warna serta tambah ke keranjang tanpa memuat ulang halaman. 18 ### Templat toko Templat untuk layar toko, produk, keranjang, checkout, dan akun, disunting di Penyunting Situs seperti templat lainnya. 21 ### Toko demo 21 dari 88 situs demo diimpor sebagai toko lengkap, dengan produk, kategori, atribut, dan checkout yang sudah siap. Dua dari 21 demo toko yang berjalan menggunakan blok dan templat toko. [Blok WooCommerce](https://canvaswp.com/id/woocommerce/) Perluasan ## Wizard Penyiapan membuat child theme, jika Anda menginginkannya Buat child theme hanya jika Anda berencana mengedit berkas templat Canvas secara langsung, karena itulah yang menjaga suntingan tersebut tetap aman dari pembaruan. Wizard Penyiapan menawarkannya pada langkahnya sendiri sebelum impor demo, menuliskannya ke folder tema Anda dan mengaktifkannya, dan situs Anda tampilannya tetap sama setelahnya. Kebanyakan situs tidak pernah memerlukannya, karena alasan yang biasanya ada kini sudah menjadi pengaturan. - CSS Kustom untuk seluruh situs, serta JavaScript Kustom untuk head dan footer, di bagian Lain-lain pada Opsi Tema - CSS Kustom per blok, ditulis sebagai pasangan properti dan nilai tanpa selektor di sekitarnya - Atribut Kustom per blok, satu per baris sebagai kunci dan nilai, mendukung atribut data dan aria - Aturan tipografi kustom untuk selector apa pun yang Anda sebutkan, di bagian Typography - Daftarkan kumpulan ikon Anda sendiri melalui antarmuka yang sama dengan yang dipakai oleh 4 kumpulan ikon bawaan - Ekspor seluruh konfigurasi Opsi Tema sebagai file, lalu impor ke situs berikutnya [Setiap bagian dari Opsi Tema](https://canvaswp.com/id/theme-options/) Panel lanjutan berada di setiap blok, termasuk blok inti dan blok dari plugin lain. Lingkungan ## Yang dibutuhkan Canvas, dan apa yang dilakukannya saat dipasang ke situs Persyaratan minimum itu nyata, bukan sekadar saran. Canvas memeriksanya sendiri terhadap host Anda, sehingga impor yang gagal tidak akan menjadi kabar pertama yang Anda terima. WordPress 7.1 atau lebih baru PHP 7.4 atau yang lebih baru Diuji hingga WordPress 7.1 Penyunting blok dan Penyunting Situs yang disertakan WordPress WooCommerce opsional - Canvas Core tidak pernah diunduh secara terpisah: Canvas Core dipasang dari dalam WordPress setelah lisensi aktif, sehingga tidak ada pasangan versi yang perlu dikelola - Pembaruan muncul di layar pembaruan WordPress, dengan mode pemeliharaan, cadangan sementara, dan pemulihan ke versi sebelumnya dari WordPress itu sendiri - Pembaruan otomatis hanya mencakup rilis patch, aktif secara default dengan sakelar untuk mematikannya, dan rilis yang mengubah templat yang Anda sesuaikan akan menyebutkannya - Layar Health Check memeriksa persyaratan server terhadap host Anda yang sebenarnya dan melaporkan hal yang perlu diperhatikan, dan pemeriksaan yang sama juga muncul di Kesehatan Situs WordPress - Setiap string dapat diterjemahkan, dengan templat terjemahan untuk tema dan plugin yang dibuat ulang setiap rilis, serta file konfigurasi WPML di dalam plugin - SEO teknis, sitemap XML, dan 16 jenis skema diturunkan dari konten Anda saat dirender [388 artikel dokumentasi, dibuat dari kode yang dirilis](https://docs.canvaswp.com/) Pertanyaan ## Pertanyaan teknis beserta jawabannya Lima hal yang diperiksa developer sebelum berkomitmen pada sebuah proyek, termasuk satu hal yang tidak dilakukan Canvas. **Apakah Canvas merupakan tema block atau tema page builder?** Canvas adalah tema WordPress yang sepenuhnya dibangun dari blok, yang oleh WordPress disebut block theme. Templat adalah templat block WordPress, bagian templat adalah bagian templat, warna dan tipografi mengalir melalui theme.json, dan semuanya diedit di block editor serta Penyunting Situs yang disertakan dengan WordPress. Tidak ada builder terpisah untuk dipasang, tidak ada editor kedua untuk dipelajari, dan tidak ada langganan builder untuk diperpanjang. **Apa yang terjadi pada markup jika situs beralih tema nanti?** Tetap menggunakan markup blok WordPress standar, karena itulah yang disimpan Canvas. Blok Canvas yang tidak dikenali tema lain akan berhenti menampilkan desainnya, tetapi judul, paragraf, gambar, dan daftar adalah blok inti yang dapat dibaca dengan normal di mana pun. Tidak ada yang disimpan sebagai shortcode atau format tata letak eksklusif. **Di mana header dan footer sebenarnya ditampilkan?** Melalui bagian templat yang didaftarkan Canvas, dan ada 5 bagian: Header, Footer, Judul Halaman, Sidebar, dan Sidebar Alt. Bagian Header menampilkan rekaman header yang ditetapkan untuk halaman, bagian Footer menampilkan rekaman footer yang ditetapkan, dan bagian Judul Halaman menampilkan hasil dari pengaturan judul halaman. Bagian-bagian ini adalah mesin di baliknya; desainnya adalah rekaman yang Anda buat dari 22 blok header. **Apakah Anda perlu child theme?** Hanya jika Anda berniat menyunting file templat Canvas secara langsung, yang dilindungi child theme dari pembaruan. Wizard Penyiapan akan membuatnya untuk Anda pada langkah Child Theme opsional dan mengalihkan situs ke sana, atau Anda dapat menyalin folder child theme yang disertakan di dalam Canvas ke folder tema Anda sendiri. Kebanyakan situs tidak pernah membutuhkannya: Opsi Tema menangani pengaturan seluruh situs, Custom CSS dan Custom Attributes per blok menangani tingkat blok, dan kolom Custom CSS serta JavaScript untuk seluruh situs berada di bagian Misc pada Opsi Tema. **Apakah Canvas adalah tema kanan-ke-kiri?** Ya, setiap stylesheet Canvas memiliki versi right-to-left yang dicerminkan, dan WordPress memuatnya secara otomatis saat situs berjalan dalam bahasa Arab, Ibrani, Persia, atau bahasa right-to-left lainnya. 88 dari 88 demo diperiksa dalam mode right-to-left sebelum dirilis, sehingga menu, grid, dan formulir berada di sisi yang benar. Terjemahan adalah hal terpisah dan juga sudah lengkap: kedua bagian produk menyertakan templat terjemahan, dan file konfigurasi WPML disertakan bersama plugin. ## Terus jelajahi ### [Harga](https://canvaswp.com/id/pricing/) Dua paket, setiap blok dan setiap demo di keduanya, serta penjelasan tentang apa yang dihitung sebagai situs dan apa yang diubah oleh masa berlaku. ### [Ketentuan lisensi](https://canvaswp.com/id/license/) Kodenya berlisensi GPL v2 atau yang lebih baru; kunci lisensi mengatur layanan di sekitarnya. Situs, staging, situs klien, dan masa berlaku, dijelaskan secara rinci. ### [Semua industri](https://canvaswp.com/id/wordpress-themes/) Semua 88 situs demo, dikelompokkan berdasarkan jenis bisnis tempat setiap situs dibuat.