# Dokumentasi > Selamat datang di dokumentasi Blockstudio. File ini mencantumkan halaman di bawah https://blockstudio.dev/id/docs/. Indeks seluruh situs ada di https://blockstudio.dev/id/llms.txt. ## Mulai - [Pengantar](https://blockstudio.dev/id/docs.md): Selamat datang di dokumentasi Blockstudio. - [Memulai](https://blockstudio.dev/id/docs/general/getting-started.md): Siapkan proyek Blockstudio pertama Anda. - [Pengaturan](https://blockstudio.dev/id/docs/general/settings.md): Konfigurasikan Blockstudio dengan blockstudio.json atau filter. - [Composer](https://blockstudio.dev/id/docs/dev/composer.md): Instal Blockstudio dengan Composer. - [Terjemahan](https://blockstudio.dev/id/docs/general/translations.md): Gunakan Blockstudio dalam bahasa Anda dan bantu menerjemahkannya. ## Blok - [Pendaftaran](https://blockstudio.dev/id/docs/blocks/registration.md): Pelajari pendaftaran blok khusus dengan Blockstudio. - [Skema](https://blockstudio.dev/id/docs/blocks/schema.md): Dukungan skema JSON untuk blok Blockstudio. - [Penimpaan](https://blockstudio.dev/id/docs/blocks/overrides.md): Timpa blok dengan tingkat perincian tinggi. - [Twig](https://blockstudio.dev/id/docs/blocks/templating/twig.md): Gunakan templat Twig untuk blok Blockstudio Anda. - [Blade](https://blockstudio.dev/id/docs/blocks/templating/blade.md): Gunakan templat Laravel Blade untuk blok Blockstudio Anda. - [Umum (Blok / Assets)](https://blockstudio.dev/id/docs/blocks/assets.md): Antrekan dan proses file CSS, SCSS, dan JavaScript secara otomatis untuk blok Anda. - [Mendaftarkan Aset](https://blockstudio.dev/id/docs/blocks/assets/registering.md): Antrekan file CSS dan JavaScript secara otomatis untuk blok Anda. - [Memproses Aset](https://blockstudio.dev/id/docs/blocks/assets/processing.md): Minifikasi, kompilasi SCSS, dan dukungan modul ES. - [Aset Field Kode](https://blockstudio.dev/id/docs/blocks/assets/code-field.md): Blok aset dinamis melalui field kode. - [Mendaftarkan Atribut](https://blockstudio.dev/id/docs/blocks/attributes/registering.md): Pelajari cara mendaftarkan atribut kustom untuk blok Anda. - [Jenis Field](https://blockstudio.dev/id/docs/blocks/attributes/field-types.md): Jenis field yang tersedia dan propertinya di Blockstudio. - [Jenis Field Kustom](https://blockstudio.dev/id/docs/blocks/attributes/custom-field-types.md): Daftarkan kontrol editor kustom dan nilai atribut terstruktur. - [Field Kustom](https://blockstudio.dev/id/docs/blocks/attributes/custom-fields.md): Definisi field yang dapat digunakan kembali untuk blok Blockstudio. - [Kolom Blok](https://blockstudio.dev/id/docs/blocks/attributes/block-field.md): Jadikan blok lain sebagai kolom dan perluas atributnya secara sebaris. - [Memfilter Atribut](https://blockstudio.dev/id/docs/blocks/attributes/filtering.md): Filter dan ubah atribut blok dengan hook PHP. - [Merender Atribut](https://blockstudio.dev/id/docs/blocks/attributes/rendering.md): Akses nilai atribut dalam template blok Anda. - [Atribut Blok](https://blockstudio.dev/id/docs/blocks/attributes/block-attributes.md): Akses atribut blok WordPress standar seperti perataan dan tipografi. - [Utilitas HTML](https://blockstudio.dev/id/docs/blocks/attributes/html-utilities.md): Render nilai atribut sebagai atribut data atau variabel CSS. - [Penyimpanan](https://blockstudio.dev/id/docs/blocks/storage.md): Simpan nilai field di berbagai lokasi, seperti meta postingan atau opsi. - [Editor Diperluas](https://blockstudio.dev/id/docs/blocks/attributes/expanded-editor.md): Edit field Blockstudio di panel lebar saat bilah samping pemeriksa terlalu sempit. - [Logika Kondisional](https://blockstudio.dev/id/docs/blocks/attributes/conditional-logic.md): Tampilkan atau sembunyikan kolom berdasarkan kondisi. - [Mengisi Opsi](https://blockstudio.dev/id/docs/blocks/attributes/populating-options.md): Isi opsi field secara dinamis dari kueri, fungsi, atau sumber eksternal. - [Menonaktifkan Atribut](https://blockstudio.dev/id/docs/blocks/attributes/disabling.md): Nonaktifkan atribut sementara sambil mempertahankan nilainya. - [Umum (Blok / React Components)](https://blockstudio.dev/id/docs/blocks/react-components.md): Gunakan komponen editor yang didukung React langsung di templat PHP, Twig, atau Blade. - [useBlockProps](https://blockstudio.dev/id/docs/blocks/react-components/useblockprops.md): Samakan markup antara editor dan frontend. - [InnerBlocks](https://blockstudio.dev/id/docs/blocks/react-components/innerblocks.md): Izinkan blok bersarang di dalam blok khusus Anda. - [RichText](https://blockstudio.dev/id/docs/blocks/react-components/richtext.md): Tambahkan bidang teks yang dapat diedit langsung di templat blok Anda. - [MediaPlaceholder](https://blockstudio.dev/id/docs/blocks/react-components/mediaplaceholder.md): Tambahkan placeholder unggahan media ke blok Anda. - [Variasi](https://blockstudio.dev/id/docs/blocks/variations.md): Buat variasi blok dengan nilai atribut default yang berbeda. - [Transformasi](https://blockstudio.dev/id/docs/blocks/transforms.md): Tentukan cara mengubah blok menjadi blok lain. - [Pratinjau](https://blockstudio.dev/id/docs/blocks/preview.md): Aktifkan pratinjau blok di penyisip blok. - [Pemuatan](https://blockstudio.dev/id/docs/blocks/loading.md): Kontrol cara pemuatan blok di editor. - [SEO](https://blockstudio.dev/id/docs/blocks/seo.md): Cara Blockstudio terintegrasi dengan plugin SEO untuk analisis konten langsung. - [Lingkungan](https://blockstudio.dev/id/docs/blocks/environment.md): Tampilkan konten secara kondisional berdasarkan konteks rendering. - [Konteks](https://blockstudio.dev/id/docs/blocks/context.md): Akses data loop dan konteks pos di templat blok Anda. - [Meta Pos](https://blockstudio.dev/id/docs/blocks/post-meta.md): Akses data meta pos di templat blok Anda. - [Perenderan Programatis](https://blockstudio.dev/id/docs/blocks/rendering.md): Render blok Blockstudio melalui fungsi PHP atau tag HTML. - [Komponen](https://blockstudio.dev/id/docs/blocks/components.md): Blok non-editor untuk rendering terprogram. - [UI Komponen](https://blockstudio.dev/id/docs/blocks/ui-components.md): Pustaka komponen bsui yang disertakan, sistem desain yang mendasarinya, dan cara menerapkan temanya. - [Island](https://blockstudio.dev/id/docs/blocks/islands.md): Pisahkan blok menjadi placeholder yang aman untuk cache dan fragmen yang dirender di sisi klien. - [Interaktivitas](https://blockstudio.dev/id/docs/blocks/interactivity.md): Gunakan WordPress Interactivity API di blok Anda untuk perilaku reaktif di sisi klien. - [Inisialisasi](https://blockstudio.dev/id/docs/blocks/block-api/initialization.md): Jalankan kode selama inisialisasi WordPress. - [RPC](https://blockstudio.dev/id/docs/blocks/block-api/rpc.md): Panggil fungsi PHP sisi server dari frontend dengan sistem RPC ringan yang terinspirasi tRPC. - [Basis Data](https://blockstudio.dev/id/docs/blocks/block-api/database.md): Tentukan model data untuk blok Anda dengan endpoint CRUD otomatis, validasi, dan beberapa backend penyimpanan. - [Cron](https://blockstudio.dev/id/docs/blocks/block-api/cron.md): Tentukan tugas latar belakang terjadwal per blok dengan WordPress Cron. - [Hook PHP](https://blockstudio.dev/id/docs/blocks/hooks/php.md): Filter dan action PHP yang tersedia di Blockstudio. - [Hook JavaScript](https://blockstudio.dev/id/docs/blocks/hooks/javascript.md): Filter dan action JavaScript yang tersedia di Blockstudio. - [Tailwind CSS](https://blockstudio.dev/id/docs/tailwind.md): Kompilasi Tailwind CSS sisi server dengan caching otomatis. - [Ekstensi](https://blockstudio.dev/id/docs/extensions.md): Perluas blok terdaftar dengan atribut kustom. ## Halaman & Pola - [Umum (Halaman & Pola / File Templates)](https://blockstudio.dev/id/docs/pages-and-patterns.md): Buat halaman WordPress dan pola blok dari templat file dengan penguraian blok otomatis. - [Halaman](https://blockstudio.dev/id/docs/pages-and-patterns/pages.md): Buat halaman WordPress dari templat file dengan sinkronisasi eksplisit yang aman untuk deployment. - [Pola](https://blockstudio.dev/id/docs/pages-and-patterns/patterns.md): Buat pola blok WordPress dari templat berkas. - [Templat Situs](https://blockstudio.dev/id/docs/pages-and-patterns/site-templates.md): Buat templat dan bagian templat Site Editor WordPress dari berkas Blockstudio. - [Hook](https://blockstudio.dev/id/docs/pages-and-patterns/template-hooks.md): Filter dan tindakan PHP untuk halaman, pola, Templat Situs, serta parser HTML. - [Sinkronisasi Konten](https://blockstudio.dev/id/docs/content-sync.md): Tambahkan konten basis data ke alur kerja file-first Blockstudio melalui catatan WordPress yang diizinkan. ## Produksi - [Performa](https://blockstudio.dev/id/docs/production/performance.md): Default frontend produksi, profiler bawaan, dan teknik perenderan terkait. - [Prerender Statis](https://blockstudio.dev/id/docs/production/static-prerendering.md): Sajikan halaman anonim sebagai HTML statis, secara opsional sebelum WordPress dimulai. - [Caching](https://blockstudio.dev/id/docs/production/caching.md): Satu direktori cache berbasis file menampung semua artefak runtime yang dihasilkan. - [Media](https://blockstudio.dev/id/docs/production/media.md): Dimensi gambar stabil, pemuatan malas, dan manifes metadata media. ## Dev - [Cuplikan kode](https://blockstudio.dev/id/docs/code-snippets.md): Gunakan pendekatan file-first Blockstudio untuk cuplikan kode. - [Admin](https://blockstudio.dev/id/docs/dev/admin.md): Periksa blok Blockstudio yang terdaftar, telusuri registri, dan lihat rekaman database dari wp-admin. - [Canvas](https://blockstudio.dev/id/docs/dev/canvas.md): Ruang kerja visual dan inventaris publik API untuk konten Blockstudio. - [Pengambil Elemen](https://blockstudio.dev/id/docs/dev/grab.md): Inspektur elemen bawaan untuk mencari file templat blok di frontend. - [CLI](https://blockstudio.dev/id/docs/dev/cli.md): Kelola blok Blockstudio, halaman, basis data, RPC, dan cron melalui baris perintah dengan WP-CLI. - [PHPStan](https://blockstudio.dev/id/docs/dev/phpstan.md): Analisis statis proyek Blockstudio dengan validasi templat, skema, dan hook. - [Integrasi AI](https://blockstudio.dev/id/docs/dev/ai.md): Indeks dokumentasi beralamat untuk agen pemrograman, ditambah kontrak yang dihasilkan untuk proyek Anda. - [Sumber Penemuan Logis](https://blockstudio.dev/id/docs/dev/discovery-sources.md): Sediakan inventaris file gabungan untuk penemuan dan cache runtime Blockstudio. - [WPML](https://blockstudio.dev/id/docs/dev/wpml.md): Buat konfigurasi bahasa WPML untuk menerjemahkan field teks blok Blockstudio. - [Migrasi ke v7](https://blockstudio.dev/id/docs/dev/migration/v7.md): Perubahan dan langkah migrasi untuk Blockstudio 7. ## Opsional - [Dokumentasi dalam satu file](https://blockstudio.dev/id/docs/llms-full.txt): Sumber Markdown dari setiap halaman di bawah /docs/, 687 KB, sekitar 176,000 token - [Indeks situs](https://blockstudio.dev/id/llms.txt): Setiap halaman Blockstudio