Cara Menambahkan Blok Ke Tema WordPress

WordPress adalah sistem manajemen konten (CMS) yang memungkinkan Anda membuat situs web atau blog dari awal, atau meningkatkan situs web yang sudah ada. WordPress adalah perangkat lunak sumber terbuka dan gratis yang dirilis di bawah GPL.
Menambahkan blok ke WordPress adalah proses dua langkah. Pertama, Anda perlu menginstal plugin yang akan mengaktifkan blok di situs WordPress Anda. Kedua, Anda perlu menambahkan blok ke tema WordPress Anda.
Ada banyak plugin yang tersedia yang akan mengaktifkan blok di WordPress. Kami merekomendasikan menggunakan plugin Gutenberg. Setelah Anda menginstal plugin, Anda dapat menambahkan blok ke tema WordPress Anda dengan membuka tab Appearance > Blocks.
Di tab Blok, Anda akan melihat daftar blok yang tersedia. Untuk menambahkan blok ke tema WordPress Anda, cukup klik pada blok dan itu akan ditambahkan ke area konten Anda.
Anda juga dapat menambahkan blok ke tema WordPress Anda dengan menyeret dan menjatuhkannya ke area konten Anda. Untuk melakukan ini, pertama klik pada blok yang ingin Anda tambahkan dan kemudian seret ke area konten Anda.
Setelah Anda menambahkan blok ke tema WordPress Anda, Anda dapat menyesuaikannya dengan mengklik blok dan kemudian mengklik tombol Kustomisasi. Ini akan membuka Editor Blok di mana Anda dapat mengubah pengaturan blok.
Ketika Anda selesai menyesuaikan blok Anda, klik tombol Terbitkan untuk menyimpan perubahan Anda.

Anda akan belajar cara membuat tema blok, juga dikenal sebagai tema pengeditan situs lengkap, dalam pelajaran ini sebagai langkah pertama dalam serangkaian latihan. Topik yang dibahas akan mencakup persyaratan file minimum, pengaturan tema, dan persyaratan struktur file. Dalam pelajaran ini, Anda akan belajar cara membuat tema WordPress kosong dengan dukungan untuk pengeditan situs penuh. Folder Anda akan diatur menurut nama tema: jika tema Anda adalah FSE, kependekan dari pengeditan halaman penuh. Tema harus memiliki file style.css di folder root. Dalam tema klasik, file /templates/index.html mirip dengan file index.html. Template blok adalah file HTML utama Anda, dan mereka mengikuti hierarki template WordPress dengan cara yang sama seperti file PHP dalam tema klasik.

Sebuah tema tidak membutuhkan function.php agar berfungsi dengan baik. Jika Anda memerlukan enqueues, Anda dapat menggunakan gaya blok kustom, ukuran gambar kustom, atau jenis kait yang tidak mendukung ukuran blok. Tidak ada persyaratan untuk pemasangan area widget atau menu, atau penambahan dukungan tema, selama logo, header, atau warna khusus disediakan. Elemen body berisi template.

Blok adalah tema WordPress dengan templat yang sepenuhnya didedikasikan untuk jenis posting (halaman, posting,…), sehingga editor blok dapat digunakan untuk mengedit semua aspek situs web, mulai dari header, footer, hingga sidebar.

Bagaimana Saya Menambahkan Blok Kustom Di WordPress?

Anda dapat menggunakan blok ini di pos atau halaman mana pun yang Anda inginkan dengan mengeditnya. Anda dapat mencari blok Anda dengan mengetikkan nama atau kata kuncinya ke dalam kotak pencarian Tambahkan Blok Baru. Di area konten, Anda akan melihat bidang blok yang telah Anda buat untuk blok khusus ini, serta bidang blok yang telah Anda buat untuk blok khusus lainnya .

Dengan menambahkan elemen konten dan tata letak ke WordPress, Anda dapat dengan mudah membuat posting dan halaman. Blok secara default dibangun ke dalam WordPress. Namun, dimungkinkan untuk membuat blok khusus Anda sendiri untuk mencapai sesuatu yang spesifik. Seperti yang akan kami tunjukkan dalam tutorial ini, Anda dapat membuat blok kustom sepenuhnya. Untuk memulai, Anda harus terlebih dahulu mengisi tiga bidang di blok testimonial Anda. Kolom pertama dapat diisi dengan mengklik tombol Add Field. Langkah 2: Setelah membuat template blok , Anda dapat menentukan bagaimana data akan muncul.

