Jawapan ringkas: menukar WPBakery kepada Gutenberg ialah kerja membina semula laman secara manual, bukan penukaran satu klik. Cara yang lebih selamat ialah menyenaraikan templat sedia ada, membinanya semula pada persekitaran staging, mengekalkan URL penting dan semua metadata, kemudian membuang shortcode hanya selepas halaman gantian lulus semakan kualiti.

Disebabkan Core Web Vitals, selain menukar WPBakery kepada Elementor, saya juga mula menukar WPBakery kepada Gutenberg.

Perkara utama

  • Bina semula pada staging supaya laman langsung kekal tersedia sepanjang migrasi.
  • Kekalkan URL, metadata, borang dan analitik sebelum menukar pembina halaman.
  • Buang WPBakery dan shortcodenya hanya selepas versi Gutenberg diuji.

Bolehkah saya beralih daripada WPBakery (dahulunya Visual Composer) kepada Gutenberg?

Boleh. Bina semula dan uji halaman pada staging, kemudian hentikan penggunaan WPBakery selepas penggantiannya lulus pengesahan. Prestasi bergantung pada tema, aset, pengehosan dan skrip pihak ketiga. Menukar editor sahaja tidak menjamin skor PageSpeed tertentu.

10 langkah menukar WPBakery kepada Gutenberg

Senaraikan reka letak sedia ada dan bina semula dengan Gutenberg pada staging. Kekalkan WPBakery sebagai rujukan sehingga halaman gantian selesai diuji. Tema ringan seperti Blocksy ialah salah satu pilihan. Tempoh kerja bergantung pada templat, kandungan dan fungsi yang perlu dikekalkan.

Langkah 1. Sandarkan laman dan sediakan staging

Buat sandaran yang boleh dipulihkan dan salinan staging. Pastikan laman langsung terus tersedia semasa pembinaan semula. Hadkan akses ke staging supaya ia tidak menjadi pendua yang diindeks. Catat URL, metadata, borang dan penjejakan sedia ada sebelum perubahan bermula.

Langkah 2. Senaraikan kebergantungan WPBakery dan tema

Kenal pasti templat, widget, borang dan shortcode yang bergantung pada WPBakery atau tema sedia ada. Kekalkan kebergantungan tersebut semasa pembinaan semula supaya anda boleh membandingkan versi baharu dengan sumbernya.

Langkah 3. Kekalkan kandungan dalam shortcode

Catat teks, pautan, media dan reka letak yang disimpan dalam setiap shortcode sebelum membina semula. Jangan buang shortcode secara pukal daripada kandungan sumber. Bersihkan versi gantian hanya selepas versi Gutenberg lulus semakan kandungan dan reka letak.

Alat seperti Shortcode Cleaner Pro boleh membantu memeriksa sisa shortcode. Uji sebarang pembersihan pada staging dengan sandaran, kemudian bandingkan kandungan. Jangan anggap semua shortcode boleh dipadam dengan selamat.

Video sumber: https://youtu.be/dXVZ5bSUduc

Sumber mencadangkan tema ringan seperti Blocksy, GeneratePress atau Kadence Theme.

Langkah 5. Bina semula halaman dengan editor blok Gutenberg

Menurut sumber, kebolehlarasan Kadence Blocks Pro membolehkan anda membina reka letak lebih maju dengan grid fleksibel dan mempercepat proses reka bentuk.

Satu lagi editor blok yang disebut oleh sumber ialah Gutenberg Page Building Toolkit, iaitu EditorsKit. Sumber membandingkannya dengan TinyMCE untuk editor Klasik, tetapi dengan fungsi lebih maju.

Langkah 6. Gunakan Code Snippets

Sesetengah fungsi tidak memerlukan pemalam dan boleh digantikan dengan cebisan kod. Sumber menyenaraikan laman berikut untuk mendapatkan cebisan kod:

  • isitwp.com
  • generatewp.com
  • wpmudev.org

Langkah 7. Gunakan Gutenberg untuk mengurus catatan

Sumber menyarankan supaya catatan sentiasa diurus menggunakan Gutenberg.

Langkah 8. Sahkan halaman gantian sebelum membuang kebergantungan yang tidak digunakan

Pada staging, uji halaman Gutenberg, borang, penjejakan dan reka letak responsif sebelum menyahaktifkan WPBakery serta pemalam tema yang tidak lagi digunakan. Uji semula selepas penyingkiran dan simpan salinan untuk pemulihan. Buang sisa shortcode dan jadual pangkalan data hanya selepas memastikan tiada kandungan atau fungsi yang diperlukan bergantung padanya.

Jika menggunakan Advanced Database Cleaner Pro, semak setiap cadangan pemadaman dan simpan sandaran yang boleh dipulihkan.

Paparan Advanced Database Cleaner Pro untuk menyemak data pangkalan data yang boleh dibersihkan.
Semak setiap cadangan pembersihan pangkalan data sebelum memadam data.
Jadual Advanced Database Cleaner Pro yang menyenaraikan pilihan pembersihan pangkalan data.
Jangan padam rekod sehingga anda mengesahkan ia tidak lagi diperlukan dan mempunyai sandaran yang boleh dipulihkan.

