Semua yang Anda butuhkan untuk memulai dengan WordPress Gutenberg

Pada tahun 2018, WordPress bertujuan untuk memodernisasi dan menyederhanakan pengalaman pembuatan konten dengan Gutenberg. Namanya berasal dari Johannes Gutenberg, pendiri mesin cetak. Ini dianggap sebagai salah satu perubahan terbesar untuk pengalaman pengguna WordPress dan alur kerja pengembangan tema.

Apa itu Gutenberg?

Sebagian besar dari kita berpikir bahwa Gutenberg hanyalah editor baru, tetapi bukan hanya itu. Sementara editor sedang fokus sekarang, proyek pada akhirnya akan memengaruhi seluruh pengalaman penerbitan termasuk penyesuaian.

Sampai sekarang, mengedit halaman berarti mengubah judul, isi, dan bidang khusus. Dengan Gutenberg, logika ini berubah sepenuhnya dan memperkenalkan konsep blok . Blok adalah komponen antarmuka pengguna yang berdiri sendiri, terisolasi dan dinamis yang ditambahkan secara dinamis melalui wp-admin. Saya tidak akan merinci ini, karena video berikut menjelaskan semuanya secara rinci.

Presentasi Matt Mullenweg Gutenberg tentang State of the Word 2017

Gutenberg sudah tersedia sebagai plugin, dan akan diintegrasikan ke dalam WordPress 5.0 yang rencananya akan diluncurkan pada April 2018. Tim di belakangnya saat ini berfokus pada pengalaman pasca-edit. Namun sejak saat itu, pendekatan mereka akan diperluas untuk menyertakan pembuatan template, pembuatan situs, dan banyak lagi. Untuk membuat transisi ke Gutenberg lebih lancar, ada plugin bernama Editor Klasik yang memungkinkan tim untuk menggunakan editor saat ini saat mereka mengerjakan migrasi.

Mengapa Gutenberg baik untuk saya dan apa artinya ini bagi masa depan WordPress?

Gutenberg tidak diragukan lagi merupakan perubahan besar dan banyak pengembang harus beradaptasi dengannya. Namun, menurut saya, ini adalah salah satu perubahan terbaik yang pernah dialami WordPress. Karena memodernisasi proses pengembangan tema dan membuatnya lebih modular dengan basis kode yang lebih bersih, pemeliharaan dan pengeditan yang lebih baik. Ini memberikan lebih banyak keandalan, dan menghilangkan pendekatan lama yang dapat diretas monolitik.

Dengan penggunaan blok, ini mengoptimalkan dan menyederhanakan semua cara kami membangun halaman (shortcode, widget, HTML khusus, media, pemformatan teks, penyematan, dan metabox). Seperti yang dijelaskan Matt dalam postingannya:

• Pengembang dan agensi akan dapat membuat templat interaktif yang dapat dengan mudah diperbarui oleh klien tanpa merusak sesuatu atau berurusan dengan jenis posting khusus.
• Pengembang plugin akan dapat sepenuhnya berintegrasi ke setiap bagian WordPress. termasuk posting, halaman, jenis posting khusus, dan bilah sisi tanpa harus meretas TinyMCE atau menekan seluruh fitur mereka di belakang tombol bilah alat.
• Pengembang tema tidak perlu menggabungkan banyak plugin atau membuat pembuat halaman mereka sendiri. Akan ada cara standar dan portabel untuk membuat tata letak yang kaya untuk postingan dan memandu orang melalui penyiapan langsung di antarmuka. o tutorial 20 langkah atau video panjang diperlukan.
• Pengembang inti akan dapat bekerja dalam teknologi modern dan tidak khawatir tentang kompatibilitas mundur selama 15 tahun.
• Pengguna akhirnya akan dapat membuat situs yang mereka bangun dengan imajinasi mereka. Mereka akan dapat melakukan hal-hal di ponsel yang belum pernah mereka lakukan sebelumnya. Mereka tidak akan pernah melihat kode pendek lagi. Teks yang ditempel dari Word akan dibersihkan dan diubah menjadi blok secara otomatis dan instan.