Langkah ketiga adalah memilih tab CSS untuk menata markup keluaran blok Anda. Templat blok khusus dapat diunggah secara manual. Jika Anda perlu berinteraksi dengan bidang blok khusus Anda melalui PHP, inilah caranya. Kemungkinan besar Anda akan meminta template editor untuk diunggah langsung ke tema Anda. Blok Kustom Anda dapat dilihat secara keseluruhan. Sebelum Anda dapat melihat pratinjau HTML/CSS, Anda harus menyediakan beberapa data pengujian. Instal blok Gutenberg khusus di situs WordPress Anda.

Saat Anda mengklik tombol Tambahkan Blok Baru , kotak pencarian akan muncul untuk blok Anda, dan Anda dapat memasukkan nama atau kata kuncinya. Anda dapat melihat pratinjau blok khusus Anda dengan menyimpannya dan mengedit posting Anda. Anda dapat melihat seperti apa blok testimonial di situs pengujian kami.

Mengapa Saya Tidak Dapat Mengedit Blok Di WordPress?

Ada kemungkinan besar Anda mengalami konflik dengan salah satu plugin yang Anda instal sebagai salah satu penyebab masalah editor blok WordPress. Akibatnya, solusi pertama dan paling sederhana bagi Anda adalah menghapus semua plugin dari situs web WordPress Anda.

Bagaimana Saya Mendapatkan Blokir Di WordPress?

Tidak ada satu jawaban yang cocok untuk semua pertanyaan ini, karena cara terbaik untuk mendapatkan blok di WordPress akan bervariasi tergantung pada kebutuhan spesifik situs web Anda. Namun, beberapa tip umum tentang cara mendapatkan blok di WordPress termasuk menginstal plugin seperti Bidang Kustom Lanjutan, atau menggunakan Editor Blok di tema Anda.

Blok adalah komponen WordPress yang digunakan untuk membuat dan mengedit elemen dalam posting atau halaman. Jenis blok tersedia untuk menambahkan teks, file media, dan elemen tata letak. Untuk membantu Anda mempercepat, kami akan membahas semua yang perlu Anda ketahui tentang blok WordPress dan cara menggunakan editor blok baru. Tambahkan 10 plugin ke koleksi blok untuk lebih memperluas fitur dan opsinya. Menggunakan tema WordPress berbasis blok adalah cara terbaik untuk menyesuaikan template. Versi WordPress baru mencakup lebih dari 90 blok, dibagi menjadi enam kategori: teks, media, desain, widget, tema, dan sematan. Pada artikel ini, kita akan melihat semua blok di editor blok WordPress dan apa opsi penyesuaiannya.

Ketika datang ke posting dan pembuatan halaman, WordPress merekomendasikan menggunakan editor blok Gutenberg. Blok tema situs, serta desain dan tata letak keseluruhan, terdiri dari 23. Selain itu, Editor Blok tersedia untuk pengeditan situs penuh saat menggunakan tema berbasis blok di WordPress 5. Blok di WordPress dapat diseret dan dilepaskan dalam mode Seret dan Jatuhkan. Anda dapat melepaskan blok apa pun dengan memilihnya dan mengeklik ikon Seret di bilah alat. Atau, gunakan panah atas dan bawah bilah alat untuk menavigasi ke blok. Ada beberapa plugin yang tersedia yang memungkinkan Anda untuk menambahkan blok konten ke perpustakaan blok.

Ini menggunakan blok pustaka templat alih-alih penyisip pola untuk menghasilkan templat. Plugin ini dilengkapi dengan 81 templat halaman penuh, 284 pola blok, dan 56 gambar rangka. Blok dapat diaktifkan atau dinonaktifkan untuk mempercepat atau menyederhanakan editor Anda. PublishPress Blocks juga menawarkan blok pembuatan prospek, serta Buletin dan Formulir Kontak. Stackable menawarkan berbagai pengaturan Blok, Gaya, dan Lanjutan untuk setiap blok, memungkinkan Anda untuk menyesuaikan blok dengan berbagai cara. Untuk membuat tata letak yang kompleks di blog atau halaman, Kadence Blocks menawarkan sejumlah alat. Situs web Ultimate Blocks berfokus pada blog dan pemasar.

Plugin Kadence Blocks untuk editor blok Gutenberg adalah gratis. Dengan editor, Anda dapat menambahkan 15 blok baru, termasuk Google Maps dan blok add-to-cart. Blok Bagian dapat dikonfigurasi sebagai blok default untuk halaman baru secara default. Selain itu, plugin menyertakan animasi dan fitur CSS khusus untuk blok Otter dan blok WordPress. Plugin CoBlocks untuk WordPress memberi Anda kesempatan untuk membuat tata letak dan desain visual yang menarik tanpa perlu pengkodean atau plugin tambahan. blok yang dapat digunakan kembali, misalnya, memungkinkan Anda menyimpan blok yang telah dirancang sebelumnya untuk digunakan di masa mendatang, sehingga tidak perlu membuat halaman dari awal. Anda dapat dengan cepat mengatur ulang konten dengan menyeret dan menjatuhkannya menggunakan fungsionalitas seret dan lepas di bilah alat blok.

