{"id":28256,"date":"2022-12-22T13:20:02","date_gmt":"2022-12-22T06:20:02","guid":{"rendered":"\/tutorial\/?p=28256"},"modified":"2025-12-18T23:31:08","modified_gmt":"2025-12-18T16:31:08","slug":"cara-menggunakan-gutenberg-wordpress","status":"publish","type":"post","link":"\/id\/tutorial\/cara-menggunakan-gutenberg-wordpress","title":{"rendered":"Cara menggunakan editor Gutenberg WordPress, gampang!"},"content":{"rendered":"<p>Gutenberg adalah editor default yang digunakan di WordPress 5.0. Sebagai pengganti editor TinyMCE, Gutenberg memungkinkan Anda <a href=\"\/id\/tutorial\/cara-membuat-postingan-di-wordpress\">membuat postingan di WordPress<\/a> secara lebih interaktif.<\/p><p>Setelah update WordPress 5.9, Gutenberg bahkan menyertakan semua aspek penyesuaian untuk menghadirkan pengalaman FSE (full site editing). Artinya, Anda bisa merancang dan mendesain keseluruhan website WordPress dengan editor ini.<\/p><p>Anda bisa menambahkan elemen website seperti paragraf, heading, daftar, tombol, widget, konten video atau foto, dan kolom menggunakan block. Gutenberg juga menampilkan visual halaman secara lebih baik sehingga mirip dengan website builder, bukan sekadar editor.<\/p><p>Lanjutkan membaca yuk, karena di artikel ini kami akan menjelaskan lebih lanjut cara kerja Gutenberg WordPress dan perbedaannya dengan editor sebelumnya. Selain itu, kami juga akan menujukkan cara menggunakan editor Gutenberg WordPress. Mari mulai!<\/p><h2 class=\"wp-block-heading\" id=\"h-gutenberg-vs-classic-editor\">Gutenberg vs Classic Editor<\/h2><p>Meskipun fungsinya kurang lebih sama, ada perbedaan yang cukup signifikan antara Gutenberg dan editor klasik WordPress.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"469\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/wordpress-classic-editor.png\/public\" alt=\"tampilan classic editor wordpress\" class=\"wp-image-43523\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/wordpress-classic-editor.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/wordpress-classic-editor.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/wordpress-classic-editor.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/wordpress-classic-editor.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Editor klasik WordPress menggunakan editor HTML <a href=\"\/id\/tutorial\/wysiwyg-adalah\">WYSIWYG (What You See Is What You Get)<\/a> TinyMCE, dengan tampilan yang ringkas dan familiar untuk menulis dan mengedit postingan serta halaman. Editor ini mirip dengan aplikasi teks biasa seperti Microsoft Word, yang menyediakan format tulisan tebal, miring, atau daftar.<\/p><p>Di editor visual, Anda bisa langsung mengupload gambar menggunakan fitur yang sudah ada. Apabila menggunakan editor teksnya, Anda bisa menambahkan kode HTML kustom ke postingan dan halaman Anda.<\/p><p>Walaupun mudah digunakan, desain editor klasik ini kurang fleksibel. Untuk membuat desain yang lebih rumit atau tata letak yang kompleks, biasanya Anda memerlukan plugin tambahan atau kode HTML khusus.<\/p><p>Proses menambahkan gambar dan video juga cukup merepotkan. Selain itu, Anda tidak bisa melihat tampilan langsung konten Anda saat sedang mengedit.<\/p><p>Untuk mengatasi masalah ini, Anda bisa menggunakan editor blok Gutenberg.<\/p><p>Gutenberg tidak hanya menggunakan satu kotak teks, tapi blok-blok yang terpisah untuk setiap elemen, termasuk media. Oleh karena itu, proses desain halaman menjadi lebih mudah dan hasilnya bisa terlihat langsung.<\/p><p>Fitur drag-and-drop editor ini tidak mengharuskan Anda menggunakan shortcode atau plugin tambahan. Anda bisa membuat desain sendiri dan langsung melihat hasilnya. Anda juga bisa mengubah pola dan tata letak blok sesuai kebutuhan.<\/p><p>Dengan fitur full site editing, Anda sekarang bisa mendesain header, footer, dan elemen website lainnya langsung dalam konten Anda. Gutenberg juga memudahkan developer untuk membuat blok dan template khusus yang bisa dipakai ulang.<\/p><p>Berikut rangkuman perbedaan antara editor Gutenberg dan editor klasik:<\/p><figure tabindex=\"0\" class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><br><\/td><td><strong>Editor Gutenberg<\/strong><\/td><td><strong>Editor klasik<\/strong><\/td><\/tr><tr><td><strong>Tampilan editor<\/strong><\/td><td>Responsif dan intuitif dengan pengaturan menu yang mudah dipahami.<\/td><td>Tampilan teks sederhana, mirip Google Docs.<\/td><\/tr><tr><td><strong>Pembuatan konten<\/strong><\/td><td>Menggunakan blok dengan konten siap pakai dan bisa diubah-ubah.<\/td><td>Menyediakan kanvas kosong untuk menulis postingan dan halaman.<\/td><\/tr><tr><td><strong>Kemudahan penggunaan<\/strong><\/td><td>Menggunakan blok drag-and-drop. Tidak selalu perlu menggunakan coding.<\/td><td>Berfungsi seperti Google Docs, tapi memerlukan sedikit pengetahuan HTML dasar.<\/td><\/tr><tr><td><strong>Fitur<\/strong><\/td><td>Menyediakan blok drag-and-drop, pratinjau real-time, dan kustomisasi mudah untuk semua tingkat ketrampilan.<\/td><td>Menyediakan kotak teks sederhana dengan tool pemformatan dasar.<\/td><\/tr><tr><td><strong>Kelebihan<\/strong><\/td><td>Desain yang fleksibel, blok drag-and-drop, pratinjau real-time, dan template yang dapat digunakan kembali.<\/td><td>Tampilan sederhana dan familiar dengan pemformatan yang praktis dan mudah dipelajari.<\/td><\/tr><tr><td><strong>Kekurangan<\/strong><\/td><td>Membutuhkan sedikit latihan agar terbiasa.<\/td><td>Kurangnya fleksibilitas desain, tool tata letak visual, dan fitur penyesuaian modern.<\/td><\/tr><\/tbody><\/table><\/figure><p>Block editor sudah terinstall secara default di WordPress versi 5.0 dan yang lebih baru. Bagi user WordPress versi lama, block editor bisa diinstall menggunakan&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin Gutenberg<\/a>. Namun, kami tetap menyarankan untuk mengupdate software inti WordPress ke versi terbaru guna mengoptimalkan keamanan.<\/p><p>Apabila menggunakan Hostinger, Anda tidak perlu repot-repot melakukan update manual. <a href=\"\/id\/wordpress-hosting\">Paket Managed WordPress<\/a> kami sudah menyertakan <strong>Smart Update Otomatis WordPress<\/strong> yang akan menjaga website Anda tetap aman dan up-to-date.<\/p><p>Karena setiap update WordPress biasanya memiliki perbaikan untuk Gutenberg, Anda bisa menghemat waktu dengan mengaktifkan fitur smart update melalui hPanel.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/id\/wordpress-hosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-37614\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-cara-kerja-editor-gutenberg-wordpress\">Cara Kerja Editor Gutenberg WordPress<\/h2><p>Gutenberg menggunakan konsep blok konten individu untuk menambahkan dan mengedit berbagai elemen dalam postingan dan halaman.<\/p><p>Anda bisa mengatur dan menyesuaikan tampilan setiap elemen blok ini. Misalnya, Anda bisa memilih warna latar belakang atau ukuran lebar yang berbeda untuk seluruh blok tanpa memengaruhi elemen lainnya.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"451\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/antarmuka-editor-gutenberg-wordpress.png\/public\" alt=\"\" class=\"wp-image-28270\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/antarmuka-editor-gutenberg-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/antarmuka-editor-gutenberg-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/antarmuka-editor-gutenberg-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/antarmuka-editor-gutenberg-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Untuk menemukan semua blok yang tersedia, klik ikon &ldquo;<strong>+<\/strong>&rdquo; (Block Inserter). Anda akan melihat panel otomatis yang mencantumkan semua blok menurut strukturnya. Setiap blok ini memiliki konfigurasi dan tool desainnya masing-masing.<\/p><p>Sebagai contoh, blok paragraf (paragraph) menyediakan opsi untuk mengubah warna dan format teks. Sementara itu blok gambar (image) memiliki tool untuk menambahkan alt text dan menyesuaikan dimensi gambar.<\/p><p>Update terbaru WordPress juga menghadirkan berbagai fitur baru pada editor konten default untuk mendukung pengeditan penuh website, seperti:<\/p><ul class=\"wp-block-list\">\n<li><strong>Site editor<\/strong>. Memungkinkan Anda mengedit dan menelusuri template, elemen, dan opsi pengaturan gayanya.<\/li>\n\n\n\n<li><strong>Template editing mode<\/strong>. Untuk mengedit, mengubah, dan membuat template postingan atau halaman secara langsung.<\/li>\n\n\n\n<li><strong>Block theme<\/strong>. Dengan fitur ini, Anda bisa membuat tema WordPress dengan blok yang mendukung pengeditan website penuh FSE.<\/li>\n\n\n\n<li><strong>Styling<\/strong>. Gunakan fitur ini untuk menyesuaikan gaya dalam 3 tingkatan: modifikasi global, blok lokal, dan tema default.<\/li>\n\n\n\n<li><strong>Theme block<\/strong>. Berfungsi untuk membuat template tradisional dengan tag template. Editor WordPress saat ini menyertakan blok Post Author, Post Comments, Read More, Avatar, dan Query Loop.<\/li>\n\n\n\n<li><strong>Browsing.<\/strong> Memungkinkan Anda menelusuri halaman, template, dan postingan langsung di editor.<\/li>\n\n\n\n<li><strong>Navigation block<\/strong>. Anda bisa mengedit struktur dan desain menu navigasi website dengan fitur ini.<\/li>\n\n\n\n<li><strong>Query block<\/strong>. Menduplikasi <a href=\"\/id\/tutorial\/wp_query-wordpress\">WP_Query<\/a> dan menyesuaikannya dengan fungsionalitas tambahan.<\/li>\n<\/ul><p>Lebih kerennya lagi, Gutenberg menyertakan pola blok dari rangkaian blok yang sudah disusun. Pola ini biasanya berisi beberapa tata letak kolom, susunan tombol, dan komposisi gambar.<\/p><p>Developer dan user WordPress berpengalaman bisa membuat blok dan pola blok WordPress sendiri lalu membagikannya melalui plugin.<\/p><h3 class=\"wp-block-heading\" id=\"h-cara-menonaktifkan-editor-wordpress-gutenberg\">Cara Menonaktifkan Editor WordPress Gutenberg<\/h3><p>Apabila belum terbiasa atau merasa kesulitan untuk menggunakan block editor baru ini, Anda bisa menonaktifkannya dengan dua cara: <a href=\"\/id\/tutorial\/cara-install-plugin-wordpress\">menginstall plugin WordPress<\/a> atau mengedit file <strong>functions.php<\/strong>.<\/p><p>Cara pertama dan yang paling cepat, Anda bisa menginstal plugin <a href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\" target=\"_blank\" rel=\"noopener\">Classic Editor<\/a> yang akan otomatis menonaktifkan Gutenberg saat plugin diaktifkan.<\/p><p>Untuk menonaktifkan Gutenberg pada jenis postingan atau user role tertentu saja, sebaiknya gunakan plugin seperti <a href=\"https:\/\/wordpress.org\/plugins\/disable-gutenberg\/\" target=\"_blank\" rel=\"noopener\">Disable Gutenberg<\/a>. Plugin ini akan secara default menonaktifkan Gutenberg sepenuhnya di website WordPress Anda.<\/p><p>Anda bisa menghapus centang pada opsi <strong>Complete Disable<\/strong> di pengaturan plugin apabila ingin menonaktifkan block editor bagi user role, postingan, template, atau ID postingan tertentu.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"827\" height=\"632\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-plugin-disable-gutenberg.png\/public\" alt=\"\" class=\"wp-image-28271\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-plugin-disable-gutenberg.png\/w=827,fit=scale-down 827w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-plugin-disable-gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-plugin-disable-gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-plugin-disable-gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 827px) 100vw, 827px\" \/><\/figure><\/div><p>Atau Anda juga bisa mencoba cara menonaktifkan editor Gutenberg menggunakan kode yang ditambahkan pada file <strong>functions.php<\/strong>. Berikut cara melakukannya di hPanel:<\/p><ol class=\"wp-block-list\">\n<li>Gunakan File Manager untuk membuka folder folder <strong>public_html<\/strong>.<\/li>\n\n\n\n<li>Pilih <strong>wp-content -&gt; themes<\/strong>.<\/li>\n\n\n\n<li>Klik folder tema yang saat ini digunakan, lalu pilih file <strong>functions.php<\/strong><\/li>\n\n\n\n<li>Tambahkan kode berikut ini ke file tersebut, sebelum baris terakhir:<\/li>\n<\/ol><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">add_filter(&lsquo;use_block_editor_for_post&rsquo;, &rsquo;__return_false&rsquo;);<\/pre><ol start=\"5\" class=\"wp-block-list\">\n<li>Simpan dan tutup file. Sekarang Anda bisa kembali menggunakan classic editor di WordPress.<\/li>\n<\/ol><p>Apabila takut melakukan kesalahan saat mengedit file WordPress, Anda bisa menggunakan plugin <a href=\"https:\/\/wordpress.org\/plugins\/code-snippets\/\" target=\"_blank\" rel=\"noopener\">Code Snippets<\/a> untuk menambahkan kode.<\/p><ol class=\"wp-block-list\">\n<li>Setelah menginstal dan mengaktifkan plugin Code Snippets, buka <strong>Snippets -&gt; Add New<\/strong>.<\/li>\n\n\n\n<li>Beri nama snippet dan tambahkan baris kode di atas.<\/li>\n<\/ol><p>Kemudian, pilih <strong>Only run in administration area<\/strong>, dan klik <strong>Save Changes and Activate<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"455\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/antarmuka-plugin-code-snippets.png\/public\" alt=\"\" class=\"wp-image-28273\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/antarmuka-plugin-code-snippets.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/antarmuka-plugin-code-snippets.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/antarmuka-plugin-code-snippets.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/antarmuka-plugin-code-snippets.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Perlu diingat bahwa menonaktifkan block editor hanyalah solusi sementara. Saat ini Gutenberg adalah pilihan default untuk mengedit konten di WordPress.<\/p><h2 class=\"wp-block-heading\" id=\"h-cara-menggunakan-editor-gutenberg-wordpress\">Cara Menggunakan Editor Gutenberg WordPress<\/h2><p>Editor Gutenberg didesain untuk memudahkan Anda membuat dan mengelola website WorPress. Di bagian ini kami akan menjelaskan panduan lengkap cara menggunakan editor Gutenberg WordPress untuk membuat dan mengedit block.<\/p><h3 class=\"wp-block-heading\" id=\"h-cara-membuat-block-baru\">Cara Membuat Block Baru<\/h3><p>Untuk menambahkan postingan, Anda perlu membuat blok baru dulu. Tenang, caranya tidak sulit kok! Kami akan membantu Anda langkah demi langkah.<\/p><p>Pertama, Anda perlu menambahkan blok title (judul utama artikel). Arahkan kursor pada blok heading dan ikuti langkah-langkah berikut ini:<\/p><ol class=\"wp-block-list\">\n<li>Pilih ikon &ldquo;<strong>+<\/strong>&rdquo; dari toolbar bagian atas untuk menambahkan blok.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1099\" height=\"392\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/ikon-plus-untuk-menambahkan-blok-di-block-editor-wordpress.png\/public\" alt=\"\" class=\"wp-image-28274\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/ikon-plus-untuk-menambahkan-blok-di-block-editor-wordpress.png\/w=1099,fit=scale-down 1099w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/ikon-plus-untuk-menambahkan-blok-di-block-editor-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/ikon-plus-untuk-menambahkan-blok-di-block-editor-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/ikon-plus-untuk-menambahkan-blok-di-block-editor-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/ikon-plus-untuk-menambahkan-blok-di-block-editor-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1099px) 100vw, 1099px\" \/><\/figure><\/div><ol start=\"2\" class=\"wp-block-list\">\n<li>Pilih blok yang diinginkan. Pada contoh ini, kami memilih <strong>Quote<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"330\" height=\"590\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/block-quote-di-block-editor-wordpress.png\/public\" alt=\"\" class=\"wp-image-28275\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/block-quote-di-block-editor-wordpress.png\/w=330,fit=scale-down 330w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/block-quote-di-block-editor-wordpress.png\/w=168,fit=scale-down 168w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/block-quote-di-block-editor-wordpress.png\/w=84,fit=scale-down 84w\" sizes=\"(max-width: 330px) 100vw, 330px\" \/><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Untuk menambahkan blok lainnya di bawah quote, cukup klik ikon &ldquo;<strong>+<\/strong>&rdquo; seperti pada gambar di bawah. Ingat, setiap kali Anda menekan <strong>Enter<\/strong>, editor Gutenberg WordPress akan otomatis membuat blok paragraf baru.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"895\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/ikon-plus-untuk-menambahkan-blok-lainnya-di-wordpress-gutenberg.png\/public\" alt=\"\" class=\"wp-image-28276\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/ikon-plus-untuk-menambahkan-blok-lainnya-di-wordpress-gutenberg.png\/w=895,fit=scale-down 895w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/ikon-plus-untuk-menambahkan-blok-lainnya-di-wordpress-gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/ikon-plus-untuk-menambahkan-blok-lainnya-di-wordpress-gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/ikon-plus-untuk-menambahkan-blok-lainnya-di-wordpress-gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 895px) 100vw, 895px\" \/><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Anda akan melihat sebuah panel berisi blok yang sering digunakan. Untuk mencari blok tertentu, gunakan kolom Search atau Browse all.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1125\" height=\"584\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/daftar-blok-yang-sering-digunakan-di-editor-wordpress.png\/public\" alt=\"\" class=\"wp-image-28277\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/daftar-blok-yang-sering-digunakan-di-editor-wordpress.png\/w=1125,fit=scale-down 1125w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/daftar-blok-yang-sering-digunakan-di-editor-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/daftar-blok-yang-sering-digunakan-di-editor-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/daftar-blok-yang-sering-digunakan-di-editor-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/daftar-blok-yang-sering-digunakan-di-editor-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1125px) 100vw, 1125px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-cara-menyesuaikan-dan-mengatur-block\">Cara Menyesuaikan dan Mengatur Block<\/h3><p>Anda bisa mengatur semua blok di Gutenberg WordPress agar sesuai dengan selera desain Anda serta untuk mengoptimalkan visual website.<\/p><p>Ikuti langkah-langkah di bawah ini untuk melakukannya:<\/p><ol class=\"wp-block-list\">\n<li>Klik ikon &ldquo;<strong>+<\/strong>&rdquo; di toolbar atas untuk membuka <strong>Block Inserter<\/strong>.<\/li>\n\n\n\n<li>Pilih blok yang diinginkan. Untuk contoh ini, kami memilih <strong>Button<\/strong> (tombol).<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"329\" height=\"679\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-button-di-editor-block-wordpress.png\/public\" alt=\"\" class=\"wp-image-28279\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-button-di-editor-block-wordpress.png\/w=329,fit=scale-down 329w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-button-di-editor-block-wordpress.png\/w=145,fit=scale-down 145w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-button-di-editor-block-wordpress.png\/w=73,fit=scale-down 73w\" sizes=\"(max-width: 329px) 100vw, 329px\" \/><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Setelah blok ditambahkan, pengaturan blok akan muncul. Anda juga bisa mengklik <strong>Settings<\/strong> (Pengaturan) di pojok kanan atas editor untuk membuka panel <strong>Sidebar<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1500\" height=\"849\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/tombol-settings-di-pojok-kanan-editor.png\/public\" alt=\"\" class=\"wp-image-28280\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/tombol-settings-di-pojok-kanan-editor.png\/w=1500,fit=scale-down 1500w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/tombol-settings-di-pojok-kanan-editor.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/tombol-settings-di-pojok-kanan-editor.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/tombol-settings-di-pojok-kanan-editor.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/tombol-settings-di-pojok-kanan-editor.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Pada pengaturan <strong>Block<\/strong>, Anda bisa mengatur gaya tombol menggunakan <strong>Fill <\/strong>atau <strong>Outline<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1507\" height=\"193\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/gaya-tombol-di-editor-gutenberg.png\/public\" alt=\"\" class=\"wp-image-28281\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/gaya-tombol-di-editor-gutenberg.png\/w=1507,fit=scale-down 1507w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/gaya-tombol-di-editor-gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/gaya-tombol-di-editor-gutenberg.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/gaya-tombol-di-editor-gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/gaya-tombol-di-editor-gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1507px) 100vw, 1507px\" \/><\/figure><\/div><ol start=\"5\" class=\"wp-block-list\">\n<li>Anda juga bisa menyesuaikan <strong>Width Settings<\/strong> (Lebar) dari <strong>25%<\/strong> hingga <strong>100%<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1488\" height=\"164\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-lebar-tombol-di-block-editor.png\/public\" alt=\"\" class=\"wp-image-28282\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-lebar-tombol-di-block-editor.png\/w=1488,fit=scale-down 1488w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-lebar-tombol-di-block-editor.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-lebar-tombol-di-block-editor.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-lebar-tombol-di-block-editor.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-lebar-tombol-di-block-editor.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1488px) 100vw, 1488px\" \/><\/figure><\/div><ol start=\"6\" class=\"wp-block-list\">\n<li>Di bagian <strong>Color<\/strong> (Warna), Anda bisa mengubah warna <strong>text<\/strong> (teks) dan <strong>background<\/strong> (latar belakang).<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1478\" height=\"163\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/warna-latar-belakang-tombol.png\/public\" alt=\"\" class=\"wp-image-28283\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/warna-latar-belakang-tombol.png\/w=1478,fit=scale-down 1478w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/warna-latar-belakang-tombol.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/warna-latar-belakang-tombol.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/warna-latar-belakang-tombol.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/warna-latar-belakang-tombol.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1478px) 100vw, 1478px\" \/><\/figure><\/div><ol start=\"7\" class=\"wp-block-list\">\n<li>Di pengaturan <strong>Typography<\/strong> (Tampilan Teks), tentukan ukuran tombol dengan opsi default atau ukuran yang diinginkan.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1488\" height=\"151\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-tipografi-tombol.png\/public\" alt=\"\" class=\"wp-image-28284\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-tipografi-tombol.png\/w=1488,fit=scale-down 1488w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-tipografi-tombol.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-tipografi-tombol.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-tipografi-tombol.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-tipografi-tombol.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1488px) 100vw, 1488px\" \/><\/figure><\/div><ol start=\"8\" class=\"wp-block-list\">\n<li>Pada <strong>Border<\/strong> (Batas Tepi), sesuaikan tepian tombol dengan menggeser toggle.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"99\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-tombol-untuk-blok-button.png\/public\" alt=\"\" class=\"wp-image-28285\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-tombol-untuk-blok-button.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-tombol-untuk-blok-button.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-tombol-untuk-blok-button.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-tombol-untuk-blok-button.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol start=\"9\" class=\"wp-block-list\">\n<li>Di bagian bawah <strong>Sidebar<\/strong>, Anda akan menemukan bagian <strong>Advanced<\/strong> (Tingkat Lanjut) untuk menambahkan <strong>Link rel<\/strong>, <strong>HTML anchor<\/strong>, dan<strong> Additional CSS class(es)<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1509\" height=\"402\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-tingkat-lanjut-di-WordPress-block-editor.png\/public\" alt=\"\" class=\"wp-image-28286\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-tingkat-lanjut-di-WordPress-block-editor.png\/w=1509,fit=scale-down 1509w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-tingkat-lanjut-di-WordPress-block-editor.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-tingkat-lanjut-di-WordPress-block-editor.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-tingkat-lanjut-di-WordPress-block-editor.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/pengaturan-tingkat-lanjut-di-WordPress-block-editor.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1509px) 100vw, 1509px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-cara-menambahkan-heading-dan-teks\">Cara Menambahkan Heading dan Teks<\/h3><p>Selanjutnya Anda perlu menambahkan heading (judul) dan teks. Heading memiliki beberapa level yang menunjukkan tingkat kepentingan informasi yang dibahas dalam konten website Anda.<\/p><p>Pada dasarnya tingkatan ini mirip dengan daftar judul dan subjudul pada makalah atau paper akademik, di mana H3 merupakan bagian dari H2, kemudian H4 adalah bagian dari H3, dan seterusnya.<\/p><p>Berikut cara menambahkan heading dan teks di Gutenberg WordPress:<\/p><ol class=\"wp-block-list\">\n<li>Pilih ikon &ldquo;<strong>+<\/strong>&rdquo; di toolbar atas. Atau, pilih ikon &ldquo;<strong>+<\/strong>&rdquo; pada area editor konten.<\/li>\n\n\n\n<li>Daftar blok WordPress yang tersedia akan muncul. Klik <strong>Heading<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1418\" height=\"579\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-heading-di-gutenberg.png\/public\" alt=\"\" class=\"wp-image-28288\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-heading-di-gutenberg.png\/w=1418,fit=scale-down 1418w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-heading-di-gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-heading-di-gutenberg.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-heading-di-gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-heading-di-gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1418px) 100vw, 1418px\" \/><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Sesuaikan tampilan heading dengan toolbar block.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1026\" height=\"461\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-penyesuaian-heading.png\/public\" alt=\"\" class=\"wp-image-28289\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-penyesuaian-heading.png\/w=1026,fit=scale-down 1026w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-penyesuaian-heading.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-penyesuaian-heading.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-penyesuaian-heading.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-penyesuaian-heading.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1026px) 100vw, 1026px\" \/><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Untuk menambahkan elemen teks lainnya, pilih opsi dari bagian <strong>Text<\/strong> pada daftar blok yang tersedia. Kami memilih <strong>Paragraph<\/strong> di contoh ini.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1390\" height=\"586\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-paragraph-di-gutenberg-editor.png\/public\" alt=\"\" class=\"wp-image-28292\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-paragraph-di-gutenberg-editor.png\/w=1390,fit=scale-down 1390w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-paragraph-di-gutenberg-editor.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-paragraph-di-gutenberg-editor.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-paragraph-di-gutenberg-editor.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-paragraph-di-gutenberg-editor.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1390px) 100vw, 1390px\" \/><\/figure><\/div><ol start=\"5\" class=\"wp-block-list\">\n<li>Tampilannya akan jadi seperti ini:<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1226\" height=\"440\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/konten-paragraf-yang-ditampilkan-di-wordpress.png\/public\" alt=\"\" class=\"wp-image-28293\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/konten-paragraf-yang-ditampilkan-di-wordpress.png\/w=1226,fit=scale-down 1226w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/konten-paragraf-yang-ditampilkan-di-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/konten-paragraf-yang-ditampilkan-di-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/konten-paragraf-yang-ditampilkan-di-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/konten-paragraf-yang-ditampilkan-di-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1226px) 100vw, 1226px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-cara-menambahkan-gambar-dan-media\">Cara Menambahkan Gambar dan Media<\/h3><p>Anda bisa menambahkan gambar dan file media menggunakan <strong>Block Inserter<\/strong> atau ikon &ldquo;<strong>+<\/strong>&rdquo; dalam area editor Gutenberg WordPress.<\/p><p>Berikut cara menambahkan gambar dan media di Gutenberg editor:<\/p><ol class=\"wp-block-list\">\n<li>Klik tombol Block Inserter &ldquo;<strong>+<\/strong>&rdquo; di toolbar bagian atas.<\/li>\n\n\n\n<li>Daftar blok yang tersedia akan muncul. Dari sini, pilih blok <strong>Image<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1091\" height=\"923\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-media-di-gutenberg.png\/public\" alt=\"\" class=\"wp-image-28296\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-media-di-gutenberg.png\/w=1091,fit=scale-down 1091w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-media-di-gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-media-di-gutenberg.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-media-di-gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-media-di-gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1091px) 100vw, 1091px\" \/><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Anda akan melihat 3 opsi upload gambar: upload, media library, dan insert from URL.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"620\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-image-di-wordpress-gutenberg-editor.png\/public\" alt=\"\" class=\"wp-image-28297\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-image-di-wordpress-gutenberg-editor.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-image-di-wordpress-gutenberg-editor.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-image-di-wordpress-gutenberg-editor.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-image-di-wordpress-gutenberg-editor.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Kalau memilih <strong>Upload<\/strong>, Anda akan diminta untuk memilih file gambar dari PC. Klik <strong>Open<\/strong> setelahnya atau klik ganda gambar. Atau, Anda juga bisa memasukkan beberapa file gambar sekaligus dengan drag-and-drop.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"549\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/gambar-diupload-ke-wordpress.png\/public\" alt=\"\" class=\"wp-image-28298\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/gambar-diupload-ke-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/gambar-diupload-ke-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/gambar-diupload-ke-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/gambar-diupload-ke-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol start=\"5\" class=\"wp-block-list\">\n<li>Sesuaikan tampilan gambar melalui <strong>Settings Sidebar<\/strong> di sisi kanan Gutenberg WordPress.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/panel-sidebar-settings-di-gutenberg-wordpress.png\/public\" alt=\"\" class=\"wp-image-28299\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/panel-sidebar-settings-di-gutenberg-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/panel-sidebar-settings-di-gutenberg-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/panel-sidebar-settings-di-gutenberg-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/panel-sidebar-settings-di-gutenberg-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-cara-mengatur-susunan-urutan-block\">Cara Mengatur Susunan Urutan Block<\/h3><p>Di Gutenberg, Anda bisa mengatur urutan blok dalam 2 cara melalui floating toolbar. Yang pertama, gunakan ikon <strong>enam titik<\/strong> untuk memilih beberapa blok sekaligus dan memindahkannya ke mana saja dengan fungsi drag-and-drop.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"818\" height=\"667\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/tombol-drag-di-gutenberg.png\/public\" alt=\"\" class=\"wp-image-28300\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/tombol-drag-di-gutenberg.png\/w=818,fit=scale-down 818w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/tombol-drag-di-gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/tombol-drag-di-gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/tombol-drag-di-gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 818px) 100vw, 818px\" \/><\/figure><\/div><p>Cara kedua, Anda bisa menggunakan ikon <strong>panah atas dan bawah<\/strong> untuk menaikkan atau menurunkan blok.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"826\" height=\"658\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/panah-atas-dan-bawah-untuk-memindahkan-blok-di-halaman.png\/public\" alt=\"\" class=\"wp-image-28301\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/panah-atas-dan-bawah-untuk-memindahkan-blok-di-halaman.png\/w=826,fit=scale-down 826w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/panah-atas-dan-bawah-untuk-memindahkan-blok-di-halaman.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/panah-atas-dan-bawah-untuk-memindahkan-blok-di-halaman.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/panah-atas-dan-bawah-untuk-memindahkan-blok-di-halaman.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 826px) 100vw, 826px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-cara-menambahkan-embed-media\">Cara Menambahkan (Embed) Media<\/h3><p>Untuk memasukkan konten dari platform lain, editor WordPress Gutenberg memiliki bagian sendiri yang memungkinkan Anda menambahkan dan menyematkan file media dari berbagai sumber.<\/p><p>Berikut cara menambahkan media di Gutenberg:<\/p><ol class=\"wp-block-list\">\n<li>Klik ikon &ldquo;<strong>+<\/strong>&rdquo; dari toolbar bagian atas.<\/li>\n\n\n\n<li>Scroll ke bawah untuk menemukan bagian <strong>Embeds<\/strong>.<\/li>\n\n\n\n<li>Pilih media yang ingin ditambahkan. Di contoh ini, kami <a href=\"\/id\/tutorial\/cara-embed-video-youtube\">menambahkan video YouTube<\/a>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1202\" height=\"416\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-youtube-di-editor-gutenberg.png\/public\" alt=\"\" class=\"wp-image-28390\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-youtube-di-editor-gutenberg.png\/w=1202,fit=scale-down 1202w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-youtube-di-editor-gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-youtube-di-editor-gutenberg.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-youtube-di-editor-gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/blok-youtube-di-editor-gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1202px) 100vw, 1202px\" \/><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Paste URL video lalu klik <strong>Embed<\/strong>.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"823\" height=\"355\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/url-video-di-block-youtube.png\/public\" alt=\"\" class=\"wp-image-28392\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/url-video-di-block-youtube.png\/w=823,fit=scale-down 823w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/url-video-di-block-youtube.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/url-video-di-block-youtube.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/url-video-di-block-youtube.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 823px) 100vw, 823px\" \/><\/figure><ol start=\"5\" class=\"wp-block-list\">\n<li>Video akan langsung ditampilkan di postingan atau halaman Anda.<\/li>\n<\/ol><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"737\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/postingan-dengan-video-youtube-hostinger-indonesia.png\/public\" alt=\"\" class=\"wp-image-27181\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/postingan-dengan-video-youtube-hostinger-indonesia.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/postingan-dengan-video-youtube-hostinger-indonesia.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/postingan-dengan-video-youtube-hostinger-indonesia.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/postingan-dengan-video-youtube-hostinger-indonesia.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h3 class=\"wp-block-heading\" id=\"h-cara-membuat-reusable-blok-di-gutenberg-wordpress\">Cara Membuat Reusable Blok di Gutenberg WordPress<\/h3><p>Reusable block adalah kumpulan snippet konten yang bisa digunakan berulang kali di area website mana pun sehingga Anda bisa bekerja secara lebih efisien.<\/p><p>Cara kerjanya sama seperti template, jadi kalau Anda mengupdate konten reusable block, maka semua halaman dan postingan yang menggunakannya akan ikut diupdate.<\/p><p>Cara membuat reusable block di Gutenberg adalah sebagai berikut:<\/p><ol class=\"wp-block-list\">\n<li>Pilih bagian yang ingin disimpan sebagai reusable block.<\/li>\n\n\n\n<li>Pilih ikon <strong>tiga titik<\/strong> dari toolbar dan klik <strong>Add to Reusable blocks.<\/strong><\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"805\" height=\"539\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-add-to-reusable-blocks-di-gutenberg-editor.png\/public\" alt=\"\" class=\"wp-image-28393\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-add-to-reusable-blocks-di-gutenberg-editor.png\/w=805,fit=scale-down 805w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-add-to-reusable-blocks-di-gutenberg-editor.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-add-to-reusable-blocks-di-gutenberg-editor.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-add-to-reusable-blocks-di-gutenberg-editor.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 805px) 100vw, 805px\" \/><\/figure><\/div><ol start=\"3\" class=\"wp-block-list\">\n<li>Beri nama block kemudian klik <strong>Save<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"357\" height=\"217\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/window-untuk-membuat-reusable-block.png\/public\" alt=\"\" class=\"wp-image-28394\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/window-untuk-membuat-reusable-block.png\/w=357,fit=scale-down 357w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/window-untuk-membuat-reusable-block.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/window-untuk-membuat-reusable-block.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 357px) 100vw, 357px\" \/><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Selesai! Anda bebas menempatkan reusable block di mana pun pada website Anda.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"805\" height=\"182\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/contoh-reusable-block-yang-ditambahkan-ke-wordpress.png\/public\" alt=\"\" class=\"wp-image-28395\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/contoh-reusable-block-yang-ditambahkan-ke-wordpress.png\/w=805,fit=scale-down 805w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/contoh-reusable-block-yang-ditambahkan-ke-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/contoh-reusable-block-yang-ditambahkan-ke-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/contoh-reusable-block-yang-ditambahkan-ke-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 805px) 100vw, 805px\" \/><\/figure><\/div><p>Untuk menambahkannya di postingan atau area lain, klik &ldquo;<strong>+<\/strong>&rdquo; dan temukan reusable block yang Anda inginkan dari daftar.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"296\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-mencari-reusable-block-dalam-daftar.png\/public\" alt=\"\" class=\"wp-image-28396\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-mencari-reusable-block-dalam-daftar.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-mencari-reusable-block-dalam-daftar.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-mencari-reusable-block-dalam-daftar.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-mencari-reusable-block-dalam-daftar.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Cara lebih cepatnya, Anda bisa&nbsp;mengetik &ldquo;<strong>\/<\/strong>&rdquo; (garis miring) lalu pilih block yang diinginkan.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"541\" height=\"491\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/cara-alternatif-untuk-menemukan-reusable-block.png\/public\" alt=\"\" class=\"wp-image-28397\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/cara-alternatif-untuk-menemukan-reusable-block.png\/w=541,fit=scale-down 541w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/cara-alternatif-untuk-menemukan-reusable-block.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/cara-alternatif-untuk-menemukan-reusable-block.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 541px) 100vw, 541px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-shortcut-keyboard-gutenberg-wordpress\">Shortcut Keyboard Gutenberg WordPress<\/h3><p>Editor block WordPress punya sejumlah shortcut keyboard yang bisa membantu Anda bekerja lebih efisien dan menelusuri antarmukanya dengan lebih lancar.<\/p><p>Berikut adalah daftar shortcut keyboard editor block Gutenberg dan fungsinya:<\/p><figure tabindex=\"0\" class=\"wp-block-table\"><table><thead><tr><th>Shortcut<\/th><th>Fungsi<\/th><\/tr><\/thead><tbody><tr><td><strong>Shift + Alt + H<\/strong><\/td><td>Menampilkan semua shortcut keyboard.<\/td><\/tr><tr><td><strong>Ctrl + Shift + Alt + M<\/strong><\/td><td>Beralih antara editor visual dan editor kode.<\/td><\/tr><tr><td><strong>Ctrl + Shift + Alt + F<\/strong><\/td><td>Mengaktifkan atau menonaktifkan mode full screen.<\/td><\/tr><tr><td><strong>Ctrl + Shift + ,<\/strong><\/td><td>Menampilkan atau menyembunyikan panel <strong>Settings Sidebar<\/strong>.<\/td><\/tr><tr><td><strong>Ctrl + S<\/strong><\/td><td>Menyimpan perubahan.<\/td><\/tr><tr><td><strong>Shift + Alt + O<\/strong><\/td><td>Membuka <strong>Block List View<\/strong>.<\/td><\/tr><tr><td><strong>Ctrl + Z<\/strong><\/td><td>Membatalkan perubahan terakhir.<\/td><\/tr><tr><td><strong>Ctrl + Shift + Z<\/strong><\/td><td>Mengulangi undo terakhir.<\/td><\/tr><tr><td><strong>Ctrl + A<\/strong><\/td><td>Memilih semua teks saat mengetik. Tekan lagi untuk memilih semua blok.<\/td><\/tr><tr><td><strong>Esc<\/strong><\/td><td>Menghapus pilihan.<\/td><\/tr><tr><td><strong>Ctrl + Shift + D<\/strong><\/td><td>Menduplikasi blok yang dipilih.<\/td><\/tr><tr><td><strong>Shift + Alt + Z<\/strong><\/td><td>Menghapus blok yang dipilih.<\/td><\/tr><tr><td><strong>Ctrl + Alt + T<\/strong><\/td><td>Menyisipkan blok baru sebelum blok yang dipilih.<\/td><\/tr><tr><td><strong>Ctrl + Alt + Y<\/strong><\/td><td>Menyisipkan blok baru setelah blok yang dipilih.<\/td><\/tr><tr><td><strong>del atau backspace<\/strong><\/td><td>Menghapus teks yang dipilih.<\/td><\/tr><tr><td><strong>Ctrl + Shift + Alt + T<\/strong><\/td><td>Memindahkan blok yang dipilih ke atas.<\/td><\/tr><tr><td><strong>Ctrl + Shift + Alt + Y<\/strong><\/td><td>Memindahkan blok yang dipilih ke bawah.<\/td><\/tr><tr><td><strong>\/<\/strong><\/td><td>Mengubah jenis blok setelah menambahkan paragraf.<\/td><\/tr><tr><td><strong>Ctrl +B<\/strong><\/td><td>Menebalkan teks yang dipilih.<\/td><\/tr><tr><td><strong>Ctrl + I<\/strong><\/td><td>Memiringkan teks yang dipilih.<\/td><\/tr><tr><td><strong>Ctrl + K<\/strong><\/td><td>Mengubah teks yang dipilih menjadi link.<\/td><\/tr><tr><td><strong>Ctrl + Shift + K<\/strong><\/td><td>Menghapus link.<\/td><\/tr><tr><td><strong>[[<\/strong><\/td><td>Menyisipkan link ke postingan atau halaman.<\/td><\/tr><tr><td><strong>Ctrl + U<\/strong><\/td><td>Menggarisbawahi teks yang dipilih.<\/td><\/tr><tr><td><strong>Ctrl + ` atau Shift + Alt + N<\/strong><\/td><td>Mengarahkan kursor ke bagian selanjutnya dalam editor.<\/td><\/tr><tr><td><strong>Ctrl + Shift + ` atau Shift + Alt + P<\/strong><\/td><td>Mengarahkan kursor ke bagian sebelumnya dalam editor.<\/td><\/tr><tr><td><strong>Alt + F10<\/strong><\/td><td>Mengarahkan kursor ke toolbar terdekat.<\/td><\/tr><\/tbody><\/table><\/figure><p>Apabila menggunakan Mac, cukup ganti <strong>Ctrl <\/strong>dengan <strong>Command <\/strong>(&#8984;).<\/p><p>Anda juga bisa menemukan daftar shortcut ini dengan mengklik iikon <strong>tiga titik <\/strong>di pojok kanan atas Gutenberg WordPress lalu memilih <strong>Keyboard shortcuts<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-cara-menggunakan-block-list-view\">Cara Menggunakan Block List View<\/h3><p>Anda bisa mengklik <strong>Block Inserter<\/strong> untuk mencari blok lainnya. Namun, kalau menggunakan <strong>nested block<\/strong> (blok bertingkat yang menjorok ke kanan), Anda mungkin akan sedikit kesulitan untuk menemukan blok yang diinginkan.<\/p><p>Selain itu, memiliki terlalu banyak blok juga akan menyulitkan Anda untuk menelusurinya.<\/p><p>Nah, untuk mempermudah proses ini, editor WordPress Gutenberg memiliki opsi Block List View (daftar block) agar Anda bisa melihat setiap block yang sedang disusun, termasuk nested block dengan indentasi menjorok ke dalam. Cukup klik tombol <strong>List View<\/strong> di toolbar atas.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1397\" height=\"616\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-list-view-di-gutenberg.png\/public\" alt=\"\" class=\"wp-image-28398\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-list-view-di-gutenberg.png\/w=1397,fit=scale-down 1397w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-list-view-di-gutenberg.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-list-view-di-gutenberg.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-list-view-di-gutenberg.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/12\/opsi-list-view-di-gutenberg.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1397px) 100vw, 1397px\" \/><\/figure><\/div><p>Anda bisa memilih atau memperluas tampilan blok dengan mengklik daftar ini. Gutenberg juga akan menyorot blok yang sedang ditunjuk oleh kursor mouse Anda.<\/p><p>Pada gambar di atas, fitur ini menampilkan:<\/p><ul class=\"wp-block-list\">\n<li>Block heading di bagian atas postingan.<\/li>\n\n\n\n<li>Blok kolom induk utama.<\/li>\n\n\n\n<li>Nested block di dalam setiap kolom.<\/li>\n\n\n\n<li>Nested reusable block pada setiap blok kolom.<\/li>\n\n\n\n<li>Nested paragraph block di dalam setiap reusable block.<\/li>\n\n\n\n<li>Blok paragraf di bagian bawah postingan.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-block-vs-widget\">Block vs Widget<\/h2><p><a href=\"\/id\/tutorial\/apa-itu-widget\">Widget adalah<\/a> salah satu fitur WordPress paling awal yang dibuat untuk memudahkan pembuatan dan pengelolaan konten website tanpa coding.<\/p><p>Namun, <a href=\"https:\/\/developer.wordpress.org\/block-editor\/how-to-guides\/widgets\/legacy-widget-block\/\" target=\"_blank\" rel=\"noopener\">legacy widget<\/a> memiliki opsi format yang terbatas dan perlu banyak langkah manual untuk memodifikasinya karena dibuat dengan editor widget klasik. Selain itu, widget membutuhkan plugin tambahan untuk menambahkan fitur lainnya.<\/p><p>Sejak update WordPress versi 5.8, widget berbasis block mulai menggantikan versi klasik. Fitur barunya menyertakan banyak peningkatan yang memudahkan pengguna untuk menyesuaikan halaman website, bahkan di area yang tadinya cukup terbatas.<\/p><p>Block editor juga dilengkapi dengan widget berbasis blok siap pakai yang bisa digunakan tanpa plugin atau kode tambahan, seperti custom HTML, kalender, daftar halaman, postingan terbaru, ikon sosial, dan cloud tag.<\/p><h2 class=\"wp-block-heading\" id=\"h-kesimpulan\">Kesimpulan<\/h2><p>Gutenberg adalah editor konten bawaan WordPress yang bisa digunakan untuk membuat postingan dan halaman. Editor ini memiliki block default yang untuk setiap elemen yang Anda butuhkan untuk membuat website, seperti paragraf, judul, gambar, embed media, widget, dan kolom.<\/p><p>Block editor WordPress ini juga menyertakan lebih banyak update canggih, seperti interface yang user-friendly, tool yang mudah digunakan, dan fitur tambahan yang mendukung FSE (pengeditan website penuh).<\/p><p>Selain itu, Anda bebas menambahkan dan menyesuaikan blok baru, header, dan teks, menyisipkan gambar dan media, mengatur banyak blok sekaligus, dan menyematkan konten pihak ketiga.<\/p><p>Semoga tutorial ini bisa membantu Anda memahami cara menggunakan editor Gutenberg WordPress dengan lebih baik ya. Kalau punya pertanyaan atau saran untuk tutorial ini, jangan ragu untuk menyampaikannya lewat kolom komentar di bawah ini.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Artikel Lainnya Seputar WordPress<\/h4>\n                    <p><br>\n<a href=\"\/id\/tutorial\/cara-mempercepat-wordpress\">Cara Mempercepat WordPress<\/a><br>\n<a href=\"\/id\/tutorial\/cara-install-wordpress\">Cara Install WordPress<\/a><br>\n<a href=\"\/id\/tutorial\/wordpress-maintenance-mode\">Cara Mengaktifkan Maintenance Mode di WordPress<\/a><br>\n<a href=\"\/id\/tutorial\/cara-ganti-password-wordpress\">Cara Mengubah Password di WordPress<\/a><br>\n<a href=\"\/id\/tutorial\/cara-login-wordpress\">Cara Login ke WordPress<\/a><br>\n<\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-pertanyaan-umum-seputar-gutenberg-wordpress\">Pertanyaan Umum Seputar Gutenberg WordPress<\/h2><div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-69442c4c82e7a\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Apa Fungsi Gutenberg?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Pada dasarnya fungsi Gutenberg sama seperti classic editor, yaitu untuk membuat atau mengedit postingan dan halaman website. Namun, editor ini memiliki antarmuka yang lebih intuitif dan lebih banyak fitur. Kalau ingin kembali ke classic editor, Anda bisa menggunakan plugin seperti Classic Editor yang akan menonaktifkan block editor.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69442c4c82e7d\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Apakah Gutenberg Gratis?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Ya, Gutenberg adalah bagian default dari software inti WordPress sehingga tersedia gratis di WordPress versi 5.0 dan yang lebih baru. Kalau masih menggunakan CMS versi lama, Anda bisa upgrade ke versi terbaru atau menginstal plugin Editor Gutenberg.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-69442c4c82e7e\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Apakah Gutenberg Bagus untuk SEO?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Ya, block editor meningkatkan keseluruhan performa website sehingga membantu menaikkan ranking di SERP. Sejak dirilis, update Gutenberg juga menyertakan minifikasi kode, optimasi, dan peningkatan lainnya untuk mempercepat waktu loading.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Gutenberg adalah editor default yang digunakan di WordPress 5.0. Sebagai pengganti editor TinyMCE, Gutenberg memungkinkan Anda membuat postingan di WordPress secara lebih interaktif. Setelah update WordPress 5.9, Gutenberg bahkan menyertakan semua aspek penyesuaian untuk menghadirkan pengalaman FSE (full site editing). Artinya, Anda bisa merancang dan mendesain keseluruhan website WordPress dengan editor ini. Anda bisa menambahkan [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/id\/tutorial\/cara-menggunakan-gutenberg-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":190,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"","rank_math_description":"Gutenberg adalah editor teks baru untuk menulis postingan di WordPress. Baca cara menggunakan editor Gutenberg WordPress di sini yuk!","rank_math_focus_keyword":"gutenberg wordpress, cara menggunakan editor gutenberg wordpress","footnotes":""},"categories":[4859],"tags":[],"class_list":["post-28256","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/gutenberg-wordpress","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/gutenberg-pros-e-contras","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/gutenberg-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/gutenberg-wordpress","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-menggunakan-editor-gutenberg-wordpress","default":0},{"locale":"it-IT","link":"https:\/\/www.hostinger.com\/it\/tutorial\/wordpress-gutenberg","default":0},{"locale":"nl-NL","link":"https:\/\/www.hostinger.com\/nl\/tutorials\/wordpress-gutenberg","default":0},{"locale":"ja-JP","link":"https:\/\/www.hostinger.com\/jp\/tutorials\/gutenberg-wordpress\/","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/gutenberg-wordpress","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/gutenberg-wordpress","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/gutenberg-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/agregar-meta-descripcion-wordpress-19","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-reparar-error-establishing-a-database-connection-wordpress-10\/","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/gutenberg-wordpress","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/gutenberg-pros-e-contras","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/gutenberg-wordpress","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/gutenberg-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/gutenberg-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/gutenberg-wordpress","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/28256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/users\/190"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/comments?post=28256"}],"version-history":[{"count":24,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/28256\/revisions"}],"predecessor-version":[{"id":47147,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/28256\/revisions\/47147"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media?parent=28256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/categories?post=28256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/tags?post=28256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}