10 Tema Blok WordPress dengan Pengeditan Situs Lengkap

WordPress telah datang jauh dari yang dilihat hanya sebagai solusi blogging. Sejak rilis Editor Gutenberg – platform terus mendorong untuk memberikan penggunanya lebih banyak kebebasan dengan pilihan desain menggunakan konsep Blok.

Tujuan utama Blok adalah mengubah WordPress menjadi pembuat situs web. Ini sudah dimungkinkan untuk tingkat tertentu, melalui penggunaan plugin, dan, baru-baru ini – penambahan Pengeditan Situs Lengkap. FSE adalah pengalaman pembuatan situs web jenis baru di mana pengguna WordPress dapat menata desain situs mereka langsung dari ujung depan.

Apa itu Pengeditan Situs Lengkap?

Secara sederhana, fitur Full Site Editing memungkinkan pengguna WordPress mengubah desain tema (blok) mereka, tanpa harus menulis kode apa pun. Penekanannya adalah pada tema Blok karena fitur baru ini hanya tersedia untuk tema yang dibangun di atas fondasi Blok.

Sebagai pengguna WordPress, Anda sudah terbiasa menggunakan Editor Gutenberg untuk menulis posting blog menggunakan blok. Ide untuk FSE adalah sama. Sama seperti menulis posting blog, dengan Editor Situs Lengkap, Anda juga dapat mengedit desain situs Anda menggunakan blok.

Setelah Anda mengaktifkan tema Blokir (seperti Twenty Twenty-Two), Anda akan melihat opsi baru di bawah tab Appearance dari dasbor Admin. Itu disebut Redaktur .

Mengklik Editor segera membawa Anda ke dasbor Pengeditan Situs Lengkap yang baru. Halaman default yang terbuka adalah homepage. Tetapi Anda dapat memilih halaman mana saja yang didukung oleh tema, dan mulai menyesuaikan. Berikut ini contohnya:

Dalam demo di atas, saya punya:

1. Memilih blok Footer sebagai keseluruhan bagian.
2. Mengubah warna latar belakang menggunakan editor Blok.

Saya tidak perlu menulis CSS khusus apa pun. Saya juga tidak menggunakan satu plugin. Semua perubahan disimpan langsung ke dalam tema itu sendiri. Yang terbaik dari semuanya, Anda dapat menata seluruh situs web Anda dengan cara ini.

Anda dapat memilih elemen terkecil, termasuk pagination dan item navigasi individual. Ini adalah pengalaman membangun situs web asli di dalam WordPress itu sendiri. Dan, seperti yang dapat Anda bayangkan, itu hanya akan meningkat seiring berjalannya waktu.

Mengantar era baru WordPress

Konsep FSE masih sangat segar di mata semua orang.

Saya pikir aman untuk mengatakan bahwa untuk saat ini, FSE akan berjuang untuk bersaing dengan pembuat situs web yang disempurnakan seperti Elementor dan Visual Composer. Tapi saya yakin segalanya akan berubah secara dramatis dengan dirilisnya WordPress 6.0 dan seterusnya.

Adapun tema blok, pengembang sudah mulai bekerja di area ini. Di repositori WordPress, ada lebih dari 60 tema yang tersedia. Dan mungkin 50 lainnya tersebar melalui desain premium dan proyek sumber terbuka.

Jadi, dengan semua yang dikatakan dan dilakukan, saya pikir inilah saatnya kita melihat lebih dekat beberapa tema Pengeditan Situs Lengkap terbaik. Sering diperbarui untuk memasukkan tema baru saat mereka keluar!

Wabi

Rich Tabor telah membangun produk WordPress selama lebih dari satu dekade. Anda mungkin mengenalnya dari plugin seperti CoBlocks, tetapi juga dari perusahaan temanya, ThemeBeans. Seperti yang terjadi, Rich bukan hanya penggemar berat fitur WordPress baru, tetapi dia juga telah membuat sendiri tema Pengeditan Situs Lengkap. Tema Wabi.

Sama seperti tema Tabornya ( yang saya suka! ), Wabi dibuat untuk pendongeng, blogger, dan siapa pun yang tertarik untuk menerbitkan konten terperinci. Ini juga merupakan pilihan yang sangat baik untuk situs portofolio, dan Rich menggunakan tema di situs webnya.

Salah satu fitur utama Wabi adalah kemampuan untuk mengganti gaya * dalam satu klik. Ini memiliki tema Terang dan Gelap dan beberapa variasi warna dinamis. Ini memberi Anda kebebasan berkreasi untuk menata setiap postingan secara mandiri.

Gunakan tautan di bawah ini untuk membaca lebih lanjut tentang tema dan melihatnya beraksi.

* Plugin Gutenberg diperlukan untuk gaya kustom.

Tove

Melihat tema baru yang dirilis oleh Anders Noren selalu menyenangkan. Dan jika Anda penggemar pendekatan desain penuh gaya, tema Tove akan mengesankan! Tapi tidak hanya dengan desain, baik.

