Bagaimana cara menggunakan WordPress Gutenberg untuk Mengedit Situs Web Anda Sepenuhnya?

Diterbitkan: 2022-06-04

WordPress telah berada di pasar untuk jangka waktu yang lama dan masih membawa pembaruan baru. Menyesuaikan tampilan situs web membutuhkan potensi dan pengetahuan yang besar.

Di sini, WordPress Gutenberg mirip dengan blok bangunan platform Anda. Orang-orang masih mengeksplorasi alat untuk mengambil yang terbaik. Editor ini lebih mudah didekati oleh orang yang kurang atau tidak memiliki pengetahuan coding.

Mari kita jelajahi wawasan blok WordPress Gutenberg!

Apa itu WordPress Gutenberg?

Nama kode editor berbasis blok baru diperkenalkan dengan WordPress 5. Perubahan utama adalah proses pembaruan konten. Ini memberi Anda kebebasan untuk menambahkan jenis media dari berbagai format dan mengatur tata letak di dalam editor menggunakan blok.

WordPress memiliki dampak besar pada industri. Hal ini mulai melangkah ke masa depan yang cerah untuk bisnis Anda. Gutenberg membantu untuk fokus pada templat halaman untuk pengalaman pengguna yang lebih baik. Ini adalah pengganti yang bagus untuk editor WordPress klasik yang digunakan untuk editor konten default halaman dan posting.

Anda perlu menggabungkan balok-balok kecil dengan bentuk dan ukuran yang berbeda untuk membuat struktur yang lebih besar. Ini berarti satu pos terdiri dari beberapa blok kecil. Gutenberg dibagi menjadi beberapa bagian:

  • Teks : Ini bisa berupa paragraf, daftar, kutipan, judul, dan lainnya.
  • Media : Ini adalah gambar, galeri, file audio, video, dan media lainnya
  • Widget : Sisipkan widget WordPress, daftar kategori, dan banyak lagi
  • Desain : Tambahkan kolom, spacer, bagian, tombol, dan lainnya
  • Sematan : Integrasikan konten dari sumber pihak ketiga seperti Spotify, YouTube, Twitter, dan lainnya.

Bagaimana Pengeditan situs lengkap WordPress akan Mempengaruhi Situs Web Anda?

1. Blokir Kategori dan Penempatan

Mereka adalah kerangka halaman blog dan posting di editor blok. Anda dapat menggunakan blok untuk halaman, footer, sidebar, dan heading Anda. Mereka memberi Anda kebebasan untuk menyesuaikan antara konten dan tampilan situs web melalui blok.

2. Elemen Desain dengan Gaya Global

Kumpulan fitur baru ini membantu memperbarui elemen gaya situs web. Ini bisa berupa warna, font, atau bagian visual lainnya. Editor Blok membantu mengubah perspektif situs web untuk berbagai posting dan halaman. Anda perlu menyewa Pengembang WordPress adalah hal yang paling menantang untuk menerapkan beberapa elemen situs web dan mempertahankan pengalaman pengguna yang luar biasa. Gaya Global akan dapat mengontrol elemen dalam skala besar. Anda mendapatkan antarmuka global yang dapat dioperasikan dalam mode pengeditan situs web.

3. Mengonfigurasi Tata Letak Halaman

Template mengontrol tata letak dan tampilan pada halaman terpisah dari situs WordPress. Komponen akan membantu Anda menentukan penempatan bilah sisi dan judul dalam tema situs web. Tema ini dilengkapi dengan template untuk posting blog dan halaman arahan.

4. Terapkan Fungsionalitas Template

Template akan menentukan penempatan elemen pada website. Blok WordPress Gutenberg memberi Anda kontrol besar atas tata letak halaman tema dan templatnya. Ini juga memberi Anda kebebasan untuk menggunakan elemen tema yang berbeda di antara halaman arahan yang berbeda.

