Chỉnh sửa chủ đề WordPress cổ điển thường bao gồm việc xắn tay áo của bạn lên, sử dụng chủ đề con và chỉnh sửa mã theo cách thủ công. Đó là một quá trình gian khổ có thể là thách thức đối với những người không phải là nhà phát triển.
Với tính năng Chỉnh sửa toàn trang được tích hợp vào Chủ đề khối, giờ đây bạn có thể sử dụng Trình chỉnh sửa khối của WordPress để tùy chỉnh các phần cụ thể của các chủ đề này và các mẫu trang của chúng. Bạn có thể thay đổi thiết kế trang web của mình mà không cần chạm vào một dòng mã nào.
Bài viết này sẽ xem xét kỹ hơn về Chỉnh sửa toàn bộ trang web trong WordPress. Chúng tôi sẽ chỉ cho bạn cách chỉnh sửa các mẫu trang và các phần của mẫu cũng như đặt các kiểu chung.
Giới thiệu về Chỉnh sửa Toàn bộ Trang web
Chỉnh sửa toàn bộ trang web là một tính năng được giới thiệu lần đầu tiên trong WordPress 5.9 . Nó cho phép bạn thay đổi bất kỳ phần nào của thiết kế trang web của mình bằng Trình chỉnh sửa khối.
Lưu ý rằng không phải tất cả các chủ đề đều tương thích với trình chỉnh sửa mới. Các chủ đề cổ điển không đi kèm với khả năng Chỉnh sửa Toàn bộ Trang web. Các chủ đề tương thích thường được gọi là “chủ đề khối” .
Nếu bạn sử dụng chủ đề khối như Twenty Twenty-Two, bạn sẽ thấy tùy chọn Trình chỉnh sửa mới trong menu Giao diện trong WordPress. Đây là giao diện của Full Site Editor mới trong hoạt động:
Trình chỉnh sửa trang web thay thế Trình chỉnh sửa chủ đề cổ điển và Trình tùy chỉnh , cung cấp cho người dùng một cách hiện đại, không cần mã để chỉnh sửa tất cả các phần của chủ đề . .
Nếu bạn đang sử dụng chủ đề cổ điển, không dựa trên khối, WordPress sẽ không hiển thị Trình chỉnh sửa trang web mới trong bảng điều khiển, ngay cả khi bạn đang sử dụng phiên bản mới nhất của WordPress. Thay vào đó, bạn sẽ cần chỉnh sửa các chủ đề cổ điển bằng Trình chỉnh sửa chủ đề cổ điển hoặc Trình tùy chỉnh.
Cách chỉnh sửa toàn bộ trang web hoạt động (Trong 3 phần)
Để hiểu cách hoạt động của Chỉnh sửa toàn trang, chúng tôi sẽ hướng dẫn bạn chỉnh sửa các mẫu trang và các phần của mẫu cũng như thiết lập các kiểu chung. Lưu ý rằng phần mẫu là một phần của mẫu được bao gồm như một phần của mẫu khác, chẳng hạn như tiêu đề trang web.
1. Chỉnh sửa Mẫu Trang
Đi tới Giao diện> Trình chỉnh sửa trong trang tổng quan để bắt đầu sử dụng Trình chỉnh sửa trang web. Theo mặc định, khởi chạy Trình chỉnh sửa trang thông qua menu Giao diện sẽ mở mẫu một trang của chủ đề của bạn.
Bố cục của mẫu này sẽ khác nhau tùy thuộc vào chủ đề bạn đang sử dụng. Để xem tất cả các yếu tố được bao gồm, hãy nhấp vào nút hiển thị ba đường ngang trong menu trên cùng. Thao tác này sẽ mở menu dạng xem Danh sách , menu này sẽ chia nhỏ tất cả các khối và phần có trong mẫu.
Bạn có thể chọn các khối bằng cách sử dụng menu Chế độ xem danh sách hoặc bằng cách nhấp trực tiếp vào chúng. Khi bạn chọn một khối, bạn có thể tùy chỉnh nó giống như khi sử dụng Trình chỉnh sửa khối với một trang hoặc bài đăng thông thường.
Trong khi chỉnh sửa các mẫu trang, bạn có thể sử dụng nút Xem trước ở menu trên cùng để chuyển đổi chế độ xem giữa các độ phân giải máy tính để bàn, thiết bị di động và máy tính bảng. Bằng cách này, bạn có thể thấy mẫu mới sẽ trông như thế nào trên tất cả các loại thiết bị.
Để chỉnh sửa một mẫu trang khác, hãy chọn menu thả xuống ở đầu màn hình. Phần giữa của menu chính hiển thị mẫu bạn đang chỉnh sửa, cho phép bạn truy cập các tùy chọn khác. Mở menu và nhấp vào Duyệt qua tất cả các mẫu .
Trong màn hình tiếp theo, chọn tùy chọn Mẫu trong Trình chỉnh sửa . Ở bên phải, bạn sẽ thấy danh sách tất cả các mẫu đi kèm với chủ đề hiện tại.
Nếu bạn chọn một mẫu, trình chỉnh sửa sẽ mở ra và bạn có thể bắt đầu tùy chỉnh nó ngay lập tức.
Theo mặc định, tùy chọn Thêm Mới chỉ cho phép bạn tạo mẫu trang đầu thông qua Trình chỉnh sửa trang web. Nhưng bạn có thể tạo Mẫu mới từ Trình chỉnh sửa khối cho Trang hoặc Bài đăng mà sau đó bạn sẽ có thể chỉnh sửa từ Trình chỉnh sửa trang.
Bạn có thể sử dụng trình chỉnh sửa để tạo và xóa các mẫu trang đầu khi cần. Hãy nhớ rằng trình chỉnh sửa chỉ cho phép bạn xóa các mẫu trang mà bạn tự thêm vào. Nếu bạn muốn xóa các mẫu hiện có khỏi chủ đề của mình, bạn cần xóa các tệp của chúng theo cách thủ công.
2. Chỉnh sửa các phần của Mẫu
Trình chỉnh sửa trang không chỉ cho phép bạn tùy chỉnh các mẫu trang – bạn còn có thể sửa đổi các phần của mẫu. Chúng bao gồm các yếu tố như đầu trang và chân trang của chủ đề.
Để làm như vậy, hãy chọn tùy chọn Phần Mẫu trong Trình chỉnh sửa khi duyệt các mẫu có sẵn.
Để chỉnh sửa phần mẫu, hãy chọn phần đó và Trình chỉnh sửa trang web sẽ khởi chạy. Phần mẫu sẽ bao gồm các khối mà bạn có thể chỉnh sửa, loại bỏ và sắp xếp lại.
Chỉnh sửa một phần mẫu sẽ sửa đổi giao diện của nó trên tất cả các mẫu trang nơi nó được sử dụng. Bạn cũng có thể tạo các phần hoàn toàn mới bằng cách quay lại menu Trình chỉnh sửa → Phần mẫu và nhấp vào nút Thêm mới .
Điều này sẽ nhắc WordPress hỏi bạn tên và vị trí cho phần mẫu mới.
Bạn sẽ có thể thêm các phần mẫu tùy chỉnh vào các mẫu khác bằng Trình chỉnh sửa trang web, giống như với bất kỳ phần tử nào khác. Trên thực tế, tính năng này hoạt động tương tự như các khối có thể tái sử dụng, chỉ khác là bạn đang xử lý các phần tử ở cấp chủ đề.
3. Đặt kiểu toàn cầu
Trình chỉnh sửa trang web bao gồm các cài đặt chung cho kiểu chữ, màu chủ đề và các khối cụ thể. Để truy cập các cài đặt này, hãy mở trình chỉnh sửa cho bất kỳ mẫu nào và chọn nút Kiểu ở góc trên bên phải của màn hình.
Khi bạn mở menu kiểu, bạn sẽ có thể chọn từ ba tùy chọn: Kiểu chữ, Màu sắc và Bố cục . Menu Kiểu chữ cho phép bạn tùy chỉnh văn bản và liên kết thông thường.
Bất kỳ thay đổi nào bạn thực hiện sẽ phản ánh ngay lập tức trên mẫu trang bên trái, vì vậy bạn có thể chọn giữ chúng hay không. Bạn có thể định cấu hình bảng màu đầy đủ cho chủ đề của mình và các yếu tố của nó với các tùy chọn Màu sắc.
Tùy chọn PALETTE cho phép bạn chọn màu mặc định cho các khối của mình. Bạn cũng có thể thay đổi các cài đặt này trên cơ sở từng khối.
Để chỉnh sửa kiểu cho các khối cụ thể, hãy quay lại menu Kiểu chính và tìm tùy chọn có nội dung Khối . Thao tác này sẽ mở ra một danh sách các khối theo ý của bạn.
Với hầu hết các khối, bạn có tùy chọn để tùy chỉnh màu sắc hoặc bố cục mặc định của chúng. Tính năng này có thể hữu ích nếu có các khối cụ thể mà bạn sử dụng lại trên toàn bộ trang web của mình.
