Cara Membuat Website Atau Blog Pada Tahun 2020 - Panduan Gratis Dan Mudah Untuk Membangun Website

Blok Atom – salah satu plugin blok Gutenberg / WordPress terbaik?

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 yang bisa dilakukan Gutenberg. Salah satu alasannya adalah meningkatnya jumlah plugin koleksi Gutenberg yang memperluasnya dengan menawarkan blok konten tambahan dan lebih banyak opsi.

Pada artikel ini, kita akan lihat Blok atom – salah satu plugin koleksi Gutenberg terbaik yang tersedia di WordPress.org.

Apa yang ditawarkan blok atom?

Awalnya dikembangkan oleh Mike McAlisterAtomic Blocks diakuisisi oleh perusahaan WordPress tema StudioPress dan dikelola oleh perusahaan hosting WordPress WP Engine (bersama dengan toko Tema Array Mike). Pengembang WordPress Marcos Schratzenstaller dan John Parris Mereka juga berkontribusi pada plugin.

Blok atom bisa saja diunduh gratis dari WordPress.org, atau Anda dapat menginstalnya langsung di dalam area admin WordPress Anda.

Setelah mengaktifkan plugin, Anda akan melihat halaman beranda. Di bawah ini adalah daftar blok yang tersedia.

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.

Blok konten tersedia dalam blok atom

Empat blok tambahan yang tidak tercantum pada halaman beranda tersedia di Gutenberg: tata letak, kolom lanjutan, harga, dan buletin.

Blok desain juga dapat dipilih dari tombol desain khusus di bagian atas halaman.

Daftar Blok Atom

Area awal juga mencantumkan pertanyaan dan jawaban umum tentang Gutenberg dan Blok Atom.

Dimulai dengan blok atom

Kunci API MailChimp Anda dapat dimasukkan pada halaman konfigurasi Blok Atom, yang diperlukan jika Anda ingin menggunakan blok buletin.

Konfigurasi Blok Atom

Menariknya, Blok Atom kompatibel dengan Google Laman Seluler yang Dipercepat (AMP) proyek, yang dibuat untuk meningkatkan situs web untuk pengguna seluler.

Blok atom adalah genap muncul sebagai plugin di halaman AMP untuk WordPressKarena Blok Atom memiliki dukungan AMP yang dibangun ke dalam setiap blok.

Buat desain dengan blok atom

Blok Atom mencakup bagian dan tata letak yang telah dirancang untuk membantu Anda membentuk halaman Anda.

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.

Ada bagian untuk tajuk, layanan (tiga dan empat kolom), media dan teks, daftar teks dan gambar, anggota tim, testimonial, dan informasi kontak untuk peta.

Pemilih tata letak

Dua tata letak peluncuran produk tersedia sebagai tata letak, dan ada juga satu tata letak untuk bisnis dan satu untuk freelancer.

Desain peluncuran produk

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.

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.

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.

Kolom Blok Atom

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.

Blok konten

Tata letak, wadah, dan blok kolom ditampilkan di area konten Anda ketika Anda menambahkan blok baru.

Tombol desain

12 blok yang tersisa dapat digunakan untuk meningkatkan konten Anda.

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.

Gaya konten Anda dengan blok atom

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.

Publikasi dan kisi halaman

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.

Bagian warna dan isi tersedia untuk setiap bagian tabel.

Blok tabel harga

Blok lain yang bermanfaat adalah ajakan untuk bertindak. Anda dapat menggunakan ini untuk mempromosikan buletin atau mempromosikan produk baru yang Anda jual.

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.

Blokir Panggilan untuk Bertindak

Secara keseluruhan, saya terkesan dengan blok yang ditawarkan.

Tata letak balok terlihat bagus, mudah digunakan, dan memiliki banyak opsi gaya.

Tema blok atom

Pengembang Blok Atom juga telah merilis tema WordPress gratis dengan nama yang sama, dirancang untuk digunakan dengan Gutenberg dan plugin Blok Atom.

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.

Tema blok atom

Melalui penyesuai, Anda dapat menyesuaikan lebar area konten, menambahkan bilah pencarian ke menu navigasi Anda, memilih ukuran dan gaya font, dan mengubah moto footer.

Tema blok atom Ini mungkin cocok bagi Anda yang menginginkan desain blog minimal, tetapi tidak cukup untuk tampil menonjol.

Pikiran terakhir

Anda akan menemukan banyak plugin dari koleksi Gutenberg di WordPress.org, tetapi Atomic Block dianggap salah satu yang terbaik.

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.

Saya mendorong Anda untuk melakukannya lihatlah blok atomnya sehingga Anda mendapatkan apresiasi penuh dari apa yang dapat Anda lakukan.