Gutenberg sắp có mặt trên WordPress. Của bạn Website anh ấy đã sẵn sàng chưa? Mặc dù chúng ta vẫn chưa biết chính xác nó sẽ có dạng gì, nhưng hệ thống nội dung mới này sẽ được thêm vào WordPress trong tương lai. Chúng ta hãy xem xét những tác động tiềm ẩn mà điều này có thể có trên trang web của bạn và các cách để xác định và khắc phục các khu vực có vấn đề trước thời hạn.

gutenberg wordpress

Gutenberg là một dự án WordPress nhằm mục đích cung cấp cho người dùng sự linh hoạt hơn trong việc thiết kế nội dung của họ. Về cơ bản, dự án nhằm mục đích thay thế trình soạn thảo hiện tại, hoạt động chủ yếu như một trình xử lý văn bản, bằng một giao diện có cấu trúc và trực quan hơn. Hiện tại, Gutenberg là một plugin và nó cung cấp cho người dùng khả năng chỉnh sửa nội dung của họ theo cách giống như Trực quan Composer hoặc các trình chỉnh sửa kéo và thả (Drag & Drop) khác, nhưng theo cách đơn giản hóa và rất trực quan.

Để tìm hiểu thêm về Gutenberg, cliquez ici.

Gutenberg là một công ty lớn và có thể sẽ đạt được rất nhiều điểm cuối trong Website. Đây là ba lĩnh vực chúng tôi sẽ khám phá các vấn đề tiềm ẩn:

  • Chủ đề của bạn: Gutenberg đi kèm với bộ phong cách riêng cho nội dung. Chủ đề của bạn có tương thích không? Gutenberg sẽ như thế nào khi hoạt động?
  • Plugin của bạn: Có thể Gutenberg có thể tương tác với các plugin khác của bạn theo những cách không mong muốn. Chúng tôi sẽ xem nó có thể là gì và phải làm gì để khắc phục bất kỳ vấn đề nào phát sinh.
  • Nội dung của bạn: Gutenberg sẽ ảnh hưởng đến cách hiển thị nội dung của bạn. Chúng tôi sẽ xem xét cách điều này có thể thay đổi giao diện các trang của bạn và xem xét một số giải pháp tiềm năng nếu bạn đang gặp sự cố.

Trước khi bắt đầu, bạn nên thiết lập một khu vực thử nghiệm nơi bạn có thể thử nghiệm với Gutenberg mà không khiến trang web chính của bạn gặp rủi ro. Tốt nhất, bạn nên tạo khu vực thử nghiệm của riêng mình hoặc tạo một bản sao cục bộ của trang web của bạn. Để biết thêm thông tin về cách thực hiện bất kỳ tác vụ nào trong số này, hãy xem hướng dẫn sau: Cách cài đặt WordPress cục bộ.

Nếu không thể, bạn có thể thực hiện các bài kiểm tra trực tiếp trên trang web của mình. Lưu ý rằng điều này có thể rủi ro, vì chúng tôi sẽ kích hoạt và hủy kích hoạt một số phần trên trang web của bạn. Nếu bạn đang thực hiện thử nghiệm trực tiếp, hãy nhớ tạo bản sao lưu trang web của bạn trước khi bắt đầu.

Khi bạn biết mình sẽ kiểm tra ở đâu, hãy chuyển đến thư mục plugin và tìm Gutenberg. Sau khi nó được cài đặt và kích hoạt, hãy đọc tiếp.

Bây giờ bạn đã cài đặt Gutenberg, hãy xem phần đầu tiên của trang web có thể bị ảnh hưởng: chủ đề của bạn. Nếu đã có vấn đề lớn tại thời điểm này, chẳng hạn như lỗi cơ sở dữ liệu hoặc sự cố với bảng điều khiển WordPress, hãy tiếp tục phần Làm gì khi có quá nhiều vấn đề.

Vì Gutenberg chủ yếu tương tác với nội dung trang web, nó đủ để kiểm tra một vài điều - thật may mắn cho chúng tôi.

Đầu tiên là Gutenberg đi kèm với biểu định kiểu của riêng mình và một tập hợp các kiểu. Kiểm tra từng loại trang và mẫu khác nhau được sử dụng trên trang web của bạn để đảm bảo chúng vẫn xuất hiện chính xác. Mục tiêu chính ở đây là tập trung vào các yếu tố trong khu vực nội dung chính của các trang của bạn, đặc biệt là khối nội dung và hình ảnh. Nếu bạn thấy bất kỳ vấn đề nào, có khả năng là kiểu của Gutenberg được ưu tiên hơn kiểu trên trang web của bạn.

Để sửa lỗi này, bạn sẽ cần xác định vấn đề đến từ đâu. Thông thường, đây sẽ là một bộ chọn CSS tập trung vào một phần tử HTML hoặc mức độ ưu tiên của các kiểu Gutenberg hơn các lớp của riêng bạn. Dù bằng cách nào, hãy cố gắng xác định vị trí xảy ra lỗi. Tiếp theo, tìm hiểu lý do tại sao các kiểu của Gutenberg lại ghi đè lên mã của bạn và sửa mã của bạn để cho phép nó được ưu tiên hơn.

Cố gắng chỉnh sửa trong chủ đề của riêng bạn (hoặc tốt hơn nữa, trong một chủ đề con hoặc khu vực được chỉ định cho CSS trong chủ đề của bạn), thay vì sửa đổi Gutenberg. Nếu bạn trực tiếp chỉnh sửa bất kỳ tệp nào trong Gutenberg, tệp đó có thể sẽ bị ghi đè khi cập nhật plugin.