Mengapa Anda Harus Menggunakan Blok Untuk Menyesuaikan Situs WordPress Anda

Blok dapat membantu Anda mengatur dan menyesuaikan konten di situs web Anda. Karena mudah digunakan dan membuat penambahan informasi tambahan ke situs web Anda jauh lebih mudah, template ini adalah pilihan yang baik. Mereka juga dapat beradaptasi, sehingga Anda dapat menambahkan elemen konten seperti paragraf, gambar, dan widget ke dalamnya.
Blok adalah komponen penting dari WordPress. Blok adalah cara paling efektif untuk menambahkan struktur dan menyesuaikan situs web Anda jika Anda ingin menambahkan fleksibilitas dan penyesuaian.

Tutorial Tema Blok WordPress

Tema blok WordPress adalah tema yang memungkinkan Anda membuat blok konten yang dapat digunakan kembali di seluruh situs web Anda. Mereka adalah cara yang bagus untuk menciptakan tampilan dan nuansa yang konsisten untuk situs web Anda, dan untuk memudahkan penambahan konten baru ke situs Anda. Ada beberapa hal yang perlu diingat saat membuat tema blok WordPress. Pertama, Anda perlu membuat file tema blok WordPress baru. Anda dapat melakukan ini dengan masuk ke Panel Admin WordPress dan memilih tab "Tampilan". Kemudian, klik “Editor.” Setelah Anda berada di editor, Anda akan ingin membuat file baru bernama “block-theme.php.” Anda dapat melakukan ini dengan mengklik tombol "File Baru" di sudut kiri atas editor. Dalam file “block-theme.php”, Anda perlu menambahkan kode berikut: /* Nama Templat: Tema Blok */ ? > get_header(); if ( have_posts() ) : while ( have_posts() ): the_post(); get_template_part( 'template-bagian/konten', 'halaman'); sementara; berakhir jika; get_footer(); ? > Kode ini akan membuat tema blok WordPress dasar. Anda dapat menambahkan CSS dan HTML Anda sendiri ke file ini untuk menyesuaikannya dengan kebutuhan Anda.

Saat WordPress menjadi lebih populer, tema blok akan muncul sebagai masa depan platform. Kami harus memikirkan kembali bagaimana kami membangun dan memelihara situs web di masa mendatang. Blok adalah fokus dari tema Blok, yang dirancang dengan mempertimbangkan hal ini. Selain itu, mereka memiliki tingkat integrasi yang lebih besar dengan editor blok Gutenberg daripada rekan-rekan mereka yang lebih umum. Mereka diperiksa secara rinci hari ini untuk melihat bagaimana mereka membandingkan dan kontras dengan tema tradisional. PHP tidak dapat lagi digunakan sebagai elemen tema karena diganti dengan HTML dan markup blok. Template adalah file dengan nama seperti index.php dan header.php yang biasanya ditemukan di /templates, folder dalam hierarki tema.

item yang dapat digunakan kembali termasuk dalam / bagian termasuk header, footer, dan sidebar. Untuk menetapkan pengaturan default ke editor blok, gunakan file theme.json. Akibatnya, Anda mungkin tidak perlu terlalu banyak memformat file style.html dari sebuah tema. Meskipun hari-hari awal, tema blok adalah teknologi yang menjanjikan pada tahap awal pengembangan. Editor Situs (Tampilan) baru adalah cara yang paling ramah pengguna untuk mengedit semuanya (memerlukan WordPress 5.9 atau lebih tinggi). Saat tema blok diaktifkan, Editor Situs menggantikan Penyesuai lama. Meski menggunakan fitur FSE, tema klasik tetap menggunakan PHP sebagai basisnya.

Cara Membuat Tata Letak Kustom Untuk Postingan Dan Halaman Anda Menggunakan Blok

Blok adalah tambahan sederhana untuk portofolio Anda. Pada layar edit postingan atau halaman, klik tombol Tambah Blok, lalu klik tab Blokir dari tab Blok, dan selesai. Anda kemudian dapat menyimpan blok itu dengan mengetikkan kontennya dan mengklik tombol Simpan.
Blok memungkinkan Anda membuat tata letak khusus untuk posting dan halaman Anda, menjadikannya sangat kuat. Blok dapat digunakan untuk mengatur konten dalam grup, membuat subbagian, dan memisahkan konten.
Blok adalah pilihan yang baik untuk tugas apa pun karena berfungsi dengan baik sebagai tata letak konten yang sederhana atau kompleks.

