LatansaPEDIA
  • Home
  • Komputer
  • Gadget
  • Drone
  • Website
  • Panduan
  • Epaper Gratis
Selasa, Maret 2, 2021
  • Login
  • Home
  • Komputer
  • Gadget
  • Drone
  • Website
  • Panduan
  • Epaper GratisBaru
Tidak ada hasil
View All Result
  • Home
  • Komputer
  • Gadget
  • Drone
  • Website
  • Panduan
  • Epaper GratisBaru
Tidak ada hasil
View All Result
LatansaPEDIA
Tidak ada hasil
View All Result
Home Website Wordpress

Cara Menggunakan Gutenberg, Aplikasi Editor Keluaran Terbaru yang Praktis

Mas Ni'am oleh Mas Ni'am
28 Mei 2020
pada Wordpress
0
cara menggunakan Gutenberg
0
SHARES
87
VIEWS
Share on FacebookShare on Twitter

Pada proses pembuatan sebuah artikel pasti akan melalui proses editing. Dalam proses ini tentunya akan membutuhkan sebuah aplikasi editor yang recommended untuk digunakan. Salah satu aplikasi editor terbaru dari wordpress dan baru dirilis baru-baru ini adalah editor Gutenberg.

Di dalam aplikasi ini terdapat beberapa kelebihan dibanding editor lainnya, pada editor ini Anda bisa menambahkan alamat html, menambahkan gambar, menulis artikel, hingga menambah tombol. Selain itu, untuk memainkan situs editor ini hanya dengan drag dan drop saja,  dan masih banyak lainnya.

Bagi yang masih asing dan belum familiar dengan editor ini pasti akan dibuat kebingungan cara menggunakan Gutenberg itu sendiri. Pasti banyak yang masih kesusahan mengoperasikan editor terbaru ini. Di sini akan diulas bagaimana cara menggunakan Gutenberg dengan mudah dan benar. Sehingga, bagi pemula akan lebih mudah lagi mempelajarinya.

PostingTerbaik

Plugin migrasi wordpress

Plugin Migrasi WordPress Terbaik dan Cara Menggunakannya

11 Januari 2020
Cara Cek Artikel Copas

7 Cara Mudah Cek Artikel Copas atau Unik

16 November 2019
cara membuat meta description

Cara Membuat Meta Description Otomatis di WordPress

14 November 2019
cara setting yoast SEO yang benar

Cara Setting Yoast SEO yang Benar 2019

12 November 2019

Sebelum menggunakan Gutenberg, Anda harus menginstal dahulu editor Gutenberg. Anda bisa menginstalnya lewat akun website wordpress Anda. Klik menu plugins lalu klik lagi add new, setelah itu di kolom pencarian ketik plugin Gutenberg. Lalu klik instal now, kemudian setelah proses instal selesai klik lagi menu Active.

Sebenarnya, bagaimana sih cara menggunakan Gutenberg? Ada beberapa layanan atau menu yang bisa Anda gunakan di editor ini untuk membuat tampilan artikel blog Anda lebih cantik lagi. Kita lihat saja yuk apa saja yang bisa dilakukan di editor Gutenberg.

Membuat halaman baru

Cara menggunakan gutenberg yang pertama adalah membuat sebuah artikel dengan halaman baru, caranya tinggal klik pages lalu klik Add new atau bisa juga klik post lalu klik Add new.

Menulis artikel

Pada menu ini Anda bisa menambahkan beberapa bagian yang sesuai dengan fitur yang disediakan di menu ini. Diantaranya adalah:

  1. Anda bisa membuat judul artikel di kolom yang paling atas.
  2. Anda bisa menambahkan gambar, kode, kolom, heading, paragraf, dan list secara bersamaan.
  3. Anda bisa memindahkan posisi blok untuk membuat konten yang terpisah, yaitu dengan cara klik fitur drag and drop.
  4. Blok bisa ditambahkan pada setiap bagian menggunakan tanda “+” .
  5. Most Used adalah bagian kumpulan blok yang sering digunakan.
  6. Formatting merupakan bagian untuk editing artikel, di menu ini terdapat blok classic editor, code, preformat, tabel, dan custom HTML.
  7. Layout Elements merupakan fitur untuk mengatur layout artikel Anda. Pada menu ini terdapat fitur button, media, teks, page break, kolom, pemisah, dan masih banyak lagi lainnya.
  8. Common Blocks merupakan fitur yang berisi kumpulan blok, yang berisi paragraf, quotes, judul, heading, file, video, galeri dan
  9. Widgets pada bagian ini Anda bisa menambahkan shortcode dan archives serta menampilkan kategori, komentar terbaru, dan juga post terbaru.
  10. Embeds pada bagian untuk mengisi sosial media Anda, seperti Facebook, Instagram, YouTube, Twitter dan lain sebagainya.

Menambah Gambar

Pada fitur ini Anda bisa menambahkan gambar untuk memperindah artikel sesuai dengan keinginan Anda. Ada beberapa cara menambahkan gambar pada editor Gutenberg ini:

  1. Untuk menambah gambar klik menu “+” lalu pilih image.
  2. Untuk melihat gambar yang sudah diunggah sebelumnya, Anda bisa mengklik menu media library.
  3. Untuk memasukan gambar dari internet atau browser, Anda bisa mengklik insert from url.
  4. Untuk mengunggah gambar, klik upload lalu pilih gambar yang diinginkan. Pada proses ini tunggu sebentar hingga gambar yang dipilih selesai diunggah.
  5. Jika ingin mengatur ukuran gambar atau menambahkan alt text, pada bagian kanan atas klik menu block lalu atur ukuran gambar sesuai keinginan.
  6. Untuk menambahkan galeri foto, klik lagi menu “+” dan pilih block gallery. Unggah gambar yang diinginkan lalu create gallery.

