Nếu bạn sử dụng WordPress 5.0 trở lên, trừ khi bạn đang sống dưới một tảng đá, chắc chắn bạn sẽ nghe nói về bản cập nhật Gutenberg đã được hợp nhất vào ^(Gutenberg)WordPress vào tháng 12 năm 2018^{(December 2018)} .

Vì vậy, nếu bạn đang sử dụng phiên bản WP mới nhất, có nghĩa là bạn đã sử dụng Gutenberg hoặc đã tiếp tục sử dụng trình chỉnh sửa cổ điển bằng cách cài đặt plugin WordPress Classic Editor^{( WordPress Classic Editor plugin)} .

Tại sao Gutenberg?^{(Why Gutenberg?)}

Nhiều người dùng WP chưa sẵn sàng để nhảy vào Gutenberg wagon^{(on the Gutenberg wagon)} , nhưng một số người đã sẵn sàng, bao gồm cả trang web này.

Một số lý do tại sao bạn có thể muốn sử dụng Gutenberg là vì nó:

• Là tương lai cho các nhà phát triển WP.
• Cung cấp trải nghiệm người dùng tốt hơn.
• Linh hoạt hơn là trình soạn thảo ban đầu của WP ( TinyMCE ).
• Sẽ cung cấp một thị trường mới cho các nhà phát triển.

Sự khác biệt giữa WordPress và Gutenberg là gì?^{(What Are The Differences Between WordPress & Gutenberg?)}

WP's Classic Editor là một trình soạn thảo văn bản và trông rất giống Microsoft Word . Nó có một trường chỉnh sửa duy nhất như trong ảnh chụp màn hình bên dưới.

Gutenberg là một trình soạn thảo dựa trên khối trông giống như sau:

Có nhiều khối cho các loại nội dung khác nhau bao gồm các tùy chọn định dạng của riêng chúng. Các khối như:

• Cái nút
• Hình ảnh
• Bàn
• Nhúng
• Danh sách
• Bộ sưu tập
• Âm thanh
• Báo giá
• Tiêu đề
• Mã số
• Thơ
• HTML tùy chỉnh

Ngoài ra, các chủ đề và plugin cung cấp nhiều khối và tiện ích hơn để bạn sử dụng trong các bài đăng và trang WP của mình.

Các trang hoặc bài viết hiện tại bị ảnh hưởng như thế nào?^{(How Are Existing Pages Or Posts Affected?)}

Sau khi nâng cấp và sử dụng Gutenberg , các trang và bài đăng hiện có của bạn sẽ tiếp tục hiển thị chính xác. 

Tuy nhiên, bạn nên kiểm tra các mã ngắn của mình và đảm bảo rằng các plugin bạn có thể đang sử dụng đang hoạt động.

Khi bạn chỉnh sửa một trang hoặc bài đăng hiện có, nó sẽ tự động mở trong một khối cổ điển mới của trình chỉnh sửa Gutenberg .

Bạn đã sẵn sàng chuyển đổi chưa?

Sử dụng một trang web dàn dựng^{(Use a Staging Site)}

Điều cuối cùng bạn muốn làm là phá vỡ trang web hiện có của bạn. Cách để tránh điều này là kích hoạt Gutenberg trên một trang web dàn dựng^{(a staging site)} . Đây là bản sao chính xác của trang web của bạn, nơi bạn có thể kiểm tra mọi thứ mà không gây ra bất kỳ thiệt hại nào cho trang web đang hoạt động của bạn.

Các trang web thử nghiệm bao gồm chủ đề, plugin , tùy chọn và nội dung của bạn. Công ty lưu trữ của bạn có thể cung cấp các trang web dàn dựng. Nếu không, bạn có thể sử dụng plugin WordPress Staging^{( WordPress Staging plugin)} .

Sau khi trang web dàn dựng của bạn được thiết lập và chạy, hãy cài đặt và kích hoạt plugin Gutenberg^{( Gutenberg plugin)} và bắt đầu thử nghiệm. Hoặc cài đặt phiên bản mới của WordPress trên máy tính của bạn và thử nghiệm trên đó.

