Tutorial Gutenberg WordPress: Cara Menggunakan Editor Baru

Tutorial Gutenberg WordPress: Cara Menggunakan Editor Baru.

 Tutorial Gutenberg WordPress: Cara Menggunakan Editor Baru



Jika Anda telah menggunakan WordPress selama beberapa tahun, maka Anda ingat ketika orang-orang di WordPress meluncurkan editor Gutenberg di WordPress 5.0 pada tahun 2018.


Editor default baru ini merupakan perombakan besar-besaran untuk mengedit posting dan halaman di situs Anda. Ini mengubah kotak teks besar yang biasa digunakan oleh pemilik situs web menjadi platform pengeditan berbasis blok yang sangat berbeda.

Daftar isi


Beberapa pemilik situs web sangat membencinya sehingga mereka menghindari peningkatan ke WordPress 5.0 dan tetap menggunakan editor default klasik selama mungkin. Pemilik situs web lain menerima perubahan karena kesederhanaan dan kemudahan penggunaannya.


Jika Anda sedang melakukan transisi dan ingin tahu apa yang diharapkan, tutorial WordPress Gutenberg ini akan memandu Anda melalui fitur-fitur utama yang perlu Anda ketahui dan pahami. Ini harus membuat transisi Anda semudah mungkin.


Apa yang Diharapkan di WordPress Gutenberg


Hal utama yang perlu diketahui tentang editor Gutenberg adalah berbasis blok. Ini berarti apa pun yang perlu Anda tambahkan dikelola melalui blok. Blok di Gutenberg termasuk (tetapi tidak terbatas pada):

  * Gugus kalimat

  * Tajuk

  * Gambar

  * Daftar

  * Mengutip

  * Kode

  * Diformat sebelumnya

  * Tarik kutipan

  * Meja


Ada juga beberapa blok lanjutan lainnya yang jarang digunakan. Anda mungkin melihat blok tambahan jika Anda menginstal plugin WordPress baru ke editor.


Menambahkan blok semudah memilih ikon + di sebelah kanan di bawah blok terbaru yang Anda tambahkan.

Memilih salah satu blok dari jendela pop-up menambahkan blok itu sebagai bagian berikutnya di halaman atau posting Anda.


Sebelum kita sampai ke blok ini, mari kita mulai dari awal dan membuat posting baru menggunakan Gutenberg di WordPress.


Membuat Postingan dan Menambahkan Blok


Menambahkan posting tetap tidak berubah dari versi terakhir WordPress. Cukup pilih Postingan dari bilah navigasi kiri, dan pilih Tambah Baru di bawahnya.


Ini akan membuka jendela editor pos. Ini juga di mana semuanya berbeda. Anda akan melihat editor WordPress Gutenberg default.


Menambahkan Item Blok di Editor Gutenberg


Anda dapat mengetikkan judul untuk posting Anda di bidang judul. Kemudian pilih ikon + di sebelah kanan untuk menambahkan blok pertama.


Blok Paragraf


Blok pertama yang paling umum ditambahkan orang setelah judul adalah blok paragraf. Untuk melakukan ini, pilih Paragraf dari jendela pop-up.


Ini akan menyisipkan bidang blok tempat Anda dapat mulai mengetik paragraf pertama posting Anda. Pemformatan untuk blok Paragraf mengikuti font default untuk blok paragraf situs Anda.


Berikut adalah beberapa tip untuk menambahkan blok paragraf di editor Gutenberg.

  * Paragraf Anda bisa sepanjang yang Anda inginkan. Teks akan secara otomatis masuk ke baris berikutnya, seperti di editor klasik.

  * Jika Anda menekan Enter, editor Gutenberg secara otomatis membuat blok paragraf baru, namun itu hanya terlihat seperti paragraf kedua dengan jeda paragraf.

  * Menyoroti teks apa pun dalam paragraf akan menampilkan jendela pemformatan tempat Anda dapat mengubah pemformatan untuk teks itu, atau memodifikasi blok menjadi daftar atau jenis blok lainnya.

  * Pilih tiga titik dan pilih Hapus blok untuk menghapus blok paragraf dan menggantinya dengan yang lain.


Blok Gambar


Jika Anda memilih blok Gambar, Anda akan melihat kotak Gambar di mana Anda dapat memilih tombol Unggah untuk mengunggah gambar ke pos Anda dari komputer Anda. Pilih tautan Pustaka Media untuk menggunakan gambar dari pustaka media yang ada, atau Sisipkan dari URL untuk menautkan ke gambar dari situs lain.