Tema dibangun dari bawah ke atas sebagai titik awal untuk Pengeditan Situs Lengkap. Dan Anders telah melakukan cukup banyak pekerjaan untuk menyediakan elemen kreatif di luar kotak. Namun di atas desain, tema meninggalkan jejak kecil; tidak menggunakan JavaScript atau gambar front-end.

Situs demo ( tautan di bawah ) dibuat untuk situs restoran. Namun, jika Anda menyukai keseluruhan nuansa tema, Anda memiliki kebebasan penuh untuk menyesuaikannya dengan kebutuhan Anda. Secara keseluruhan, sekitar 40 pola blok disertakan dalam Panduan Gaya Tove. Anda dapat menggunakan ini untuk menyatukan sejumlah desain untuk halaman situs WordPress Anda.

Blockpress

Blockpress tampaknya menjadi salah satu tema blok all-in-one pertama yang mendukung Pengeditan Situs Lengkap. Dan, itu dibangun dengan praktik terbaik dalam pikiran.

Secara khusus, Blockpress dioptimalkan untuk penggunaan aset. Setiap halaman hanya menggunakan sedikit aset yang diperlukan, dan yang lainnya dimuat berdasarkan blok yang Anda gunakan di halaman mana pun. Selain itu, tema tidak menggunakan jQuery atau perpustakaan eksternal.

Hasilnya adalah skor Core Web Vitals yang sangat bagus. Fitur menarik lainnya adalah penyertaan animasi. Seperti yang saya katakan sebelumnya, paradigma tema baru ini akan membahas tentang apa. Dengan Blockpress, Anda dapat menggunakan fitur kerangka kerja Lottie Animations, langsung dari editor blok Anda. Tidak ada hambatan kinerja juga.

Archeo

Masuk akal jika Automattic sendiri akan menghasilkan tema FSE. Ada beberapa di daftar ini dari mereka, dan yang pertama adalah Archeo. Tema ini dibuat untuk digunakan oleh penulis yang menyukai tata letak sederhana dengan tipografi besar.

Konsep utama di balik desain ini adalah memiliki foto besar sebagai bagian pahlawan, bagian tengah untuk posting blog, dan footer khusus. Di dalam posting blog, struktur tata letak tetap sama. Tentu saja, Anda memiliki banyak kebebasan untuk mengubah keadaan.

kasar

Bricksy dari Anariel Design adalah tema lain yang berfokus pada pendekatan multi-tujuan dari manajemen blok. Secara khusus, Bricksy dirancang untuk memasukkan berbagai pola blok, yang bertindak sebagai dasar untuk desain situs yang ingin Anda capai.

Saat ini, Bricksy memiliki demo untuk blog makanan, pernikahan, dan mode. Namun, setelah melihat lebih dekat pada semua pola, aman untuk mengatakan bahwa Anda dapat mengintegrasikan tema ini ke dalam hampir semua proyek. Anda dapat melihat tautan situs web di bawah ini, di mana pengantar video ke perpustakaan template disertakan dalam tema ini.

 Berbicara tentang pola, lihat artikel ini dari Justin Tadlock di WP Tavern - WordPress telah menambahkan direktori Pola, yang memiliki pola blok buatan komunitas yang dapat Anda salin dan tempel ke tema yang ada. Sepenuhnya kompatibel dengan tema WordPress apa pun.

Taman skate

Tema Skatepark akan menjadi titik awal yang fantastis untuk situs web terkait media apa pun yang Anda rencanakan untuk dibangun dengan WordPress. Sebagai tema Pengeditan Situs Lengkap – ini dibuat untuk disesuaikan oleh Anda .

Ahli geologi

Geologist adalah tema Automattic lainnya ( yang terakhir, saya janji! ) – berfokus pada penulisan, dengan mode gelap asli jika itu keahlian Anda. Secara keseluruhan, gaya minimal berarti tidak banyak yang bisa dikatakan, selain basis kode yang dioptimalkan untuk manajemen blok waktu nyata.

Minimal Ona

Meskipun tema Ona digambarkan minimal , saya merasa gaya desainnya sangat membantu mengimbanginya. Kemudian lagi, saya penggemar berat tipografi bergaya, dan Ona hanya memiliki struktur itu untuk meninggalkan kesan yang baik.

Jika saya harus mengatakan untuk siapa tema ini – saya akan mengatakan itu untuk para profesional, blogger mode, dan siapa saja yang menyukai tata letak yang bersih. Saya juga menyukai perhatian terhadap detail:

Formulir berlangganan yang bersih dengan tautan sosial sangat cocok. Pola lainnya termasuk blok portofolio, umpan Instagram, dan tata letak posting blog lebar penuh yang sangat bagus.

kemet

Kesan saya tentang Kemet adalah bahwa itu lebih seperti kerangka kerja daripada sekadar tema biasa.