Kiểm tra các plugin của bạn^{(Check Your Plugins)}

Người dùng WordPress đã quen với những gì xảy ra khi các plugin không hoạt động tốt với nhau. Đôi khi đó là do chức năng hoặc mã xung đột. Đây là thời điểm tuyệt vời để xem liệu bạn có đang sử dụng tất cả các plugin bạn đã cài đặt hay không. Nếu không, hãy xóa chúng.

Bạn cũng muốn xem plugin nào đang được sử dụng khi bạn chỉnh sửa nội dung trong WordPress . Các plugin cụ thể như Akismet , Contact Form 7 , Google Sitemap Generator và WP Super Cache không liên quan gì đến trình chỉnh sửa và sẽ không bị ảnh hưởng khi sử dụng Gutenberg .

Mặt khác, bất kỳ plugin nào thêm chức năng hoặc thay đổi giao diện của trình soạn thảo cổ điển WP có thể không tương thích với Gutenberg . Đặc biệt, các plugin tạo mã ngắn, thêm kiểu tùy chỉnh hoặc chưa được cập nhật gần đây, thường xung đột và gây ra sự cố.

Gutenberg từng có cơ sở dữ liệu Khả năng tương thích với plugin^{(Plugin Compatibility)} đang hoạt động . Tuy nhiên, nó đã bị đóng cửa vì nó không còn được bảo trì tích cực nữa.

Bạn có thể xem lại dữ liệu cuối cùng và tải xuống cơ sở dữ liệu^{( download the database)} dưới dạng tệp CSV^(CSV) . Nếu không có quyền truy cập vào cơ sở dữ liệu tương thích plugin đang hoạt động, bạn sẽ phải kiểm tra thủ công từng plugin mà bạn sử dụng.

Hãy thử tạo một bài đăng mới trên trang web thử nghiệm của bạn. Bạn sẽ thấy rằng bạn đang ở trong trình chỉnh sửa Gutenberg và nó sẽ trông khác với bạn. Khi bạn bắt đầu nhập, bạn đang tự động tạo một khối đoạn văn. Bạn không cần phải thêm một khối mới khi thêm một đoạn văn mới. Chỉ cần^(Just) nhấn enter hoặc phím quay lại.

Vì bạn đang cố gắng xem liệu các plugin hiện tại của mình có hoạt động hay không, hãy thử tạo lại cách bạn đã sử dụng từng plugin và xem liệu nó có còn hoạt động hay không.

Nếu không, hãy tìm chức năng tương tự trong khối Gutenberg mặc định , thêm khối đó và thêm nội dung của bạn.

Đảm bảo giữ danh sách các plugin không hoạt động chính xác để bạn có thể xóa chúng khi phát trực tiếp với Gutenberg .

Điều gì sẽ xảy ra nếu không có khối mặc định cho chức năng bạn cần?^{(What If There Is No Default Block For The Functionality You Need?)}

Kiểm tra tất cả các khối để xem liệu chức năng bạn cần có hoạt động bên trong khối khác hay không. Nếu bạn không thể tìm thấy thứ gì đó sẽ hoạt động, bạn có thể liên hệ với các tác giả plugin và hỏi họ xem họ có định cập nhật nó để tương thích với Gutenberg hay không .

Nếu vẫn thất bại, hãy thử tìm một plugin Gutenberg^{( Gutenberg plugin)} thực hiện những gì bạn cần. Xóa các plugin không hoạt động khỏi trang web dàn dựng của bạn.

Phát trực tiếp^{(Going Live)}

Trước khi bạn thực hiện BẤT CỨ ĐIỀU GÌ với trang web đang hoạt động của mình, hãy tạo một bản sao lưu hoàn chỉnh của toàn bộ trang web của bạn trong trường hợp bạn bỏ sót điều gì đó khi kiểm tra tính tương thích hoặc một lỗi khác xảy ra.

Có thể thực hiện tất cả các thay đổi cần thiết trên trang web thử nghiệm của bạn và đẩy chúng đến trang web trực tiếp của bạn. Tuy nhiên, điều này đòi hỏi một số kiến ​​thức kỹ thuật. Vì vậy, trừ khi bạn là nhà phát triển hoặc có một ứng dụng phù hợp với bạn, tốt hơn là bạn nên thực hiện các thay đổi theo cách thủ công.  

