Giới thiệuTrong bài học này, chúng ta sẽ tìm hiểu kỹ hơn về việc sử dụng các phần mẫu. Sau khi hoàn thành hướng dẫn này, bạn sẽ có thể mô tả các phần mẫu là gì và cách chúng hoạt động, chỉnh sửa một phần mẫu và thay thế nó trong một mẫu. Khi bạn truy cập một trang web được thiết kế tốt, bạn sẽ thấy rằng một trong những điểm mạnh của nó là tính nhất quán. Các tiêu đề, chân trang và thanh bên thường có nội dung giống nhau hoặc tương tự để người xem dễ dàng tìm thấy thông tin mà họ cần, bất kể họ ở đâu trên trang web.

Để đạt được hiệu quả này, các nhà thiết kế web có phải xây dựng các tiêu đề, chân trang và thanh bên từ đầu cho mỗi trang web không? Câu trả lời ngắn gọn là không. Với các chủ đề khối của WordPress, bạn sẽ sử dụng một tính năng được gọi là các phần mẫu.

Các phần mẫu là gì?Trước tiên, các phần mẫu là gì? Các phần mẫu là nhóm các khối bạn có thể sử dụng để tạo các phần lặp lại của mẫu của bạn, chẳng hạn như tiêu đề, chân trang và thanh bên. Hãy xem điều này khi bạn ở bảng điều khiển WordPress của mình. Vào Giao diện và sau đó nhấp vào Trình chỉnh sửa. Điều này sẽ đưa bạn đến Trình chỉnh sửa Trang web, và sau đó chúng ta sẽ mở một trong các mẫu của mình, chẳng hạn như mẫu trang chủ blog.

Chúng ta tạo và chỉnh sửa các phần mẫu tiêu đề và chân trang trong một mẫu. Một số chủ đề khối cung cấp nhiều hoặc ít tùy chọn hơn, nhưng hầu hết đều đi kèm với tiêu đề và chân trang như bạn thấy ở đây trong chủ đề Twenty Twenty-Four. WordPress đã làm cho việc này trở nên đơn giản hơn bằng cách cung cấp các mẫu tiêu đề và chân trang sẵn sàng để sử dụng và chỉnh sửa. Khi bạn nhấp vào ba chấm dọc của phần mẫu tiêu đề và chọn Thay thế tiêu đề, bạn sẽ thấy các phần mẫu hiện có. Đây là các phần mẫu mà tôi đã tạo. Dưới đó, bạn sẽ thấy các mẫu phần tiêu đề. Bạn có thể chọn bất kỳ mẫu nào trong số các mẫu này đi kèm với chủ đề của bạn. Như đã đề cập, một số chủ đề có thể cung cấp nhiều hơn, một số ít hơn. Điều này cũng hoạt động tương tự cho chân trang.

Chỉnh sửa một phần mẫuHãy bắt đầu bằng việc chỉnh sửa một phần mẫu tiêu đề. Khi bạn nhấp vào Chỉnh sửa trong thanh công cụ blog, bạn có thể làm việc trên phần mẫu tiêu đề của mình trong chế độ chỉnh sửa mà không bị phân tâm. Đầu tiên, hãy mở Danh sách. Sau đó, tôi sẽ thêm logo trang web của mình vào phần mẫu tiêu đề. Khi tôi chọn khối Logo trang web, tôi có thể tải lên hình ảnh từ thư viện phương tiện hoặc máy tính của mình.

Tiếp theo, tôi sẽ chọn khối Tiêu đề trang web và thêm tiêu đề trang web cho trang web này. Sau đó, tôi sẽ lưu phần mẫu tiêu đề của mình và quay lại mẫu trang chủ blog của tôi. Nhắc lại: Các phần mẫu được đồng bộ hóa và sẽ được cập nhật ở mọi nơi chúng đã được sử dụng. Bạn sẽ thấy màu tím cho biết khi một mẫu được đồng bộ hóa. Hãy xem điều này trong thực tế trong một mẫu khác của chúng tôi. Khi chúng tôi mở mẫu trang của mình, ví dụ, chúng tôi sẽ thấy rằng tiêu đề giống hệt nhau. Hoặc khi chúng tôi mở mẫu 404, chúng tôi cũng sẽ thấy rằng các thay đổi đã áp dụng ở đây vì các phần mẫu được đồng bộ hóa.

Tạo một phần mẫu từ đầuCuối cùng, hãy nói về việc tạo một phần mẫu từ đầu. Vào Mẫu và cuộn xuống các phần mẫu. Bạn có thể xem tất cả các tiêu đề, chân trang và phần mẫu chung của bạn ở đây. Để tạo một phần mẫu mới, nhấp vào biểu tượng cộng bên cạnh Mẫu và chọn Tạo phần mẫu. Từ đây, bạn có thể chọn một phần mẫu chung không liên kết với khu vực cụ thể nào, một phần mẫu tiêu đề hoặc một phần mẫu chân trang. Trong trường hợp này, chúng ta sẽ tạo một phần mẫu chân trang.

Đầu tiên, chúng ta cần đặt tên cho nó một cách hợp lý. Trong trường hợp này là Chân trang bốn cột, sau đó nhấp vào Tạo. Điều này sẽ đưa chúng ta vào chế độ tập trung một lần nữa; từ đây, chúng ta có thể bắt đầu xây dựng từ đầu. Tôi sẽ chọn một mẫu từ Thư mục mẫu. Truy cập wordpress.org, nhấp vào Mở rộng và chọn Mẫu. Từ đây, bạn có thể chọn từ hàng ngàn mẫu. Tôi sẽ chọn Cộng đồng đóng góp, nhấp vào Chân trang, và sau đó bạn có thể tìm mẫu phù hợp. Khi bạn tìm thấy một mẫu hấp dẫn, bạn có thể sao chép mẫu đó, quay lại trang web của mình và dán vào. Bây giờ bạn có thể bắt đầu chỉnh sửa nó để đáp ứng nhu cầu của bạn. Khi đã cập nhật, bạn có thể quay lại khu vực mẫu và bạn sẽ thấy chân trang mới của bạn là một phần của các phần mẫu hiện có. Bạn có thể thêm nó vào bất kỳ mẫu nào. Khi chọn Quản lý tất cả các phần mẫu, bạn có thể đổi tên và xóa các phần mẫu tùy chỉnh hoặc xóa các tùy chỉnh của các phần mẫu do chủ đề của bạn cung cấp. Tôi tin rằng bây giờ bạn cảm thấy thoải mái khi chỉnh sửa các mẫu của bạn và tạo tiêu đề và chân trang cho trang web của bạn.

Thực hànhTruy cập WordPress Playground và hoàn thành các hoạt động sau để kiểm tra kiến thức của bạn:

Thay thế tiêu đề hiện tại của mẫu Trang chủ blog bằng bất kỳ mẫu tiêu đề nào đi kèm với chủ đề.
Thay thế chân trang hiện tại của mẫu Trang chủ blog bằng một mẫu chân trang mới đi kèm với chủ đề.

3.3 – Sử dụng các phần của mẫu

You must be logged in to access this course