Pemula Tema Blok WordPress

Starter tema blok WordPress adalah cara yang bagus untuk memulai mengembangkan tema WordPress Anda sendiri. Ini mencakup semua file dan folder yang diperlukan yang Anda butuhkan untuk memulai. Plus, ini memberikan titik awal yang bagus untuk mengkodekan tema Anda.

WebREDONE, agen web yang berbasis di Serbia, telah merilis tema pemula baru yang disebut Theme Redone secara gratis. Ini adalah kerangka kerja berbasis MVC yang digunakan untuk membuat situs web dan membangun blok Gutenberg. Meskipun ada beberapa perbedaan antara cara kode diatur dan bagaimana Laravel dibangun, kode diatur mirip dengan Laravel. Mesin berjalan di Latte. Blok baru dapat dibuat dalam hitungan menit dengan paket NPM TRB (Theme Redone Blocks) dari WebREDONE. Sebagai alternatif, Anda dapat menginstal tema starter dan menggunakan Gulp 4, ESBuild, atau Svelte untuk membuat tugas kompilasi dan menonton untuk React, Svelte, Vue, dan Petite Vue. Terlepas dari kenyataan bahwa itu mungkin tidak selalu menjadi solusi terbaik untuk semua orang, menarik untuk melihat bagaimana agensi mengembangkan alat mereka untuk mendukung era pemblokiran.

Buat Plugin Tema Blok

Ada banyak cara untuk membuat plugin tema blok khusus, tetapi cara yang paling umum adalah dengan menggunakan plugin yang disebut "Plugin Tema Blok". Plugin ini memungkinkan Anda membuat tema blok khusus yang dapat digunakan di situs WordPress mana pun. Anda dapat menggunakan plugin ini untuk membuat tema blok khusus untuk situs web Anda sendiri atau untuk situs web klien.

Dengan alat ini, Anda dapat membuat tema blok, tema anak-anak, dan variasi Anda sendiri. Aplikasi ini juga memungkinkan Anda untuk mengganti template tema, yang tidak dihasilkan dengan mengekspor folder zip atau mengganti file. Selanjutnya, Anda dapat membuat tema blok baru dan menambahkan fitur keren lainnya. Anda dapat mengkloning tema saat ini serta menambahkan yang baru. Cukup klik Buat tema untuk menyimpan tema yang berisi semua file. Plugin ini memudahkan untuk membuat tema blok menggunakan metode ini. Sungguh luar biasa bahwa plugin ini mengubah permainan untuk desainer tema tanpa kode/kode rendah. Saya ingin melihatnya terintegrasi di Core di beberapa titik, tetapi memilikinya di plugin fitur terpisah adalah langkah pertama yang bagus. Lihat ketujuh ulasan tentang Buat Blokir Tema.

Generator Tema Blok WordPress

Tidak diragukan lagi bahwa WordPress adalah salah satu sistem manajemen konten paling populer di pasaran saat ini. Jutaan orang menggunakan WordPress untuk membuat dan mengelola situs web mereka. Dan salah satu hal yang membuat WordPress begitu populer adalah kemampuannya untuk menyesuaikan situs web Anda dengan mudah dengan tema dan plugin. Salah satu tema yang paling populer untuk WordPress adalah tema blok. Blokir tema dirancang untuk memberi Anda kemampuan untuk dengan mudah membuat halaman dan posting khusus dengan antarmuka seret dan lepas. Dan salah satu hal terbaik tentang tema blok adalah sangat mudah digunakan. Jika Anda mencari tema WordPress yang mudah digunakan dan disesuaikan, maka Anda harus memeriksa generator tema blok . Dengan generator tema blok, Anda dapat dengan mudah membuat halaman dan posting khusus dengan antarmuka seret dan lepas. Plus, generator tema blok juga sangat mudah digunakan.

Cara Menggunakan Pola Blok Di WordPress

Menambahkan pola blok ke posting dan halaman Anda dapat membantu Anda menambahkan struktur dan organisasi ke dalamnya. Pola blok dapat digunakan untuk membuat menu, pembagi, footer, atau jenis konten lain yang Anda butuhkan.
Buat blok baru di WordPress dengan mengklik tombol tambah blok baru, lalu masukkan nama atau kata kunci blok Anda untuk mencarinya. Setelah Anda memasukkan blok ke dalam area konten, Anda akan melihat bidang blok yang telah Anda buat untuk blok khusus ini. Anda juga dapat menyesuaikan blok dengan cara Anda sendiri.