Tương tự như vậy, bạn sẽ muốn chạy các thử nghiệm tương tự trên trang tổng quan của mình một lần và mãi mãi. Các tùy chọn chủ đề và các phần tùy chỉnh khác do chủ đề của bạn tạo ra dường như là thủ phạm lớn nhất cho đến nay. Khi bạn đã xác định được các vấn đề về kiểu dáng trong những khu vực này, bạn thường có thể khắc phục chúng bằng cách thay đổi hoặc tạo một chủ đề con và điều chỉnh CSS ở đó.

Sau khi thử nghiệm chủ đề của bạn, các plugin cho trang web của bạn như sau. Cụ thể, hãy chú ý đến các plugin cung cấp mã ngắn mà bạn sử dụng trong nội dung của mình (ví dụ: Gravity Forms), các plugin ảnh hưởng đến giao diện nội dung của bạn (ví dụ: plugin trợ năng ảnh hưởng đến kích thước văn bản) và plugin chèn trực tiếp các phần tử vào trang của bạn (chẳng hạn như Trường tùy chỉnh nâng cao).

Để kiểm tra khu vực này, hãy bắt đầu bằng cách thu thập danh sách tất cả các mã ngắn bạn đang sử dụng, cũng như các trang mà chúng tồn tại. Với danh sách của bạn trong tay, hãy truy cập từng trang này để xem chúng có hoạt động như mong đợi hay không. Nếu bạn đang gặp vấn đề về kiểu dáng, rất có thể bạn đang gặp phải vấn đề tương tự như trước đây và cần điều chỉnh lại kiểu của mình.

Tuy nhiên, nếu mã ngắn hiển thị và không phải là nội dung mong đợi (tức là trang của bạn hiển thị [shortcode]thay vì làm đúng) có một giải pháp khác. Trong trường hợp này, bạn có thể nhìn vào khối chứa shortcode và xác nhận rằng nó không được coi là văn bản (tìm và xóa các nhãn không mong muốn xung quanh shortcode). Nếu sự cố vẫn tiếp diễn, việc chuyển shortcode sang loại khối phù hợp hơn sẽ khởi động lại mọi thứ.

Vấn đề này bắt nguồn từ vấn đề tương tự mà chúng tôi đã đề cập: thay thế kiểu. Xác định các yếu tố bị ảnh hưởng và sửa CSS.

Lĩnh vực cuối cùng mà chúng tôi sẽ xem xét các vấn đề xung đột là về việc tạo mặt hàng. Bất kỳ plugin nào chèn các phần tử HTML vào một trang mà không sử dụng mã ngắn đều bị nghi ngờ ở đây, ví dụ: khi PHP trích xuất các trường tùy chỉnh từ plugin Trường tùy chỉnh nâng cao.

Trượt phổ biến nhất với việc tạo ra các phần tử xoay quanh các khối không tương thích. Vì Gutenberg cung cấp các kiểu riêng nên có thể các mục của bạn được tạo bên trong một khối không chủ ý, chúng có thể không hiển thị chính xác. Cách khắc phục là đảm bảo mã của bạn thêm các mục vào khối mà bạn muốn.

Vấn đề này không khẩn cấp như các vấn đề khác mà chúng ta đã thảo luận, nhưng có thể có một số rắc rối trong cách hiển thị nội dung của bạn. Hầu hết các vấn đề này sẽ đến từ những thay đổi nhỏ về kiểu dáng hoặccơ quan khối. Để khắc phục điều này, bạn sẽ phải thử với hệ thống chặn cho đến khi bạn nhận được trang của mình theo cách bạn muốn.

Làm gì khi có quá nhiều vấn đề

Bạn có gặp phải sự cố mà bạn không thể giải quyết bằng các đề xuất trong hướng dẫn này không? Không hoảng loạn ! Vẫn còn một thời gian nữa trước khi Gutenberg được tích hợp vào cốt lõi của WordPress.

Đầu tiên, hãy viết ra lỗi là gì và các bước dẫn đến lỗi. Bạn càng thu thập được nhiều thông tin thì càng tốt. Chuyển tất cả thông tin này cho nhóm Gutenberg. Với sự may mắn, họ sẽ có thể xác định vấn đề và khắc phục nó trong một bản phát hành trong tương lai.

Nếu bạn đang làm việc trên một trang web dàn dựng, thì lúc này đó là tất cả những gì bạn có thể làm. Tiếp tục kiểm tra các ghi chú phát hành để xem sự cố của bạn đã được giải quyết chưa hoặc có thể tự khắc phục sự cố.

Nếu bạn đang làm việc trên trang web trực tiếp của mình, việc tắt Gutenberg sẽ đưa mọi thứ trở lại bình thường. Nếu không, thì đã đến lúc quay lại bản sao lưu mà bạn đã thực hiện ở đầu hướng dẫn!

Gutenberg nhằm mục đích trở thành một sự thay đổi lớn trong môi trường WordPress, nhằm tìm cách thay đổi nội dung để tốt hơn. Trước khi nó chạm vào nhánh chính, hãy đảm bảo xác minh rằng trang web của bạn sẽ hoạt động với những thay đổi mới. Nếu bạn gặp bất kỳ vấn đề nào ngoài những vấn đề được liệt kê ở đây, các giải pháp tốt hơn hoặc các bản sửa lỗi cho bất kỳ điều gì trong hướng dẫn này, vui lòng để lại nhận xét bên dưới.