Blog Staff

Akses blog staff melalui https://staff.telkomuniversity.ac.id/ lalu klik tombol Login.

Staff Blog Telkom University
Staff Blog Telkom University

Fitur Layanan Blog

Login O365
Login O365 Blog Staff

Gutenberg Editor WordPress

Dalam dunia desain web dan konten yang terus berkembang, memiliki editor yang kuat dan mudah digunakan adalah krusial. Inilah Gutenberg, editor WordPress revolusioner yang mengubah permainan. Dalam panduan komprehensif ini, kita akan menjelajahi potensi penuh Gutenberg untuk menciptakan halaman web yang memukau. Baik Anda pengembang berpengalaman atau pemula yang ingin tahu, mari kita telusuri dunia pengeditan berbasis blok.

1. Munculnya Gutenberg: Perubahan Paradigma

Lahirnya Era Baru

Gutenberg, diperkenalkan sebagai editor default di WordPress 5.0, menggantikan editor TinyMCE tradisional. Antarmuka intuitif dan desain responsifnya menjadikannya favorit di kalangan kreator. Tapi apa yang membedakannya? Mari kita cari tahu.

Blok: Fondasi Kreativitas

Konsep inti Gutenberg berputar di sekitar blok. Setiap blok mewakili elemen yang berbeda—baik itu paragraf, gambar, tombol, atau video. Blok-blok ini dapat dengan mudah diatur ulang, disesuaikan, dan diberi gaya. Tinggalkan tata letak monoton; dengan Gutenberg, kreativitas Anda tak terbatas.

2. Memulai dengan Gutenberg

Mengangkat Layar

Sebelum memulai perjalanan Gutenberg Anda, pastikan Anda memiliki situs web WordPress yang berjalan. Begitu Anda berada di dasbor admin, arahkan ke postingan atau halaman yang ingin Anda edit. Klik tombol “Edit,” dan voilà! Anda berada di wilayah Gutenberg.

Seni Membuat Konten

Gutenberg menggunakan konsep blok konten individu untuk menambahkan dan mengedit berbagai elemen dalam postingan dan halaman. Anda dapat mengatur dan menyesuaikan tampilan setiap blok ini. Misalnya, Anda bisa memilih warna latar belakang atau lebar yang berbeda untuk seluruh blok tanpa memengaruhi elemen lainnya.

3. Mengoptimalkan Pengalaman dengan Gutenberg

Menggali Lebih Dalam

Gutenberg bukan hanya sekadar editor; ia adalah kreativitas Anda dalam bentuk digital. Mari kita lihat beberapa fitur menarik:

a. Reusable Blocks: Template Kustom

Gutenberg memungkinkan Anda membuat blok yang dapat digunakan kembali. Ini seperti memiliki koleksi template siap pakai. Buat blok untuk header, testimonial, atau bahkan tata letak halaman penuh. Hemat waktu dan konsistensi dengan reusable blocks.

b. Drag-and-Drop: Simplicity Itself

Gutenberg adalah editor drag-and-drop. Geser dan letakkan konten di halaman web tanpa perlu mengutak-atik kode. Ini cocok untuk pemula dan praktisi berpengalaman.

c. Full Site Editing (FSE): Desain Tanpa Batas

Dengan Gutenberg, Anda dapat merancang seluruh situs web. Tidak hanya postingan, tetapi juga halaman, header, footer, dan bagian lainnya. FSE membuka pintu bagi kreativitas tak terbatas.

Template Halaman Page

Terdapat template instant yang dapat dipergunakan dalam membuat halaman website, sehingga tidak perlu mengandalkan penggunaan Themes untuk mendapatkan tampilan website secara instant.

Kita bisa melakukan preview terlebih dahulu, sebelum melakukan insert tempalte halaman yang akan kita aplikasikan.

template library
template library

insert template
insert template, lakukan preview untuk melihat contoh halaman

Block Template

Block Template difungsikan untuk memasukkan form tampilan tertentu yang ingin ada didalam sebuah halaman web.

template block
template block

Website Unit

Untuk editor website unit juga sama, sangat direkomendasikan menggunakan Gutenberg, standar plugin dan themes bisa dibaca melalui https://it.telkomuniversity.ac.id/course/standar-wordpress-di-tel-u/.

Leave a Reply

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Eksplorasi konten lain dari Direktorat Pusat Teknologi Informasi

Langganan sekarang agar bisa terus membaca dan mendapatkan akses ke semua arsip.

Lanjutkan membaca