Ini akan memasukkan gambar ke dalam artikel tempat Anda menambahkan blok Gambar baru. Anda akan melihat bahwa Anda dapat mengetikkan keterangan untuk gambar langsung di bawah gambar itu sendiri.


Anda dapat menggunakan opsi pemformatan yang sama pada teks keterangan seperti pada teks paragraf biasa.


Daftar Blok


Saat Anda menambahkan blok baru dan memilih Daftar, blok daftar akan dimasukkan pada titik itu di artikel.


Ini akan menunjukkan satu poin, tetapi saat Anda mengetik dan menekan Enter, setiap poin baru akan muncul saat Anda membutuhkannya.


Pemformatan daftar juga mengikuti gaya dan ukuran font seperti yang ditentukan oleh tema Anda, jadi jangan heran jika font dalam daftar Anda terlihat berbeda dari blok paragraf Anda.


Anda dapat menyorot teks di blok daftar dan Anda akan melihat opsi pemformatan untuk teks ini jika Anda ingin mengubahnya. Anda tidak dapat mengubah gaya font di sini, tetapi Anda dapat mencetak tebal, miring, menambahkan hyperlink, atau mengubah jenis blok seluruhnya.


Blok lainnya


Jika Anda ingin melihat semua blok yang tersedia, pilih + untuk menambahkan blok, lalu pilih Telusuri semua untuk melihat seluruh daftar.


Daftar ini sebenarnya cukup panjang. Apa pun yang Anda ingat tersedia di editor klasik melalui sistem menunya akan disertakan di sini. Ini termasuk blok lain yang umum digunakan seperti:

  * Meja

  * File dan media

  * Video

  * Tanda “Lainnya”

  * Hentian halaman dan pemisah

  * Widget seperti ikon sosial, tag cloud, kalender, dan widget plugin WordPress

  * Sematkan kode untuk situs sosial, situs media seperti YouTube dan Spotify, dan lainnya


Fitur Gutenberg Lainnya


Anda tidak harus tetap menggunakan blok yang telah Anda tambahkan di mana pun Anda menambahkannya. Anda dapat menggulir kembali ke atas di pos Anda dan memilih ikon + di antara salah satu blok yang ada. Ini akan memungkinkan Anda memasukkan blok baru di antara blok yang sudah ada.


Anda juga tidak terjebak dengan penempatan blok Anda. Di editor WordPress klasik, tidak selalu mudah memindahkan hal-hal seperti gambar ke bagian lain dari posting Anda tanpa terkadang mengacaukan pengkodean latar belakang.


Di Gutenberg, memindahkan elemen seperti gambar semudah memilih blok dan kemudian memilih panah atas atau bawah di bilah menu pop-up untuk memindahkan blok ke atas atau ke bawah di pos.


Setiap kali Anda memilih panah, panah itu akan meluncur yang memblokir satu posisi ke arah mana pun yang Anda pilih.


Menggunakan Editor Glutenberg di WordPress


Area pos bukan satu-satunya tempat untuk menambahkan blok baru. Anda akan melihat ada menu ikon yang sangat sederhana di bagian atas editor tempat Anda dapat menggunakan ikon + untuk menambahkan blok juga.


Ikon lain dalam menu ini memberi Anda akses cepat ke fitur Gutenberg lainnya.

  * Ikon Edit pena memungkinkan Anda beralih ke mode pilih untuk memilih blok dengan lebih mudah. Klik dua kali blok untuk kembali ke mode Edit.

  * Ikon Undo atau Redo (panah melengkung kiri dan kanan) akan membatalkan atau mengulang pengeditan terakhir Anda.

  * Ikon i (Rincian) menunjukkan jumlah karakter, kata, judul, paragraf, dan blok di postingan Anda.

  * Ikon Garis Besar memungkinkan Anda menavigasi dengan cepat ke blok di pos Anda berdasarkan urutannya dalam kerangka pos Anda.


Bagi banyak orang, editor Gutenberg di WordPress memang membutuhkan waktu untuk membiasakan diri. Tetapi setelah mengalami betapa mudahnya membuat, mengedit, dan memanipulasi blok elemen dalam posting Anda, Anda akan menemukan bahwa proses membuat posting dan halaman Anda lebih cepat dan lebih produktif.


Sekian artikel tentang Tutorial Gutenberg WordPress: Cara Menggunakan Editor Baru. Baca juga artikel mengenai Tutup paksa Program di Ubuntu yang mungkin perlu Sobat ketahui.

Lebih baru Lebih lama