Gutenberg akan segera hadir di WordPress. Milikmu situs jaringan apakah dia siap? Meskipun kami masih belum tahu persis seperti apa bentuknya, sistem konten baru ini akan ditambahkan ke WordPress di masa mendatang. Mari kita lihat dampak potensial yang mungkin timbul pada situs Anda, dan cara untuk mengidentifikasi dan memperbaiki area masalah sebelumnya.
Apa Gutenberg?
Gutenberg adalah proyek WordPress yang bertujuan untuk memberi pengguna lebih banyak fleksibilitas dalam mendesain konten mereka. Pada dasarnya, proyek ini bertujuan untuk menggantikan editor saat ini, yang berfungsi terutama sebagai pengolah kata, dengan antarmuka yang lebih visual dan terstruktur. Saat ini, Gutenberg adalah sebuah plugin, dan itu memberi pengguna kemampuan untuk mengedit konten mereka dengan cara yang sama seperti Visual Composer atau editor seret dan lepas lainnya (Seret & Jatuhkan), tetapi dengan cara yang disederhanakan dan sangat intuitif.
Untuk mempelajari lebih lanjut tentang Gutenberg, cliquez ici.
Bagian-bagian situs Anda
Gutenberg adalah perusahaan besar dan kemungkinan akan mencapai banyak titik akhir di . Anda situs jaringan. Ini adalah tiga area yang akan kami jelajahi untuk masalah potensial:
- Tema Anda: Gutenberg hadir dengan kumpulan gayanya sendiri untuk konten. Apakah tema Anda kompatibel? Seperti apa Gutenberg saat aktif?
- Plugin Anda: Ada kemungkinan Gutenberg dapat berinteraksi dengan plugin Anda yang lain dengan cara yang tidak terduga. Kami akan melihat apa yang bisa dilakukan dan apa yang harus dilakukan untuk memperbaiki masalah yang muncul.
- Konten Anda: Gutenberg akan memengaruhi cara konten Anda ditampilkan. Kami akan melihat bagaimana hal ini dapat mengubah tampilan halaman Anda, dan membahas beberapa solusi potensial jika Anda mengalami masalah.
Menyiapkan area uji
Sebelum Anda memulai, sebaiknya siapkan area pengujian tempat Anda dapat bereksperimen dengan Gutenberg tanpa membahayakan situs utama Anda. Idealnya, Anda harus membuat area pengujian Anda sendiri atau membuat salinan lokal situs Anda. Untuk informasi lebih lanjut tentang cara melakukan salah satu tugas ini, lihat tutorial berikut ini: Cara menginstal WordPress secara lokal.
Jika ini tidak memungkinkan, Anda dapat melakukan pengujian langsung di situs Anda. Perhatikan bahwa ini bisa berisiko, karena kami akan mengaktifkan dan menonaktifkan sejumlah bagian situs Anda. Jika Anda menjalankan pengujian langsung, pastikan untuk membuat cadangan situs Anda sebelum Anda mulai.
Setelah Anda tahu di mana Anda akan menguji, buka direktori plugin dan temukan Gutenberg. Setelah terinstal dan diaktifkan, baca terus.
Uji tema Anda
Sekarang setelah Anda memasang Gutenberg, mari kita lihat bagian pertama situs Anda yang mungkin terpengaruh: tema Anda. Jika saat ini sudah ada masalah besar, seperti kesalahan database atau masalah dengan dasbor WordPress, lanjutkan ke bagian Apa yang harus dilakukan ketika ada terlalu banyak masalah.
Karena Gutenberg terutama berinteraksi dengan konten situs, cukup untuk menguji beberapa hal - untungnya bagi kami.
Yang pertama adalah Gutenberg dilengkapi dengan lembar gaya dan serangkaian gayanya sendiri. Periksa setiap jenis halaman dan template yang digunakan di situs Anda untuk memastikannya masih muncul dengan benar. Tujuan utamanya di sini adalah untuk fokus pada elemen di area konten utama halaman Anda, terutama konten dan blok gambar. Jika Anda melihat masalah apa pun, kemungkinan gaya Gutenberg lebih diutamakan daripada yang ada di situs Anda.
Untuk memperbaikinya, Anda perlu mengidentifikasi dari mana asalnya. Biasanya ini akan menjadi pemilih CSS yang berfokus pada elemen HTML atau prioritas gaya Gutenberg di atas kelas Anda sendiri. Bagaimanapun, cobalah untuk mengidentifikasi di mana kesalahan itu terjadi. Selanjutnya, cari tahu mengapa gaya Gutenberg menimpa gaya Anda, dan perbaiki kode Anda agar dapat didahulukan.
Cobalah untuk melakukan koreksi pada tema Anda sendiri (atau lebih baik lagi, dalam tema anak atau area yang ditentukan untuk CSS di tema Anda), daripada memodifikasi Gutenberg. Jika Anda langsung mengedit file apa pun di Gutenberg, kemungkinan besar file tersebut akan ditimpa saat plugin diperbarui.
Demikian juga, Anda ingin menjalankan tes yang sama di dasbor Anda sekali dan untuk semua. Opsi tema dan bagian khusus lainnya yang dihasilkan oleh tema Anda tampaknya menjadi penyebab terbesar sejauh ini. Setelah Anda mengidentifikasi masalah gaya di area ini, Anda biasanya dapat memperbaikinya dengan mengubah atau membuat tema anak dan mengubah CSS di sana.
Apakah plugin Anda berfungsi?
Setelah menguji tema Anda, plugin untuk situs Anda adalah sebagai berikut. Secara khusus, perhatikan plugin yang menyediakan kode pendek yang Anda gunakan dalam konten Anda (mis. Bentuk Gravity), plugin yang memengaruhi tampilan konten Anda (mis. Plugin aksesibilitas yang memengaruhi ukuran teks) dan plugin yang langsung menyisipkan elemen ke halaman Anda (seperti Bidang Kustom Lanjutan).
Jelajahi shortcode
Untuk mengaudit area ini, mulailah dengan mengumpulkan daftar semua shortcode yang Anda gunakan, serta halaman tempat mereka berada. Dengan daftar Anda di tangan, kunjungi setiap halaman ini untuk melihat apakah mereka berfungsi seperti yang diharapkan. Jika Anda mengalami masalah gaya, kemungkinan Anda mengalami masalah yang sama seperti sebelumnya dan perlu menyesuaikan gaya Anda.
Namun, jika kode pendek ditampilkan dan bukan konten yang diharapkan (yaitu, halaman Anda menampilkan [shortcode]alih-alih melakukan hal yang benar) ada solusi lain. Dalam hal ini, Anda dapat melihat blok tempat kode pendek berada dan mengonfirmasi bahwa itu bukan teks (temukan dan hapus label yang tidak diinginkan di sekitar kode pendek). Jika masalah berlanjut, memindahkan kode pendek ke jenis blok yang lebih sesuai harus memulai ulang semuanya.
Penampilan konten
Masalah ini berasal dari masalah yang sama yang telah kita bahas: penggantian gaya. Identifikasi elemen yang terpengaruh dan perbaiki CSS.
Pembuatan elemen
Area terakhir yang akan kita lihat untuk masalah yang saling bertentangan adalah tentang pembuatan item. Setiap plugin yang menyisipkan elemen HTML ke halaman tanpa menggunakan shortcode dicurigai di sini, misalnya, ketika PHP mengekstrak bidang khusus dari plugin Bidang Kustom Lanjutan.
Slip paling umum dengan pembuatan elemen berputar di sekitar blok yang tidak kompatibel. Karena Gutenberg menyediakan gayanya sendiri, ada kemungkinan jika item Anda dibuat di dalam blok yang tidak disengaja, item tersebut mungkin tidak ditampilkan dengan benar. Perbaikan untuk ini adalah memastikan kode Anda menambahkan item ke blok di mana Anda menginginkannya.
Apakah konten Anda muncul seperlunya?
Ini tidak sepenting masalah lain yang telah kita diskusikan, tetapi mungkin ada beberapa kerumitan dalam cara konten Anda ditampilkan. Sebagian besar masalah ini berasal dari perubahan gaya kecil atauorganisasi blok. Untuk memperbaikinya, Anda harus bermain-main dengan sistem blok sampai Anda mendapatkan halaman seperti yang Anda inginkan.
Apa yang harus dilakukan ketika ada terlalu banyak masalah
Apakah Anda mengalami masalah yang tidak dapat diselesaikan dengan saran dalam tutorial ini? Jangan panik ! Masih ada waktu sebelum Gutenberg diintegrasikan ke dalam inti WordPress.
Pertama, tuliskan apa kesalahannya dan langkah apa yang menyebabkan kesalahan tersebut. Semakin banyak informasi yang Anda kumpulkan, semakin baik. Sampaikan semua informasi ini kepada tim Gutenberg. Jika beruntung, mereka dapat menentukan masalah dan memperbaikinya di rilis mendatang.
Jika Anda bekerja di situs pementasan, pada titik ini hanya itu yang dapat Anda lakukan untuk saat ini. Terus periksa catatan rilis untuk melihat apakah masalah Anda telah teratasi, atau mungkin bekerja untuk memperbaikinya sendiri.
Jika Anda mengerjakan situs langsung Anda, menonaktifkan Gutenberg akan mengembalikan semuanya ke normal. Jika tidak, maka inilah saatnya untuk kembali ke cadangan yang Anda buat di awal tutorial!
Semoga sukses di instalasi Anda!
Gutenberg bertujuan untuk menjadi perubahan besar dalam lingkungan WordPress, yang berupaya mengubah konten menjadi lebih baik. Sebelum mencapai cabang utama, pastikan untuk memverifikasi bahwa situs Anda akan berfungsi dengan perubahan baru. Jika Anda memiliki masalah selain yang tercantum di sini, solusi yang lebih baik, atau perbaikan untuk apa pun dalam tutorial ini, silakan tinggalkan komentar di bawah.