Mengganti Warna Font

Pada fitur ini Anda bisa mengganti warna font, warna background, serta mengatur visual tulisan sesuka hati Anda. Anda bisa mengaturnya pada bagian layar kanan atas.

Menambah Daftar Isi

Pada versi terbaru Gutenberg ini, jika Anda sering menulis artikel yang panjang. Anda sudah bisa membuat daftar isi melalui editor ini.

Baca juga: Plugin migrasi wordpress terbaik.

Membuat Kolom dan Button

Pada bagian ini, jika Anda akan mengatur kolom dan button klik menu “+” lalu pilih columns. Anda sudah bisa mengatur kolom dan button sesuka hati Anda.

Menambahkan Tema

Di editor Gutenberg ini Anda bisa menambahkan tema dengan klik tombol blok lalu pilih template. Setelah itu, Anda bisa memilih tema yang sudah disediakan di editor ini.

Menambah Kode HTML

Untuk menambahkan kode HTML sangatlah mudah. Tinggal klik “+”  lalu pilih custom HTML, kemudian tambahkan kode HTML. Jika ingin melihat tampilan kodenya, klik menu preview.

Membuat Highlight Kalimat

Jika ada sebuah kalimat yang ingin Anda highlight, Anda bisa menggunakan fitur pullquote.

Menambah URL YouTube

Jika Anda ingin menambahkan video dari YouTube, Anda tinggal klik “+” lalu pilih embeds. Setelah itu, klik blok yang bergambar youtube lalu masukan link alamat video yang ingin Anda tambahkan. Selain YouTube, Anda juga bisa menambahkan postingan dari Facebook, Twitter, maupun Instagram.

Menghapus Block

Jika ingin menghapus block yang sudah pernah dipakai, gampang kok caranya. Anda tinggal klik menu yang bergambar titik tiga di samping menu preview, lalu pilih remove block.

Mengunggah Postingan

Setelah Anda selesai menulis artikel dan telah diedit sedemikian rupa. Anda bisa langsung mengupload atau mengunggah artikel Anda, hanya dengan klik tombol publish yang terletak di bagian kanan atas. Artikel yang Anda buat telah langsung terunggah di website Anda.

Keunggulan dari editor Gutenberg ini adalah Anda bisa memindahkan blok yang ada di editor ini dengan sangat mudah. Hanya dengan drag and drop saja, Anda bisa memindahkan blok sesuai dengan yang Anda inginkan tanpa perlu ada kode-kode khusus untuk memindahkannya.

Selain itu, tampilan editor Gutenberg ini lebih santai dan juga rapi. Bahkan, editor terbaru ini sudah bisa digunakan melalui mobile. Jadi, jika Anda sedang sibuk dan tidak sempat membuka komputer Anda, hanya lewat mobile Anda sudah bisa menulis artikel bahkan mengeditnya.

Setiap ada keunggulan, pasti ada kelemahan. Kelemahan dari editor Gutenberg ini adalah belum ada support dari markdown, belum mendukung responsive column, serta jika ada masalah mengenai plugins dan theme, kemungkinan besar para developer wordpress harus mengupdate plugins dan theme agar bisa terhubung lagi dengan editor gutenberg.

Jadi, jangan ragu lagi menggunakan editor keluaran terbaru ini. Selain lebih lengkap, editor ini juga akan membuat kerja Anda lebih praktis dan efisien. Semoga ulasan cara menggunakan Gutenberg ini berguna bagi Anda yang baru belajar tentang dunia website. Demikian tutorial cara menggunakan gutenberg, semoga bermanfaat bagi Anda.

Tags: GutenbergPlugin Editor
ShareTweetPin
Post Sebelumnya

Plugin Migrasi WordPress Terbaik dan Cara Menggunakannya

Mas Ni'am

Mas Ni'am

Seorang petani kampung yang punya hobi di bidang teknologi terutama drone. Sejak MTs suka ngoprek alat-alat yang berbau teknologi seperti radio, HT, dll. Mulai mengenal komputer dan website waktu SMA di Bandung.  

Related Posts

Plugin migrasi wordpress

Plugin Migrasi WordPress Terbaik dan Cara Menggunakannya

11 Januari 2020
Cara Cek Artikel Copas

7 Cara Mudah Cek Artikel Copas atau Unik

16 November 2019
cara membuat meta description

Cara Membuat Meta Description Otomatis di WordPress

14 November 2019
cara setting yoast SEO yang benar

Cara Setting Yoast SEO yang Benar 2019

12 November 2019

HOT Posting

  • Aplikasi Video Bokeh

    10 Aplikasi Video Bokeh 2019 Terbaik Untuk Android

    9 shares
    Share 0 Tweet 0
  • Drone Murah Untuk Pemula Harga Di Bawah 500 Ribu

    6 shares
    Share 0 Tweet 0
  • Aplikasi Menggambar Untuk Anak TK Terbaik

    6 shares
    Share 0 Tweet 0
  • Aplikasi Penghemat Baterai 2019 Terbaik

    10 shares
    Share 0 Tweet 0
  • Aplikasi Wajib Bagi Santri

    8 shares
    Share 0 Tweet 0
LatansaPEDIA

© 2019 LatansaPEDIA - Blog Teknologi.

Navigasi Blog

  • About
  • Disclaimer
  • Privacy Policy

Follow Us

Tidak ada hasil
View All Result
  • Home
  • Komputer
  • Gadget
  • Drone
  • Website
  • Panduan
  • Epaper Gratis

© 2019 LatansaPEDIA - Blog Teknologi.

Welcome Back!

Login to your account below

Forgotten Password?

Create New Account!

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In