Title: Blok
Author: WordPress.org
Published: 1 Desember 2025

---

# Blok

Komponen blok. Tidak perlu kode. Cukup klik dan sisipkan konten.

![](https://wordpress.org/files/2024/05/blocks-feature-1.png)

## Kembangkan tanpa batas

Belajar teknologi yang mempengaruhi sebagian besar web belum pernah semudah ini.
Blok memungkinkan Anda berinteraksi secara visual dengan setiap bagian konten, dengan
atau tanpa kode—mendorong tata letak yang kaya, pengalaman onboarding interaktif,
dan kemampuan pengembangan yang tak terbatas. Baik untuk desain maupun untuk pengembangan,
namun masih cukup intuitif untuk pendatang baru.

[Buat blok](https://developer.wordpress.org/block-editor/getting-started/create-block/)

[Telusuri direktori blok](https://wordpress.org/plugins/browse/block/)

![](https://wordpress.org/files/2023/08/block-paragraph.png)

Paragraf

![](https://wordpress.org/files/2023/08/block-heading.png)

Judul

![](https://wordpress.org/files/2023/08/block-media-text.png)

Media

![](https://wordpress.org/files/2023/08/block-image.png)

Gambar

![](https://wordpress.org/files/2023/08/block-video.png)

Video

![](https://wordpress.org/files/2023/08/block-audio.png)

Suara

![](https://wordpress.org/files/2023/08/block-columns.png)

Kolom

![](https://wordpress.org/files/2023/08/block-file.png)

Berkas

## Kekuatan rahasia WordPress

Blok adalah fondasi visual WordPress, dan dapat digunakan untuk membuat dan mengelola
setiap bagian situs Anda. Mereka juga lebih mudah digunakan dari yang Anda kira.
Pelajari cara mengedit blok dan Anda akan belajar cara menggunakan seluruh WordPress—
tanpa harus menulis kode. Untuk mendapatkan inspirasi, lihat apa yang telah dilakukan
orang lain dengan WordPress di Galeri.

[Jelajahi Galeri](https://wordpress.org/showcase/)

![](https://wordpress.org/files/2024/05/patterns-collage.jpg)

## Kendali Kreatif Lengkap

Editor WordPress adalah cara bawaan untuk menyisipkan, mengubah, menata, dan memindahkan
block di sekitar kanvas, berkat tampilan muka seret-dan-lepas yang sederhana.

[Coba blok secara langsung](https://id.wordpress.org/gutenberg?output_format=md)

    ```wp-container-content-0733e5d0
    registerBlockType( 'your-first-block/hello-world', {
        edit: function () {
            return <p>Hello world (from the editor)</p>;
        },
        save: function () {
            return <p>Hello world (from the frontend)</p>;
        },
    } );
    ```

Halo dunia (dari editor)

## Buat milik Anda sendiri

Jika Anda tidak dapat menemukan blok yang sesuai dengan kebutuhan Anda, buatlah 
blok Anda sendiri. Membuat blok semudah membuat komponen React. Gunakan paket  `
@wordpress/create-block` untuk memulai kreasi Anda.

[Buat Blok](https://developer.wordpress.org/block-editor/getting-started/tutorial/)

## See what's new with blocks

Perubahan utama versi WordPress terbaru mencakup peningkatan fungsi blok yang Anda
gunakan dan pengalaman membangun situs web secara menyeluruh. Dapatkan informasi
lebih lanjut tentang fitur-fitur apa saja yang tersedia dalam rilis saat ini.

[Temukan rilis WordPress terbaru](https://wordpress.org/6.9)

![](https://wordpress.org/files/2024/07/6-6-whats-new-i1.png)

## Hanya di awal

Meskipun blok memiliki kekuatan tersendiri, blok juga merupakan bagian dari sesuatu
yang lebih besar dan dapat digabungkan atau diterapkan dengan berbagai cara. Sebagai
sintaksis yang terpadu dan terbuka, blok mudah dipahami oleh editor, browser, dan
bahkan AI. Jadi siapa pun yang mengedit akan merasa mudah untuk mewujudkan desain
dan pengalaman yang dinamis dan dipersonalisasi dengan cepat.

[Buat blok kustom](https://developer.wordpress.org/block-editor/getting-started/create-block/)

[Pola desain blok](https://id.wordpress.org/patterns/?output_format=md)

[Buat tema blok](https://developer.wordpress.org/themes/block-themes/)

[Terapkan blok](https://developer.wordpress.org/block-editor/how-to-guides/platform/custom-block-editor/)