Demo dan contoh

Dalam ceramah dari WordCamp US 2017, Morten menjelaskan apa yang perlu menjadi fokus pengembang WordPress dan bagaimana WordPress akan diubah dengan Gutenberg.

Morten Rand-Hendriksen: Gutenberg dan WordPress of Tomorrow

Dalam screencast ini, Human Made mendemonstrasikan serangkaian implementasi lanjutan dari blok Gutenberg.

Bagaimana cara memulai?

Mainkan dengan Frontenberg , demo langsung frontend terbatas dari editor Gutenberg yang akan membantu Anda membiasakan diri dengan lingkungan pengeditan Gutenberg.

Frontenberg – Taman bermain Gutenberg yang keluar untuk pengujian instan

Baca artikel berikut dari Matias Ventura Bausero, salah satu insinyur utama di belakang Gutenberg .

Gutenberg, atau Kapal Theseus – Bagaimana sebuah sistem dapat berevolusi secara fundamental tanpa berubah secara drastis?

Bermain-main dengan simbol Sketsa ini dan coba rancang blok khusus Anda sendiri.

Automattic/gutenberg-themes-sketch – gutenberg-themes-sketch – Satu set file Sketch untuk membantu Anda mendesain tema WordPress berbasis blok

Baca buku pegangan pengembang resmi di wordpress.org . Ini bersih, mudah dibaca dan terus berkembang. Anda juga harus berlangganan milis mereka untuk menerima pembaruan mereka.

Pendahuluan – “Gutenberg” adalah nama kode untuk fokus editor WordPress 2017.

Gali ke dalam ReactJS karena Gutenberg dibangun di atasnya.

React – Pustaka JavaScript untuk membangun antarmuka pengguna – Pustaka JavaScript untuk membangun antarmuka pengguna

Lihat contoh Gutenberg ini yang dibuat oleh tim inti WordPress.

WordPress/gutenberg-examples = gutenberg-examples – Contoh untuk memperluas WordPress/Gutenberg dengan blok

Baca e-book terperinci ini oleh Human Made (salah satu agen pengembangan WP terbaik) .

Gutenberg, Editor WordPress (White Paper) baru – Buku putih ini mencakup tantangan utama dalam implementasi dan adopsi, serta saran tentang bagaimana perusahaan dapat bertindak sekarang.

Lihat kursus pengembangan ini oleh Zac Gordon, pengajar di beberapa platform pendidikan paling populer FrontendMasters, Treehouse, dan Udemy.

Kursus Pengembangan Gutenberg dari Zac Gordon – Kursus Gutenberg

Terakhir, instal toolkit pengembang tanpa konfigurasi ini untuk membangun plugin blok WordPress Gutenberg oleh Ahmad Awais

ahmadawais/create-guten-block – ‏ Toolkit pengembang #0CJS dengan konfigurasi nol untuk membangun blok WordPress Gutenberg.

Itu saja untuk saat ini, terima kasih banyak telah membaca posting ini dan silakan tinggalkan komentar jika Anda memiliki pemikiran, pertanyaan, atau saran.

Jika Anda seorang agensi, perusahaan, atau pengembang WordPress yang ingin meningkatkan kinerja situs web, keamanan, dan pengalaman hosting Anda, bicarakan dengan tim teknik kami. Platform hosting WordPress terkelola kami dianggap sebagai salah satu yang terbaik di industrinya dengan kinerja, keandalan, dan dukungan pelanggan teknis yang tiada tara.

Tim kami memiliki misi untuk mendefinisikan ulang cara pengembang WordPress membangun, menghosting, dan menskalakan situs web mereka, jadi tetaplah berkomunikasi dan jangan ragu untuk berbicara dengan kami.