Anda dapat menggunakan blok tema dengan editor templat berbasis blok. Bangun templat khusus melalui blok dan kendalikan navigasi pengguna di situs web dan konten Anda.

Bagaimana Cara Memasang Blok WordPress Gutenberg untuk Situs Web Anda?

Editor blok baru telah diinstal sebelumnya di WordPress 5.0 dan lebih tinggi. Metode termudah untuk menginstal Blok Gutenberg WordPress adalah:

  • Arahkan ke Plugins > Add New dari dashboard WordPress
  • Cari kata kunci WordPress Gutenberg di bilah pencarian
  • Plugin harus terlihat di hasil pencarian. Sekarang, klik Instal Sekarang
  • Setelah Menginstal plugin WordPress Gutenberg, klik Activate untuk menyelesaikan prosesnya.

Apa Manfaat menggunakan Blok Gutenberg WordPress?

Ada beberapa keuntungan bagi developer yang menggunakan Gutenberg adalah:

  • Itu membuat proses pembuatan konten lebih mudah dan intuitif untuk pemula
  • Ini membantu untuk melihat format konten dengan cermat dan memahami frontend
  • Menyatukan metode pembuatan konten dengan menghilangkan persyaratan kode pendek terpisah
  • Berikan berbagai pilihan untuk menyesuaikan konten menggunakan berbagai elemen
  • Hilangkan kebutuhan untuk menginstal plugin pembuat halaman yang berbeda
  • Ini memiliki fitur Drag-and-Drop untuk membuat pengeditan dan pembuatan konten lebih mudah.
  • Gutenberg responsif yang lebih baik yang membantu meningkatkan alur kerja
  • WordPress menyelamatkan Anda dari menginstal plugin pembuat halaman, yang memberi Anda alat pengeditan teks dan visual

Layanan Pengembangan WordPress akan membantu membuka fitur terbaik untuk platform Anda. Ada banyak manfaat dari platform hanya jika Anda memiliki akses ke sumber daya dan alat yang tepat.

Tips Menggunakan WordPress Gutenberg Lebih Produktif:

1. Gunakan / untuk Menyisipkan Blok dengan Cepat

Menambahkan banyak blok atau secara manual membuka penyisipan blok bisa menjadi rumit dan memakan waktu. Anda mulai mempelajari nama-nama blok yang ingin Anda gunakan. Metode yang lebih cepat untuk menyisipkan blok menggunakan garis miring.

Saat Anda menekan enter, untuk memulainya, blok paragraf baru. Sisipkan blok cepat ini dengan mengetikkan garis miring, diikuti dengan nama blok yang ingin Anda tambahkan. Ada daftar blok yang sesuai dengan kebutuhan Anda.

2. Sisipkan Gambar melalui Proses Dragging

Jika Anda membutuhkan terlalu banyak gambar, blok WordPress Gutenberg memiliki fitur hemat waktu untuk menghilangkan persyaratan blok gambar. Sebagai gantinya, Anda menyeret direktori file gambar dari desktop dan lokasi Anda untuk ditambahkan ke pos.

3. Kemudahan Memformat Konten

Sintaks penurunan harga untuk membuat konten membantu menangani heading. Seperti Anda perlu memasukkan blok heading dengan tag H3, Anda dapat menambahkan tiga hashtag ('###') dengan spasi. Editor akan mengubah heading Anda menjadi H3, dan Anda dapat melanjutkan dengan kontennya.

4. Salin Blok

Editor blok membantu Anda menyalin dan menempelkan teks seperti editor lainnya. Ini akan membantu jika Anda melakukannya adalah:

  • Pilih blok
  • Klik ikon tiga titik di bilah alat blok
  • Pilih Salin

Setelah Anda menyalin blok, rekatkan menggunakan "Ctrl + V" atau klik kanan dan pilih Tempel.

5. Gunakan Tampilan Daftar Blok