Langkah 9. Jana semula lakaran kecil imej

Sumber menyatakan lakaran kecil perlu dijana semula apabila tema ditukar. Ia mengesyorkan reGenerate Thumbnails Advanced untuk membuang saiz imej yang tidak lagi digunakan, dan menyatakan pemalam itu disepadukan dengan ShortPixel Image Optimizer.

Langkah 10. Optimumkan kelajuan WordPress

Untuk pengoptimuman kelajuan WordPress, sumber menyatakan ia menggunakan FlyingPress dan perfmatters. Lihat juga catatan sumber tentang pengoptimuman kelajuan WordPress untuk mendapat skor 100 di Google PageSpeed Insights sebagai rujukan bahasa Inggeris.

Sumber turut memaparkan hasil daripada beberapa projek penukaran WPBakery kepada Gutenberg.

Tangkapan skrin keputusan Google PageSpeed Insights untuk pembinaan semula Elementor kepada Gutenberg dengan skor 99.
Contoh keputusan ujian yang dipaparkan oleh sumber. Skor ini bukan jaminan bagi laman lain.
Contoh projek Elementor kepada Gutenberg; teks imej sumber mendakwa masa muat berkurang 90 peratus.
Imej sumber mendakwa masa muat dikurangkan sebanyak 90 peratus. Sahkan kaedah dan ukuran sebelum menggunakan angka ini sebagai hasil yang boleh dijangka.
Tangkapan skrin Google PageSpeed Insights dengan skor 99 selepas pembinaan semula laman.
Contoh skor makmal yang dipaparkan dalam sumber.
Tangkapan skrin metrik prestasi daripada pembinaan semula laman.
Metrik daripada projek pembinaan semula yang dirujuk oleh sumber.

Tukar WPBakery dan Nitropack kepada Gutenberg

Sumber turut menceritakan projek pelanggan yang menukar tema ThemeForest dengan WPBakery dan Nitropack kepada tema Blocksy serta Kadence Blocks. Laman itu direka semula untuk menumpukan perhatian pada profesion pelanggan.

Dalam ujian GTmetrix, prestasinya lebih baik berbanding laman asal dengan Nitropack. Dalam ujian PageSpeed Insights yang dilaporkan untuk projek ini, laman asal mendapat skor 76 manakala versi yang dibina semula mendapat skor 100. Ini ialah tangkapan ujian, bukan jaminan untuk laman lain atau pengganti data prestasi lapangan.

Ilustrasi proses membina semula laman daripada WPBakery kepada Gutenberg.
Projek ini melibatkan pembinaan semula laman, bukan penukaran automatik antara editor.
Tangkapan skrin PageSpeed Insights yang memaparkan skor 78 untuk tema ThemeForest dengan WPBakery dan Nitropack.
Skor asal yang dilaporkan bagi laman ThemeForest, WPBakery dan Nitropack.
Tangkapan skrin PageSpeed Insights yang memaparkan skor 100 selepas pembinaan semula WPBakery kepada Gutenberg.
Skor selepas pembinaan semula yang dilaporkan oleh sumber; hasil laman lain mungkin berbeza.

Jika anda memerlukan bantuan menukar WPBakery kepada Gutenberg, hubungi Ulement untuk menetapkan skop, semakan penerimaan dan terma komersial sebelum pembinaan semula.

Foto oleh La-Rel Easter di Unsplash.

Panduan Ulement berkaitan: Tukar Elementor kepada Gutenberg dan migrasi WPBakery kepada Elementor.

Kesimpulan

Menukar WPBakery kepada Gutenberg ialah kerja membina semula laman, bukan butang penukaran. Bekerja pada staging, kekalkan URL awam dan kandungan, uji halaman gantian, kemudian buang WPBakery dan sisa shortcodenya. Jalan pintas biasanya meninggalkan masalah. Hubungi Ulement jika pembinaan semula memerlukan kawalan migrasi dan SEO serta templat halaman baharu.

Soalan lazim

Bolehkah halaman WPBakery ditukar secara automatik kepada Gutenberg?

Tidak dengan boleh diharap. WPBakery menyimpan reka letak sebagai shortcode, manakala Gutenberg menggunakan blok. Pembinaan semula terkawal memberi peluang untuk membersihkan sisa shortcode dan menyemak setiap templat.

Perlukah URL berubah semasa pembinaan semula?

Kekalkan URL awam sedia ada jika boleh. Jika URL perlu berubah, gunakan ubah hala kekal secara terus dan kemas kini pautan dalaman.

Bilakah WPBakery boleh dibuang?

Buangnya selepas halaman Gutenberg, borang, penjejakan dan reka letak responsif diuji serta sandaran semasa tersedia.

Untuk skop kerja berkaitan, lihat perkhidmatan pembangunan WordPress khusus.

Tentang penulis

Julian Song ialah Principal Digital Architect yang mengkhusus dalam sistem WordPress yang selamat dan berprestasi tinggi. Sejak 2008, beliau membantu organisasi dan syarikat berkaitan kerajaan menggantikan platform yang mengehadkan mereka dengan penyelesaian terbuka yang boleh diskalakan. Pemikiran sistem neurodivergen beliau menumpukan perhatian pada seni bina di sebalik reka bentuk.