{"id":16972,"date":"2020-09-25T17:40:07","date_gmt":"2020-09-25T10:40:07","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=16972"},"modified":"2022-07-14T16:26:04","modified_gmt":"2022-07-14T09:26:04","slug":"gutenberg-block-pattern","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/gutenberg-block-pattern\/","title":{"rendered":"Gutenberg Block Pattern: Mudahnya Membuat Page Layout di WordPress"},"content":{"rendered":"\n

Gutenberg Block Pattern mulai diperkenalkan pada WordPress<\/a> versi 5.5 sebagai salah satu alternatif yang mudah digunakan untuk membuat page layout. Pada artikel ini, kami akan menjelaskan secara detail fitur Block Pattern pada WordPress ini sebagai salah satu solusi bagi Anda yang akan membuat layout halaman.<\/p>\n\n\n\n\n\n

Mengenal Gutenberg Block Pattern<\/h2>\n\n\n\n

Gutenberg merupakan fitur editor dari WordPress yang mulai diperkenalkan pada versi 5. Hadirnya Gutenberg di versi 5.0 ini cukup membuat pengguna lama WordPress menjadi kurang nyaman, karena tampilannya yang berubah sangat drastis dari versi sebelumnya yaitu classic editor. <\/p>\n\n\n\n

Namun seiring updatenya versi 5 serta beberapa perubahan yang dilakukan, membuat Gutenberg semakin nyaman untuk digunakan. Pada versi 5.5, ada beberapa perubahan yang cukup signifikan, yaitu hadirnya block pattern yang membuat pengguna lebih mudah dalam membuat page layout. <\/p>\n\n\n\n

Penerapan layout pada block pattern juga sangat mudah, hanya dengan 3 kali sentuhan klik saja, layout sudah bisa diterapkan pada editor. Bagi kami, fitur ini sangat bermanfaat terlebih bagi penggunakan WordPress baru. <\/p>\n\n\n\n

Contoh penggunaan Gutenberg Block Pattern<\/h2>\n\n\n\n

Nah, berikut adalah contoh penerapan fitur block pattern<\/em> serta penjelasan penggunaannya pada block editor : <\/p>\n\n\n\n

  1. Login Dashboard WordPress Anda.<\/li>
  2. Kemudian ke menu Post seperti gambar berikut.
    <\/li><\/ol>\n\n\n\n
    \"klik<\/figure>\n\n\n\n
    1. Kemudian inputkan Judul Posting dan klik tanda “+” sebelah kanan dan klik menu pattern<\/strong> atas untuk memilih blok yang akan dipergunakan.<\/li><\/ol>\n\n\n\n
      \"Contoh<\/figure>\n\n\n\n
      1. Pada step ini, anda tinggal memilih blok pattern manakah yang akan dipergunakan.<\/li><\/ol>\n\n\n\n
        Baca juga artikel : Cara Membuat Pay Per Post di WordPress dengan WooCommerce<\/a><\/strong><\/pre>\n\n\n\n
        Fitur Gutenberg Block Pattern<\/h2>\n\n\n\n
        • Buttons<\/strong>, adalah blok untuk membuat tombol seperti tombol download. Pada tombol tersebut bisa diarahkan menggunakan menu hyperlink :
          <\/li><\/ul>\n\n\n
          \n
          \"Buttons<\/figure>\n<\/div>\n\n\n
          • Column<\/strong>, adalah blok untuk membagi kolom pada artikel yang ingin kita post. Misal dalam post kita akan dibuat 2 kolom teks saja atau 2 kolom dengan gambar
            <\/li><\/ul>\n\n\n
            \n
            \"\"<\/figure>\n<\/div>\n\n\n
            • Galery<\/strong>, adalah blok untuk membuat posting berupa galeri gambar
              <\/li><\/ul>\n\n\n
              \n
              \"\"<\/figure>\n<\/div>\n\n\n
              • Header<\/strong>, adalah biasanya blok ini dibuat untuk pembuatan judul menggunakan ilustrasi gambar
                <\/li><\/ul>\n\n\n\n
                \"\"<\/figure>\n\n\n\n
                • Text<\/strong>, adalah blok untuk membuat posting berupa text paragraf. Pada blok ini bisa dibuat paragraf quote.
                  <\/li><\/ul>\n\n\n\n
                  \"\"

                  <\/figcaption><\/figure>\n\n\n\n
                  Mudah bukan membuat Page Layout dengan Block Pattern di WordPress? <\/p>\n\n\n\n
                  Demikian pembahasan artikel terkait pengelolaan block pattern di Gutenberg WordPress<\/span>, semoga bermanfaat !<\/p>\n","protected":false},"excerpt":{"rendered":"
                  Gutenberg Block Pattern mulai diperkenalkan pada WordPress versi 5.5 sebagai salah satu alternatif yang mudah digunakan untuk membuat page layout. Pada artikel ini, kami akan menjelaskan secara detail fitur Block Pattern pada WordPress ini sebagai salah satu solusi bagi Anda yang akan membuat layout halaman. Mengenal Gutenberg Block Pattern Gutenberg merupakan fitur editor dari WordPress […]<\/p>\n","protected":false},"author":323,"featured_media":17012,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[463],"tags":[1398,946,1091,14],"class_list":{"0":"post-16972","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-wordpress","8":"tag-layout-wordpress","9":"tag-panduan-wordpress","10":"tag-setting-wordpress","11":"tag-wordpress"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2020\/09\/Mudahnya-Membuat-Page-Layout-di-WordPress.jpg","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-4pK","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/16972","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/323"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=16972"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/16972\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/17012"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=16972"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=16972"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=16972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}