{"id":31373,"date":"2020-07-05T20:16:07","date_gmt":"2020-07-05T20:16:07","guid":{"rendered":"https:\/\/blogging-techies.com\/id\/blok-atom-salah-satu-plugin-blok-gutenberg-wordpress-terbaik\/"},"modified":"2020-07-05T20:16:07","modified_gmt":"2020-07-05T20:16:07","slug":"blok-atom-salah-satu-plugin-blok-gutenberg-wordpress-terbaik","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/id\/blok-atom-salah-satu-plugin-blok-gutenberg-wordpress-terbaik\/","title":{"rendered":"Blok Atom &#8211; salah satu plugin blok Gutenberg \/ WordPress terbaik?"},"content":{"rendered":"<p class=\"\"><a href=\"https:\/\/wordpress.org\/gutenberg\/\" rel=\"nofollow noopener\" target=\"_blank\">Gutenberg<\/a>, dirilis sebagai editor default baru untuk WordPress di <a href=\"https:\/\/wordpress.org\/news\/2018\/12\/bebo\/\" rel=\"nofollow noopener\" target=\"_blank\">Desember 2018<\/a>, memungkinkan Anda membuat konten yang indah menggunakan blok konten, dengan opsi untuk judul, galeri, kolom, tombol, video, dan lainnya.<\/p>\n<p>Jutaan pengguna WordPress telah menginstal <a href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\" rel=\"nofollow noopener\" target=\"_blank\">Editor klasik<\/a> sehingga mereka dapat terus menggunakan editor lama untuk membuat konten.  Namun, banyak pemilik situs web mulai menghargai apa yang bisa dilakukan Gutenberg.  Salah satu alasannya adalah meningkatnya jumlah plugin koleksi Gutenberg yang memperluasnya dengan menawarkan blok konten tambahan dan lebih banyak opsi.<\/p>\n<p>Pada artikel ini, kita akan lihat <a href=\"https:\/\/atomicblocks.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Blok atom<\/a> &#8211; salah satu plugin koleksi Gutenberg terbaik yang tersedia di WordPress.org.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Apa_yang_ditawarkan_blok_atom\"><\/span>Apa yang ditawarkan blok atom?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Awalnya dikembangkan oleh <a href=\"https:\/\/profiles.wordpress.org\/arrayhq\/\" rel=\"nofollow noopener\" target=\"_blank\">Mike McAlister<\/a>Atomic Blocks diakuisisi oleh perusahaan WordPress tema StudioPress dan dikelola oleh perusahaan hosting WordPress WP Engine (bersama dengan toko Tema Array Mike).  Pengembang WordPress <a href=\"http:\/\/marksabbath.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Marcos Schratzenstaller<\/a> dan <a href=\"https:\/\/www.johnparris.com\/\" rel=\"nofollow noopener\" target=\"_blank\">John Parris<\/a> Mereka juga berkontribusi pada plugin.<\/p>\n<p>Blok atom bisa saja <a href=\"https:\/\/wordpress.org\/plugins\/atomic-blocks\/\" rel=\"nofollow noopener\" target=\"_blank\">diunduh gratis dari WordPress.org<\/a>, atau Anda dapat menginstalnya langsung di dalam area admin WordPress Anda.<\/p>\n<p>Setelah mengaktifkan plugin, Anda akan melihat halaman beranda.  Di bawah ini adalah daftar blok yang tersedia.<\/p>\n<p>Halaman ini mencantumkan 11 blok: kisi pos, wadah, ajakan bertindak, testimonial, pemberitahuan online, ikon bagikan, profil penulis, akordeon, tombol yang dapat disesuaikan, tutup drop, serta pemisah dan pemisah.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879489_992_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Blok konten tersedia dalam blok atom\" class=\"aligncenter size-large wp-image-28872\"><\/p>\n<p>Empat blok tambahan yang tidak tercantum pada halaman beranda tersedia di Gutenberg: tata letak, kolom lanjutan, harga, dan buletin.<\/p>\n<p>Blok desain juga dapat dipilih dari tombol desain khusus di bagian atas halaman.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879489_841_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Daftar Blok Atom\" class=\"aligncenter size-large wp-image-28874\"><\/p>\n<p>Area awal juga mencantumkan pertanyaan dan jawaban umum tentang Gutenberg dan Blok Atom.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879489_313_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Dimulai dengan blok atom\" class=\"aligncenter size-large wp-image-28873\"><\/p>\n<p>Kunci API MailChimp Anda dapat dimasukkan pada halaman konfigurasi Blok Atom, yang diperlukan jika Anda ingin menggunakan blok buletin.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879489_391_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Konfigurasi Blok Atom\" class=\"aligncenter size-large wp-image-28875\"><\/p>\n<p>Menariknya, Blok Atom kompatibel dengan Google <a href=\"https:\/\/amp.dev\/\" rel=\"nofollow noopener\" target=\"_blank\">Laman Seluler yang Dipercepat (AMP)<\/a> proyek, yang dibuat untuk meningkatkan situs web untuk pengguna seluler.<\/p>\n<p>Blok atom adalah genap <a href=\"https:\/\/amp-wp.org\/ecosystem\/plugins\/\" rel=\"nofollow noopener\" target=\"_blank\">muncul sebagai plugin di halaman AMP untuk WordPress<\/a>Karena Blok Atom memiliki dukungan AMP yang dibangun ke dalam setiap blok.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Buat_desain_dengan_blok_atom\"><\/span>Buat desain dengan blok atom<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Blok Atom mencakup bagian dan tata letak yang telah dirancang untuk membantu Anda membentuk halaman Anda.<\/p>\n<p>Pemilih Tata Letak dapat dipilih dari tombol Daftar Blok atau Tata Letak di bagian atas setiap halaman, dan saat ini ada delapan bagian dan empat tata letak.<\/p>\n<p>Ada bagian untuk tajuk, layanan (tiga dan empat kolom), media dan teks, daftar teks dan gambar, anggota tim, testimonial, dan informasi kontak untuk peta.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879489_171_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Pemilih tata letak\" class=\"aligncenter size-large wp-image-28877\"><\/p>\n<p>Dua tata letak peluncuran produk tersedia sebagai tata letak, dan ada juga satu tata letak untuk bisnis dan satu untuk freelancer.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879489_877_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Desain peluncuran produk\" class=\"aligncenter size-large wp-image-28878\"><\/p>\n<p>Blok kontainer dapat digunakan untuk menempatkan beberapa blok individual dalam sebuah wadah, yang dapat digunakan untuk membuat bagian di situs Anda.  Anda kemudian dapat menentukan isi, margin, warna latar belakang, dan gambar untuk bagian itu.<\/p>\n<p>Saya selalu menemukan blok kolom Gutenberg default frustasi, karena secara otomatis mengambil dua kolom secara default, dan kemudian Anda perlu mengubah blok untuk menambahkan kolom tambahan.<\/p>\n<p>Blok Atom menangani hal-hal dengan lebih baik: Ketika Anda memilih blok kolom, Anda dapat memilih dari satu hingga enam kolom, dan jika Anda memilih dua, tiga, atau empat, Anda ditawari pilihan tata letak yang menampilkannya dalam lebar yang berbeda.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879490_858_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Kolom Blok Atom\" class=\"aligncenter size-large wp-image-28879\"><\/p>\n<p>Blok Atom memberi Anda lebih banyak kontrol atas tata letak daripada editor Gutenberg default, tetapi saya ingin melihat pengembang membangun sistem tata letak mereka dan memperkenalkan lebih banyak bagian, lebih banyak tata letak, dan struktur kolom dan baris tambahan.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Blok_konten\"><\/span>Blok konten<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Tata letak, wadah, dan blok kolom ditampilkan di area konten Anda ketika Anda menambahkan blok baru.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879490_64_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Tombol desain\" class=\"aligncenter size-large wp-image-28883\"><\/p>\n<p>12 blok yang tersisa dapat digunakan untuk meningkatkan konten Anda.<\/p>\n<p>Di tangkapan layar berikut, Anda dapat melihat contoh topi jatuh, testimonial, spacer, dan blok iklan.  Semuanya mudah digunakan, dan ada pilihan opsi yang bagus untuk setiap blok untuk membantu Anda memodifikasi teks dan warna.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879490_143_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Gaya konten Anda dengan blok atom\" class=\"aligncenter size-large wp-image-28884\"><\/p>\n<p>Blok kotak posting dan halaman berguna dan memungkinkan Anda memilih jumlah kolom untuk menampilkan posting, kategori posting apa yang ditampilkan dan panjang kutipan.  Informasi meta juga dapat dihidupkan dan dimatikan.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879490_493_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Publikasi dan kisi halaman\" class=\"aligncenter size-large wp-image-28882\"><\/p>\n<p>Blok tabel harga adalah tambahan yang bagus.  Untuk setiap produk, Anda dapat menentukan judul, deskripsi, harga, berbagai fungsi, dan tombol Beli Sekarang.  Yang harus Anda lakukan adalah mengklik pada bagian yang ingin Anda edit.<\/p>\n<p>Bagian warna dan isi tersedia untuk setiap bagian tabel.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879490_569_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Blok tabel harga\" class=\"aligncenter size-large wp-image-28886\"><\/p>\n<p>Blok lain yang bermanfaat adalah ajakan untuk bertindak.  Anda dapat menggunakan ini untuk mempromosikan buletin atau mempromosikan produk baru yang Anda jual.<\/p>\n<p>Ini mengadopsi desain sederhana: judul, deskripsi dan tombol.  Tombol dapat ditautkan, dan Anda dapat menyesuaikan warna dan bahkan menetapkan gambar latar belakang jika Anda mau.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879490_695_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Blokir Panggilan untuk Bertindak\" class=\"aligncenter size-large wp-image-28887\"><\/p>\n<p>Secara keseluruhan, saya terkesan dengan blok yang ditawarkan.<\/p>\n<p>Tata letak balok terlihat bagus, mudah digunakan, dan memiliki banyak opsi gaya.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Tema_blok_atom\"><\/span>Tema blok atom<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Pengembang Blok Atom juga telah merilis tema WordPress gratis <a href=\"https:\/\/wordpress.org\/themes\/atomic-blocks\/\" rel=\"nofollow noopener\" target=\"_blank\">dengan nama yang sama<\/a>, dirancang untuk digunakan dengan Gutenberg dan plugin Blok Atom.<\/p>\n<p>Tema Atomic Blocks memiliki desain minimalis.  Ada beberapa opsi untuk tema di dalam penyesuai tema WordPress, tetapi dibandingkan dengan kebanyakan tema WordPress lainnya, tema ini sangat terbatas.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/07\/1593879490_74_Bloques-atomicos-%C2%BFuno-de-los-mejores-complementos-de-bloques-de.png\" alt=\"Tema blok atom\" class=\"aligncenter size-large wp-image-28880\"><\/p>\n<p>Melalui penyesuai, Anda dapat menyesuaikan lebar area konten, menambahkan bilah pencarian ke menu navigasi Anda, memilih ukuran dan gaya font, dan mengubah moto footer.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/themes\/atomic-blocks\/\" rel=\"nofollow noopener\" target=\"_blank\">Tema blok atom<\/a> Ini mungkin cocok bagi Anda yang menginginkan desain blog minimal, tetapi tidak cukup untuk tampil menonjol.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Pikiran_terakhir\"><\/span>Pikiran terakhir<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Anda akan menemukan banyak plugin dari koleksi Gutenberg di WordPress.org, tetapi Atomic Block dianggap salah satu yang terbaik.<\/p>\n<p>Bagian dan tata ruang yang telah ditentukan sebelumnya, dan sistem kolom yang serba guna, meningkatkan area di mana Gutenberg kurang.  Ada juga beragam blok terkait konten yang bagus dan semuanya memberi Anda kendali atas gaya tersebut.<\/p>\n<p>Saya mendorong Anda untuk melakukannya <a href=\"https:\/\/wordpress.org\/plugins\/atomic-blocks\/\" rel=\"nofollow noopener\" target=\"_blank\">lihatlah blok atomnya<\/a> sehingga Anda mendapatkan apresiasi penuh dari apa yang dapat Anda lakukan.<\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/id\/blok-atom-salah-satu-plugin-blok-gutenberg-wordpress-terbaik\/#Apa_yang_ditawarkan_blok_atom\" >Apa yang ditawarkan blok atom?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/id\/blok-atom-salah-satu-plugin-blok-gutenberg-wordpress-terbaik\/#Buat_desain_dengan_blok_atom\" >Buat desain dengan blok atom<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/id\/blok-atom-salah-satu-plugin-blok-gutenberg-wordpress-terbaik\/#Blok_konten\" >Blok konten<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blogging-techies.com\/id\/blok-atom-salah-satu-plugin-blok-gutenberg-wordpress-terbaik\/#Tema_blok_atom\" >Tema blok atom<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/blogging-techies.com\/id\/blok-atom-salah-satu-plugin-blok-gutenberg-wordpress-terbaik\/#Pikiran_terakhir\" >Pikiran terakhir<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Gutenberg, dirilis sebagai editor default baru untuk WordPress di Desember 2018, memungkinkan Anda membuat konten yang indah menggunakan blok konten, dengan opsi untuk judul, galeri, kolom, tombol, video, dan lainnya. Jutaan pengguna WordPress telah menginstal Editor klasik sehingga mereka dapat terus menggunakan editor lama untuk membuat konten. Namun, banyak pemilik situs web mulai menghargai apa [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":31374,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/posts\/31373"}],"collection":[{"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/comments?post=31373"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/posts\/31373\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/media\/31374"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/media?parent=31373"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/categories?post=31373"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/id\/wp-json\/wp\/v2\/tags?post=31373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}