Bắt đầu bằng cách xóa các plugin không hoạt động và thêm những plugin mới mà bạn tìm thấy để thay thế chúng. Nếu các plugin cũ đang xử lý dữ liệu cho các bài đăng và trang hiện có và không phá vỡ các plugin mới, bạn có thể để chúng cài đặt.

Bạn có muốn chuyển đổi các bài viết và trang cũ của mình sang khối Gutenberg không?^{(Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?)}

Mở từng trang và đăng từ Menu Block^{(Block Menu)} cổ điển . Nhấp vào^(Click) ba dấu chấm để xem các tùy chọn^{(view options)} . Chọn từ menu thả xuống Chuyển đổi thành Khối^{(Convert to Blocks)} .

Sau khi WP chuyển đổi nội dung của bạn sang hệ thống khối Gutenberg , bạn nên xem lại từng khối. Sử dụng Điều hướng khối^{(Use Block Navigation)} (từ các biểu tượng) để xem tất cả các phần của bài đăng hoặc trang của bạn.

Như bạn có thể thấy trong ảnh chụp màn hình ở trên, mọi đoạn văn, hình ảnh, danh sách và tiêu đề hiện nằm trong khối riêng của nó. Chuyển đổi các trang và bài đăng hiện có sang hệ thống Gutenberg mới rất nhanh chóng và dễ dàng.

Có thể mất vài giờ để kiểm tra các plugin của bạn và tìm các plugin mới, nhưng bạn chỉ phải thực hiện việc này một lần. Đảm bảo làm theo các bước được đề xuất ở trên để bạn chuyển sang Gutenberg không đau và không gặp lỗi.

How To Transition From The Classic WordPress Editor To Gutenberg

If you use WordPress 5.0 and higher, unleѕs you have been living under а rock, you will have undoubtedly heard of the Gutenberg update which was merged into WordPress in Decеmber 2018.

So if you are using the latest version of WP, you are either already using Gutenberg or have continued using the classic editor by installing the WordPress Classic Editor plugin.

Why Gutenberg?

Many WP users are not ready to jump on the Gutenberg wagon, but some are, including this website.

A few of the reasons why you might want to use Gutenberg are because it:

• Is the future for WP developers.
• Provides a better user experience.
• Is more flexible that WP’s original editor (TinyMCE).
• Will provide a new market for developers.

What Are The Differences Between WordPress & Gutenberg?

WP’s Classic Editor is a text editor and looks very much like Microsoft Word. It has a single editing field as seen in the screenshot below.

Gutenberg is a block-based editor that looks like this:

There are multiple blocks for different types of content that include their own formatting options. Blocks such as:

• Button
• Image
• Table
• Embeds
• List
• Gallery
• Audio
• Quotes
• Heading
• Code
• Verse
• Custom HTML

Also, themes and plugins offer more blocks and widgets for you to use in your WP posts and pages.

How Are Existing Pages Or Posts Affected?

After upgrading and using Gutenberg, your existing pages and posts should continue to display correctly. 

However, you should check your shortcodes and make sure that the plugins you might be using are working.

When you edit an existing page or post, it will automatically open in a single new Gutenberg editor classic block.

Are you ready to make the switch?

Use a Staging Site

The last thing you want to do is break your existing site. The way to avoid this is to activate Gutenberg on a staging site. This is an exact replica of your website where you can test things out without doing any damage to your live site.

Test sites include your theme, plugins, options, and content. Your hosting company might offer staging sites. If they don’t, you can use the WordPress Staging plugin.

After your staging site is up and running, install and activate the Gutenberg plugin and start testing. Or install a brand new instance of WordPress on your computer and test on there.

Check Your Plugins

WordPress users are familiar with what happens when plugins don’t play nice together. Sometimes it’s due to the functionality or conflicting code. This is an excellent time to see if you are using all the plugins you have installed. If you aren’t, remove them.

