{"id":11266,"date":"2018-05-10T00:00:00","date_gmt":"2018-05-10T00:00:00","guid":{"rendered":"https:\/\/binus.ac.id\/binus-digital\/2018\/05\/10\/gutenberg-cara-baru-wordpress-dalam-mengelola-konten\/"},"modified":"2024-09-24T02:20:30","modified_gmt":"2024-09-24T02:20:30","slug":"gutenberg-cara-baru-wordpress-dalam-mengelola-konten","status":"publish","type":"post","link":"https:\/\/binus.ac.id\/binus-digital\/2018\/05\/10\/gutenberg-cara-baru-wordpress-dalam-mengelola-konten\/","title":{"rendered":"Gutenberg: Cara baru WordPress dalam mengelola konten"},"content":{"rendered":"

Tahun 2017, WordPress<\/a> mulai membagi fokusnya untuk pengembangan sebuah Text Editor<\/em> baru yang dinamakan Gutenberg<\/a>. Nama Gutenberg sendiri diambil dari nama penemu mesin cetak\u00a0Johannes Gutenberg<\/a>.<\/p>\n

Tujuan Gutenberg adalah untuk membuat user<\/em> lebih mudah dalam mengelola konten dan membuatnya lebih menarik. Dari Matt Mullenweg<\/a>:<\/p>\n

\n

The editor will endeavour to create a new page and post building experience that makes writing rich posts effortless, and has \u201cblocks\u201d to make it easy what today might take shortcodes, custom HTML, or \u201cmystery meat\u201d embed discovery.<\/p>\n<\/blockquote>\n

Selain itu, sepertinya WordPress tidak ingin tertinggal oleh kompetitornya yaitu\u00a0Medium<\/a>\u00a0\u2014 atau terinspirasi, yang sudah lebih dahulu mengembangkan konsep Text Editor<\/em> yang sangat mudah untuk digunakan dalam membuat\u00a0 konten.<\/p>\n

\"\"
Tampilan olah konten dengan Gutenberg.<\/figcaption><\/figure>\n<\/p>\n

Saat ini, Gutenberg<\/a>\u00a0masih dalam tahap development<\/em> dan membutuhkan bantuan untuk pengembangannya, kamu bisa share<\/em> ide yang kamu punya untuk pengembangan Gutenberg disini<\/a>. Namun, meskipun masih dalam tahap development<\/em> atau beta, kamu tetap dapat mencobanya dalam sistem plugin<\/em>.<\/p>\n

\n

Gutenberg<\/a><\/p>\n<\/blockquote>\n

Gutenberg baru akan dirilis pada WordPress versi 5 nanti dan akan menggantikan Text Editor<\/em> yang ada saat ini (WordPress core<\/em>).<\/p>\n

Apa yang ditawarkan oleh Gutenberg?<\/h2>\n

Jawabannya adalah sebuah konsep baru dalam mengelola konten, yaitu menggunakan sistem “block”. Block<\/em> tersebut digunakan untuk membuat semua jenis konten, seperti\u00a0paragraph<\/em>,\u00a0image<\/em>, quote<\/em>, video<\/em>, embeded social media post<\/em> (Facebook, Twitter, Instagram, dll), gallery<\/em>,\u00a0everything<\/em>!<\/p>\n

\"\"
Tampilan olah konten block – paragraf.<\/figcaption><\/figure>\n<\/p>\n

Konten yang dapat dibuat dengan WordPress tidak lagi hanya sekedar bentuk\u00a0tulisan, gambar atau pun video, tapi lebih dari itu. Dengan Gutenberg kita dapat membuat konten dengan layout<\/em> yang kita inginkan dan tidak membutuhkan pengetahuan akan koding HTML atau pun CSS,\u00a0cukup gunakan block<\/em> saja!<\/p>\n

Sebagai contoh, kalau sebelumnya untuk membuat konten seperti embed post social media<\/em> misalnya, entah itu Facebook, Twitter, Instagram dan sebagainya, kamu perlu mencari kode embed<\/em>-nya dulu lalu paste kode tersebut ke editor<\/em> tempat kamu mengolah konten. Dengan Gutenberg, kamu cukup cari block<\/em>\u00a0social media yang ingin kamu tampilkan, lalu tinggal paste<\/em> saja URL social medianya,\u00a0as simple as that<\/em>.<\/p>\n

\"\"
Contoh tampilan block – embeded twitter post.<\/figcaption><\/figure>\n<\/p>\n

Saat ini Gutenberg telah memiliki lebih dari 20 pilihan block<\/em>\u00a0yang dapat dipakai untuk membuat konten\u00a0\u2014 konten kamu akan lebih berwarna dari sebelumnya. Block<\/em> tersebut dapat ditambahkan dan dikurangi, disesuaikan dengan kebutuhan pemakainya (lihat dokumentasi<\/a>).<\/p>\n

\"\"
Dibawah icon (+), terdapat pilihan blok yang dapat dipakai membuat konten.<\/figcaption><\/figure>\n<\/p>\n

Sebagai contoh di jaringan website\u00a0BINUS<\/a> misalnya, mungkin kami perlu membuatkan block\u00a0<\/em>baru\u00a0untuk men-translate<\/em> rumus matematika ke dalam bahasa\u00a0LaTeX<\/a>\u00a0atau block<\/em>\u00a0FAQ (Accordion<\/em>) jika para dosen ingin membuat pertanyaan-pertanyaan yang sering ditanyakan di dalam kontennya. Di lain hal, kami harus menghilangkan fitur upload video<\/em> dikarenakan masalah kuota harddisk server<\/em> sehingga mengharuskan user untuk upload<\/em> dulu video<\/em>-nya ke Youtube dan meng-copy<\/em> link-<\/em>nya ke editor<\/em>.<\/p>\n

Selain itu, Gutenberg memungkinkan antara\u00a0layout<\/em> yang digunakan untuk mengolah konten\u00a0dengan tampilan isi kontennya, bisa dibuat sama persis \u2014 it’s like\u00a0Live Editing you know!. <\/em>Walaupun perlu melakukan customize<\/em> di script<\/em>\u00a0theme<\/em>-nya.<\/p>\n

<\/h3>\n

Tapi, dengan perubahan besar ini apakah ada dampaknya terhadap website yang sudah terlanjur memakai WordPress dan masih menggunakan sistem Text Editor yang lama, termasuk BINUS?<\/strong><\/p>\n

Tunggu di-update<\/em> berikutnya ya \ud83d\ude42<\/p>\n

 <\/p>\n

Referensi:
\nhttps:\/\/wordpress.org\/gutenberg\/<\/a><\/p>\n

Image by<\/em>\u00a0Hannes Wolf
\n<\/a>https:\/\/unsplash.com\/photos\/n2ILm0aTCYo<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Tahun 2017, WordPress mulai membagi fokusnya untuk pengembangan sebuah Text Editor baru yang dinamakan Gutenberg. Nama Gutenberg sendiri diambil dari nama penemu mesin cetak\u00a0Johannes Gutenberg. Tujuan Gutenberg adalah untuk membuat user lebih mudah dalam mengelola konten dan membuatnya lebih menarik. Dari Matt Mullenweg: The editor will endeavour to create a new page and post building […]<\/p>\n","protected":false},"author":20,"featured_media":11267,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77],"tags":[],"class_list":["post-11266","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/comments?post=11266"}],"version-history":[{"count":1,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11266\/revisions"}],"predecessor-version":[{"id":12007,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11266\/revisions\/12007"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media\/11267"}],"wp:attachment":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media?parent=11266"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/categories?post=11266"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/tags?post=11266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}