Posted on

Menggunakan Fitur Fitur Gutenberg Block Editor

Fitur Gutenberg Block Editor, Drop cap

Fitur Gutenberg Block Editor

Lorem ipsum dolor sit amet. wpJakarta – Menggunakan Fitur Fitur Gutenberg Block Editor. Drop cap atau mengkapitalkan huruf pertama adalah satu fitur yang pertama kali kami tampilkan disini.

Drop cap; “In a written or published work, an initial or drop cap is a letter at the beginning of a word, a chapter, or a paragraph that is larger than the rest of the text. The word is derived from the Latin initialis, which means standing at the beginning. An initial is often several lines in height and in older books or manuscripts, sometimes ornately decorated”.

Jika biasanya membuat dropcap harus dilakukan menggunakan plugin. Atau dengan menambahkan kode html dan CSS, misalnya sebagai berikut :

/* Membuat drop cap dengan html dan css (Non Gutenberg) */

/* kode CSS */
p.drop-cap:first-letter {
 font-size: 55px;
 float: left;
 margin:5px;
} 

Fitur Gutenberg Block Editor, Kode (Script)

Di atas adalah blok kode, cukup pilih blok kode (< >) dan ketikan kode kode tutorial yang ingin di sharing. Sebelumnya saat menggunakan klasik editor menuliskan kode harus dilakukan dengan menggunakan tag <code> atau <pre> pada mode teks, seperti berikut :

<code>p.drop:first-letter {
font-size: 55px;
float: left;
margin:5px;
}</code>

Fitur Gutenberg Block Editor, Warna teks dan background

Fitur Gutenberg Block Editor lainnya yang menarik adalah : Memberikan warna pada teks juga mudah untuk digunakan. Tapi sepertinya satu blok paragraf hanya bisa menggunakan satu warna.

Warna background juga bisa diberikan. lihat disebelah kanan editor dan buka toggle “pengaturan warna atau color setting”. Langsung pick warna yang ingin anda gunakan. Ingat jika warna background yang anda gunakan berwarna gelap, maka pilih warna teks yang terang.

Fitur Gutenberg Block Editor, Blockquote dan cite

“Take three cups of coffee a day keeps you grumpy away”. Membuat blockquote sama mudahnya dengan klasik editor. Tapi pada gutenberg kita dapat langsung membubuhkan cite tanpa harus membubuhkan tag <cite>. Jika pada klasik editor biasanya harus memberikan tag <cite>author</cite>

wpJakarta

Sebuah blockquote atau cite atau sebuah paragraph atau element apapun juga bisa anda simpan sebagai “reusable block” atau blok yang bisa dipakai ulang pada artikel berikutnya yang kita buat. Cukup klik tiga titik dan pilih “add to reusable block”. Fiturnya mirip seperti “add signature”, seperti pada gambar berikut. Sebuah blok juga bisa dipindah ke atas atau kebawah dengan menscroll tanda ^ yang ada tepat berada disamping kiri blok yang sedang di edit.

Fitur Gutenberg Block Editor, Kolom

wp jakarta tips-trik wordpress

They must know, then, that the above-named gentleman whenever he was at leisure (which was mostly all the year round) gave himself up to reading books of chivalry with such ardour and avidity that he almost entirely neglected the pursuit of his field-sports, and even the management of his property; and to such a pitch did his eagerness and infatuation go that he sold many an acre of tillageland to buy books of chivalry to read, and brought home as many of them as he could get.

wp jakarta tips-trik wordpress

Tetapi dari semuanya tidak ada yang dia sangat sukai seperti komposisi Feliciano de Silva yang terkenal, karena kejernihan gaya dan kesukarannya yang menurutnya seperti mutiara, terutama ketika saat membacanya dia terbersit tentang pengadilan dan kartel, tempat sering ditemukan hal-hal seperti “alasan tidak masuk akal yang mengganggu dan melemahkan alasan saya dan dengan alasan tersebut saya mengomentari kecantikan Anda;” atau juga, “surga di atas sana membuat Anda pantas mendapatkan keagungan yang luas.”

Fitur Gutenberg Block Editor, Numbering/bullet (Ol, Ul, Li)

  1. Fitur-Fitur Gutenberg Block Editor.
  2. Gutenberg memberikan fitur lengkap untuk menulis.
    • Membuat drop-cap.
    • Membuat kolom .
      • Layout dua kolom.
      • Layout tiga kolom.
  3. Bukan hanya menulis, gutenberg juga berfungsi untuk mendesain website keseluruhan.
    1. Website yang socialable.

Fitur Gutenberg Block Editor, Cover Image

Cover Image (Judul H2)

Cover Image (Paragraph)

Cover Image (Blockquote Paragraph)

wpJakarta

Fitur Gutenberg Block Editor, Tabel dan Tombol

WebsiteURLJenis
Fresh (+62) https://freshplus62.com Website Komunitas Nasional.
wpJakarta https://wpjakarta.com a Non Open BO Company.
T Blok Tombol + CSS

Masih banyak fitur lain

Fitur-fitur diatas tentu hanya sedikit fitur yang kami coba. Masih banyak fitur lainnya yang jika kami jelaskan satu-satu tentu tidak akan cukup. Kesimpulannya fitur-fitur gutenberg block editor bukan hanya memberikan kekuatan menulis. Jika klasik editor sebelumnya hanya fokus pada “bagaimana menulis”. Maka gutenberg lebih dari itu, gutenberg tentu bisa mendesain halaman bahkan website atau blog secara keseluruhan.