Ini dikemas dengan fitur seperti wadah lengket, bagian template terpisah, dan gaya gambar khusus, dan juga dioptimalkan untuk terjemahan. Pola template bawaan sangat berguna saat membangun situs web multi-halaman. Jika Anda ingin membuat situs bisnis atau agensi dengan Pengeditan Situs Lengkap – Kemet adalah tema yang patut dipertimbangkan.

keuangan

Desain default Financio tampaknya menargetkan situs web bergaya bisnis. Menu navigasi yang tertata rapi dengan halaman pahlawan lebar penuh cukup bagus. Semua ikon yang Anda lihat digunakan untuk kartu fitur dan elemen situs lainnya dapat diganti dengan satu klik.

Perlu dicatat bahwa Financio dikembangkan oleh Gutenverse. Dan mereka memiliki sedikit pengalaman bekerja dengan blok WordPress. Jadi, harapkan pengalaman pengeditan situs yang lancar, yang dapat Anda bangun dari template siap pakai yang telah mereka sediakan.

Tangkap FSE

Catch adalah salah satu tema WordPress terbaru yang mendukung Full Site Editing. Ini juga salah satu dari sedikit tema yang dibuat sebagai halaman arahan alih-alih desain blog. Tata letak, seperti yang Anda harapkan, mencakup banyak bagian yang mencakup semua aspek penting dalam membangun halaman arahan bisnis. Semua dapat diedit langsung dari ujung depan.

Dan jika Anda ingin situs web Anda memiliki mode gelap, Anda tidak perlu melakukan penyesuaian sendiri dengan tema ini. Ini secara default dirancang untuk memiliki mode gelap. Selain itu, gratis dan perlahan mengumpulkan pengguna aktif.

Gutena

Gutena adalah salah satu tema FSE baru yang ditambahkan ke repositori WordPress. Dengan banyak warna krem ​​dan elemen yang dioptimalkan dengan cermat, tema ini adalah kandidat ideal untuk situs web agensi, bisnis, dan startup.

Dari perspektif desain, saya terkejut melihat penerapan kartu overlay, penggunaan elemen bayangan kotak, dan banyak citra untuk membantu Anda menampilkan misi bisnis Anda di depan pelanggan Anda.

Dan Anda memiliki kebebasan penuh untuk memodifikasi setiap elemen melalui editor tema Blok baru.

Wei

Tema FSE pertama yang kami lihat dalam koleksi ini berasal dari Rich Tabor. Sekarang, lebih dari 2 bulan setelah menerbitkan artikel ini – Rich telah keluar dengan tema Pengeditan Situs Lengkap lainnya yang disebut Wei . Menariknya, meskipun sudah beberapa bulan sejak rilis terakhirnya – ada jumlah yang sangat kecil dari tema serupa yang diperkenalkan ke pasar.

Wei dirancang untuk digunakan untuk kebutuhan blogging praktis. Ini dirancang untuk memberi Anda banyak opsi untuk mengelola beberapa gaya dan aksen tata letak. Seperti yang akan Anda lihat di demo, setiap posting blog dapat memiliki gaya terpisah – termasuk warna dan gambar latar kustom.

AirLava

Tema berorientasi Spa / Kecantikan dari Gutenverse ini memberikan pengalaman halaman arahan yang sangat mulus dan menambahkan banyak fitur unik ke situs Anda. Pertama, WaterLava memiliki pembuat formulir bawaan, yang akan menghindarkan Anda dari menggunakan plugin untuk tujuan yang sama.

Beranda dirancang untuk menyertakan efek animasi transisi, sehingga bagian akan terlihat saat pengunjung menavigasi situs. Dalam tema ini, Anda juga akan menemukan banyak pembagi bentuk yang unik – jadi pikirkan gelombang dan garis khusus untuk menambahkan nuansa modern ke situs Anda.

Ini juga dioptimalkan dengan hati-hati untuk kinerja. Tema tidak bergantung pada jQuery, dan pola/blok dimuat hanya pada halaman tempat mereka digunakan secara aktif.

Masa depan pengembangan tema WordPress

Saya pikir apa yang kita lihat sekarang adalah evolusi yang lambat untuk fase berikutnya dari WordPress. Untuk saat ini, tema tradisional dan pembuat situs web akan menggantikannya. Namun, di masa mendatang, cukup jelas bahwa WordPress akan bertransisi menjadi pembuat situs skala penuh.

Saya juga cukup percaya diri karena perusahaan seperti Webflow telah menunjukkan bahwa adalah mungkin untuk membangun situs web yang menarik secara visual hanya dengan alat plug-and-play.

Pertanyaannya adalah, kapan pengembang tema akan mulai merangkul fase selanjutnya ini? Saat ini, ketersediaan tema blok cukup jarang. Saya kira begitu kita mulai melihat keandalan asli dalam hal pengeditan, segalanya akan berubah dengan cepat.

Tentu, banyak pengguna WordPress akan tetap menggunakan tema tradisional, tetapi ide untuk menggunakan WordPress sebagai pembuat situs asli adalah sesuatu yang perlu dipikirkan.