Anda dapat mengklik editor untuk memilih blok. Hal-hal menjadi rumit saat menggunakan blok bersarang, seperti memasukkan jam ke dalam blok atau kolom grup. Gutenberg WordPress memiliki opsi Tampilan Daftar yang dapat dibuka dari bilah alat. Anda dapat memilih jam dengan mengklik daftar, dan editor akan menyorot blok saat Anda mengarahkan kursor.

6. Menyembunyikan Blok

Editor Gutenberg WordPress akan menambahkan blok secara default, di mana beberapa tidak digunakan. Editor memiliki fitur yang dikenal sebagai Block Manager, yang membantu menonaktifkan dan menyembunyikan blok yang tidak digunakan. Ini membantu menjaga antarmuka Anda tetap bersih dan teratur berdasarkan penggunaan Anda.

7. Tambahkan Jangkar di Blok

Fitur tautan jangkar HTML khusus membantu membangun tautan lompat ke sektor konten tertentu. Anda perlu menambahkan jangkar HTML menggunakan pengkodean manual di editor klasik. Dengan Blok WordPress Gutenberg, Anda harus memasukkan teks di bidang jangkar HTML di area Lanjutan pengaturan blok.

8. Direktori Blok Pihak Ketiga

Ini adalah metode terbaru yang lebih disukai pengguna WordPress untuk menginstal dan menguji blok pihak ketiga. Direktori Blok baru adalah bagian di Direktori Plugin yang berisi plugin blok tunggal. Ini terpisah dari direktori plugin utama, tempat Anda menelusuri plugin WordPress atau plugin blok tunggal.

9. Pembuatan Halaman Penuh

Blok WordPress Gutenberg memiliki konsep baru yang dikenal sebagai pola blok . Ini membantu untuk membuat dan berbagi tata letak blok yang telah ditentukan sebelumnya. Mereka benar-benar memberi Anda metode bagi editor blok untuk menjadi pembuat halaman. Tab Blok dan Pola akan membantu Anda beralih di antara opsi-opsi ini. Pola blok bawaan tetapi tema dan plugin pihak ketiga untuk membantu Anda menambahkan pola blok yang berbeda atau menghapus yang sudah ada.

Apa kegunaan dari Blok Gutenberg WordPress?

1. Halaman dan Posting Blog Baru

Pembuatan konten dimulai dengan menambahkan halaman baru dan posting blog menggunakan editor blok WordPress Gutenberg. Posting blog memiliki tanggal publikasi dan muncul dalam urutan kronologis. Halaman dapat statis dan memberikan informasi abadi seperti Tentang, Halaman Kontak, dan Kebijakan Privasi.

2. Tambahkan Blok Baru

Blok memiliki fitur inti dari Blok WordPress Gutenberg. Setiap blok menangani elemen dan membuat tata letak konten khusus dari kiriman. Elemen paragraf memiliki blok default, sehingga lebih mudah untuk memproses dan menambahkan elemen baru.

3. Bekerja dengan Blok

Kuasai WordPress Gutenberg untuk meningkatkan pengalaman blogging dan mempercepat alur kerja. Editor blok menyediakan bilah alat yang digunakan untuk memformat dan menyelaraskan. Saat ini merupakan blok aktif dan terdiri dari berbagai alat tergantung pada jenis blok.

4. Jumlah Kata dan Blok

Jumlah kata membantu melacak jumlah kata, paragraf, karakter, dan judul. Jumlah blok memberi Anda jumlah blok di halaman web, membuat tata letak konsisten. Ada beberapa paket dukungan WordPress yang membantu Anda memantau tampilan situs web berdasarkan kebutuhan Anda.

Akhir kata!

Menjelajahi editor Gutenberg bisa menjadi proses yang melelahkan, dan Anda bisa kehilangan beberapa fitur terbaik di pasar. Dapatkan ahli terbaik di sini ! Kami memiliki pengetahuan dan pengalaman untuk menangani alat secara efisien untuk bisnis Anda.