wordpress 5. 0 đã hết hạn và cùng với đó là trình chỉnh sửa dựa trên khối mới, Gutenberg. Ngay khi mở hộp, nó chứa nhiều lựa chọn khối hợp lý mà bạn có thể sử dụng trên các trang và bài đăng của mình. Tuy nhiên, vì đây là WordPress nên luôn có chỗ cho nhiều chức năng tùy chỉnh hơn
Nói cách khác, có thể xây dựng các khối tùy chỉnh của riêng bạn. Để làm như vậy, bạn sẽ cần biết ít nhất một chút về viết mã, nhưng bản thân quá trình này tương đối đơn giản. Ngoài ra, việc tạo các khối tùy chỉnh cho chức năng bạn muốn sử dụng lại có thể giúp bạn tiết kiệm rất nhiều thời gian trong quá trình thực hiện
Ghi chú. Khi kiểm tra trình chỉnh sửa Gutenberg hoặc tạo các khối tùy chỉnh, hãy đảm bảo thực hiện các thay đổi trong môi trường dàn dựng hoặc cục bộ, chẳng hạn như Cục bộ. Nhấp vào đây để tìm hiểu thêm về thử nghiệm WordPress 5. 0
Đối với bài viết này, tôi sẽ nói thêm một chút về trạng thái hiện tại của Block Editor. Sau đó, tôi sẽ giới thiệu cách tạo khối mới theo cách thủ công và giới thiệu cho bạn một số plugin có thể đơn giản hóa quy trình. Chúng ta hãy đi đến đó
Tại sao bạn có thể cần tạo các khối tùy chỉnh cho trình chỉnh sửa WordPress mới
Tất nhiên, các khối là trung tâm của chức năng của trình chỉnh sửa mới. Ý tưởng là bạn có thể thêm các khối ở bất cứ đâu bạn muốn và sắp xếp chúng theo hàng và cột. Đây là giao diện của trình chỉnh sửa khi không trang điểm
Đây là những gì bạn sẽ thấy khi thêm khối mới vào một trong các bài đăng hoặc trang của mình
Mặc dù chức năng của mỗi khối là khác nhau, nhưng việc thêm và chỉnh sửa chúng thường hoạt động giống nhau. Vấn đề là hiện tại, Trình chỉnh sửa khối vẫn còn tương đối mới – vì vậy việc lựa chọn các khối theo ý của bạn hiện không quá ấn tượng
Tất nhiên, bộ sưu tập các khối có sẵn cho bạn chắc chắn sẽ tăng theo thời gian. Lõi của WordPress sẽ thêm các yếu tố mới và các nhà phát triển plugin sẽ điền vào chỗ trống [như họ thường làm]. Trên thực tế, đã có một số plugin thêm khối mới vào Trình chỉnh sửa khối, bao gồm Khối nguyên tử và Khối có thể xếp chồng
Tuy nhiên, nếu có một khối cụ thể mà bạn muốn sử dụng nhưng không thể tìm thấy, bạn chỉ có một tùy chọn duy nhất – tạo một khối tùy chỉnh mà bạn có thể sử dụng với Gutenberg Editor
Cách tạo khối tùy chỉnh theo cách thủ công [trong 2 bước]
Block API của Gutenberg Editor là công cụ bạn sẽ cần. Trong phần này, tôi sẽ giúp bạn thiết lập plugin mới để thêm khối vào trình chỉnh sửa của bạn. Để làm như vậy, tất cả những gì bạn cần là hai tệp [và một số mã]
Bước 1. Tạo một plugin để gọi các tệp khối của bạn
Cách rõ ràng nhất để tạo khối Trình chỉnh sửa Gutenberg tùy chỉnh là thiết lập plugin 'xếp hàng' hoặc gọi tập lệnh khối của bạn và thêm chúng vào trình chỉnh sửa
Để bắt đầu, hãy truy cập trang web của bạn qua SFTP bằng ứng dụng khách như FileZilla. Khi bạn đã vào, hãy điều hướng đến thư mục root WordPress của bạn và vào thư mục wp-content/plugins. Bên trong, bạn sẽ tìm thấy các thư mục cho tất cả các plugin trên trang web của mình
Bây giờ, nhấp chuột phải vào bất cứ nơi nào bạn muốn trong thư mục và tạo một thư mục mới. Tôi sẽ gọi của tôi là test-block, nhưng của bạn có thể liên quan đến bạn
Mở thư mục, tạo plugin mới. php [có thể đặt tên phù hợp hơn], sau đó mở tệp trống và thêm đoạn mã sau