You also want to see which plugins are being used when you are editing content in WordPress. Specific plugins such as Akismet, Contact Form 7, Google Sitemap Generator, and WP Super Cache have nothing to do with the editor and will not be affected by using Gutenberg.

On the other hand, any plugin that adds functionality or changes the way the WP classic editor looks might not be compatible with Gutenberg. In particular, plugins that generated shortcodes, adds custom styles, or haven’t been updated recently, usually conflict and cause problems.

Gutenberg used to have an active Plugin Compatibility database. However, it has been shut down because it is no longer actively maintained.

You can review the final data and download the database as a CSV file. Without access to an active plugin compatibility database, you are going to have to manually test each plugin you use.

Try creating a new post on your test site. You will see that you are in the Gutenberg editor and it will look different to you. When you start typing, you are automatically creating a paragraph block. You don’t have to add a new block when you add a new paragraph. Just hit enter or the return key.

Since you are trying to see if your current plugins will work, try to recreate how you used each one and see if it still works.

If it doesn’t, look for the same functionality in the default Gutenberg block, add that block, and add your content.

Be sure to keep a list of the plugins that don’t work correctly so you can remove them when going live with Gutenberg.

What If There Is No Default Block For The Functionality You Need?

Check all the blocks to see if the functionality you need lives inside another block. If you can’t find something that will work, you can contact the plugin authors and ask them if they are planning to update it to be compatible with Gutenberg.

If all else fails, try to find a Gutenberg plugin that does what you need. Delete the plugins that don’t work from your staging site.

Going Live

Before you do ANYTHING to your live site, make a complete backup of your entire site in case you missed something when checking for compatibility or another error occurs.

It is possible to make all the necessary changes on your test site and push them to your live site. However, this requires some technical knowledge. So, unless you are a developer or have one that works for you, it is better to make the changes manually.  

Start by deleting the plugins that didn’t work and adding the new ones you found to replace them. If old plugins are processing data for existing posts and pages and do not break new ones, you can leave them installed.

Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?

Open each page and post from the Classic Block Menu. Click the three dots to view options. Select from the drop-down menu Convert to Blocks.

After WP converts your content to the Gutenberg block system, you should review each block. Use Block Navigation (from icons) to see all the parts of your post or page.

As you can see in the above screenshot, every paragraph, image, list, and heading is now in its own block. Converting existing pages and posts to the new Gutenberg system is quick and easy.

It might take several hours to test your plugins and find new ones, but you only have to do this once. Make sure to follow the steps suggested above to make your move to Gutenberg painless and error-free.

Related posts

• Hướng dẫn WordPress Gutenberg: Cách sử dụng Trình chỉnh sửa mới

• Cách di chuyển WordPress site từ máy chủ này sang máy chủ khác

• Cách cài đặt & Cài đặt WordPress trên Microsoft Azure

• Cách chạy Blazedly Fast WordPress trên Microsoft Azure

• Làm thế nào để cấu hình Privacy trong WordPress và tại sao điều quan trọng là

• Cách cập nhật PHP trong WordPress

• AMP là gì cho WordPress và cách cài đặt nó

• Cách tăng tốc trang web WordPress trong 11 bước

• 7 mẹo WordPress để có một trang web thân thiện với thiết bị di động

• Cách thiết lập trang web giống Twitter của riêng bạn bằng chủ đề P2 của WordPress

• Cách xóa phần mềm độc hại khỏi trang web WordPress của bạn

• Cách chỉnh sửa chân trang trong WordPress

• Cách thực hiện kiểm tra phân tách hiệu quả trong WordPress

• Cách thay đổi URL đăng nhập WordPress của bạn để bảo mật tốt hơn

• Cách tăng hiệu suất trong WordPress thông qua việc làm sạch cơ sở dữ liệu

• Protect và WordPress website an toàn từ hacker

• người dùng chuyển hướng từ trang 404 trong WordPress

• Cách cài đặt trang web thử nghiệm WordPress trên máy tính của bạn

• Cách tìm thông tin đăng nhập quản trị viên WordPress của bạn

• Cách tăng tốc bất kỳ trang web WordPress nào bằng cách sử dụng .HTACCESS