Giới thiệu

Chúng ta đã học cách sử dụng và nhóm các khối để xây dựng trang web của mình. Nhưng bạn có biết rằng có một cách nhanh hơn để tạo bố cục nội dung tùy chỉnh, đó là sử dụng các mẫu khối không? Không phải tất cả chúng ta đều là nhà thiết kế, và việc tạo bố cục mất rất nhiều thời gian. Các mẫu khối cung cấp một giải pháp. Mục tiêu học tập của bài học này là sử dụng và chỉnh sửa các mẫu khối có sẵn, khám phá Thư mục Mẫu khối, tạo mẫu khối của riêng bạn (đồng bộ và không đồng bộ), và cuối cùng là sử dụng các mẫu khối cho header và footer.

Mẫu khối là gì?

Mẫu khối là các thiết kế hoặc bố cục được tạo sẵn của các khối được nhóm lại với nhau mà bạn có thể chỉnh sửa và thay đổi để phù hợp với nhu cầu của mình. Điều này không chỉ giúp bạn tiết kiệm thời gian mà còn tăng cường sự sáng tạo và thiết kế. Thay vì lồng và nhóm các khối lại với nhau, các mẫu khối đã làm sẵn cho bạn. Chỉ với một cú nhấp chuột, bạn sẽ có được các bố cục đẹp mắt và hữu ích từ các lời kêu gọi hành động, header, cột, thư viện, và nhiều hơn nữa.

Thêm một mẫu khối từ chủ đề

Để thêm một mẫu khối, nhấp vào biểu tượng dấu cộng ở góc trên bên trái, còn gọi là Inserter, và mở tab mẫu ở bên phải cạnh Khối. Ở đầu trang, bạn sẽ thấy tất cả các mẫu. Dưới đó là các mẫu khối đồng bộ và không đồng bộ bạn đã tạo. Các mẫu khối đồng bộ được đánh dấu bằng biểu tượng màu tím và các mẫu không đồng bộ thì không có. Dưới "Mẫu của tôi", bạn sẽ thấy các mẫu đi kèm với chủ đề của bạn. Chúng được tổ chức thành các danh mục khác nhau để giúp bạn tìm thấy những gì bạn cần. Khi bạn nhấp vào danh mục, bạn sẽ thấy bản xem trước của tất cả các mẫu có sẵn khi cuộn xuống.

Bạn cũng có thể chọn "Khám phá tất cả các mẫu" ở dưới cùng để có cái nhìn tổng quan về các mẫu đi kèm với chủ đề của bạn. Bạn có thể duyệt qua chúng theo từng danh mục. Hãy xem một ví dụ nhanh. Khi bạn chọn một mẫu, trong trường hợp này là một từ danh mục "Nổi bật" của tôi, bạn có thể chỉnh sửa mẫu để đáp ứng yêu cầu thiết kế của mình. Bạn có thể dễ dàng chỉnh sửa nó giống như bất kỳ khối nào khác. Bạn có thể thay đổi căn chỉnh của khối chứa. Bạn có thể chỉnh sửa tiêu đề, cập nhật nội dung, thay thế hình ảnh, và ví dụ như thay đổi màu nền của mẫu cũng như các tùy chọn kiểu khác. Nhưng tất cả công việc khó khăn và bố cục đã được thực hiện sẵn cho bạn. Việc duy nhất bạn cần làm là chọn mẫu và chỉnh sửa nó để đáp ứng nhu cầu của bạn.

Sử dụng Thư mục Mẫu khối

Các mẫu đi kèm với chủ đề của bạn là hạn chế. Nếu bạn muốn có nhiều mẫu để lựa chọn hơn, bạn có thể khám phá Thư mục Mẫu khối. Để làm điều đó, hãy truy cập trang web WordPress.org. Nhấp vào "Mở rộng" và sau đó chọn "Mẫu". Ở đây, bạn có thể tìm kiếm và tìm các mẫu mới cho trang web của mình. Bạn sẽ nhận thấy có một tùy chọn để xem chỉ các mẫu được chọn lọc hoặc hàng trăm mẫu đã được thêm bởi cộng đồng WordPress. Bạn có thể nhập vào ô tìm kiếm, tìm kiếm theo danh mục, hoặc duyệt qua tất cả các tùy chọn có sẵn cho đến khi bạn tìm thấy những gì bạn đang tìm kiếm. Khi bạn tìm thấy mẫu mong muốn, bạn có thể nhấp vào "Ngôi sao" để thêm nó vào mục yêu thích của mình. Khi bạn đã sẵn sàng thêm mẫu vào trang web của mình, mở mẫu, nhấp vào "Sao chép Mẫu," quay lại trang web của bạn, và sau đó dán. Sau đó, bạn có thể bắt đầu thay đổi và chỉnh sửa mẫu của mình. Đây là mẫu của tôi sau khi thay đổi để đáp ứng nhu cầu thiết kế của mình.

Quản lý mẫu

Khi bạn vào Trình chỉnh sửa Trang web và trong Chế độ xem bên cạnh, bạn sẽ thấy một tab Mẫu. Ở đây bạn có thể quản lý, chỉnh sửa và tạo tất cả các mẫu của mình, đồng bộ hoặc không, cùng với các phần mẫu của bạn. Khi bạn nhấp vào "Mẫu của tôi", bạn sẽ thấy tất cả các mẫu tùy chỉnh của mình. Các mẫu đồng bộ có biểu tượng màu tím, và các mẫu không đồng bộ thì không. Nếu bạn di chuột qua biểu tượng màu tím, nó sẽ rõ ràng nói rằng, "Chỉnh sửa mẫu này sẽ cập nhật ở bất cứ đâu nó được sử dụng". Dưới các mẫu tùy chỉnh, chúng ta sẽ thấy tất cả các danh mục có sẵn cũng như các mẫu được cung cấp bởi chủ đề của bạn. Cũng cần lưu ý rằng khi bạn nhấp vào ba dấu chấm dọc của một mẫu đi kèm với chủ đề của bạn, bạn cũng có thể sao chép và thêm mẫu đó vào khu vực mẫu tùy chỉnh của mình, và khi bạn đã lưu nó làm mẫu tùy chỉnh, bạn có thể chỉnh sửa nó theo ý muốn. Ở dưới cùng, bạn sẽ tìm thấy tất cả các mẫu cho header, footer và các phần mẫu chung.

Mẫu tùy chỉnh

Hãy bắt đầu với các mẫu của riêng bạn. Nếu bạn nhấp vào biểu tượng dấu cộng bên cạnh "Mẫu," bạn có thể tạo các mẫu tùy chỉnh đồng bộ hoặc không đồng bộ của riêng bạn. Sau khi đặt tên, bạn có thể thêm nó vào danh mục liên quan, trong trường hợp này là danh mục "Call to Action", và sau đó bạn có thể chọn đồng bộ hóa nó. Trong ví dụ này, tôi sẽ chọn đồng bộ hóa mẫu, và ở dưới cùng, nó nói rằng, "Đồng bộ hóa mẫu này trên nhiều vị trí." Và bây giờ bạn có thể bắt đầu tạo mẫu đồng bộ của mình, và khi nó đã sẵn sàng, chúng ta có thể nhấp vào "Lưu". Để tạo một mẫu trong trình chỉnh sửa khối, chỉ cần chọn thiết kế, nhấp vào ba dấu chấm dọc của thanh công cụ khối, và chọn "Tạo Mẫu". Sau đó, thực hiện theo cùng một quy trình như trước, và tôi sẽ một lần nữa chọn một mẫu đồng bộ. Vì vậy, nếu bạn yêu thích một thiết kế, bạn có thể lưu nó và tái sử dụng nó như một mẫu đồng bộ hoặc không đồng bộ.

Mẫu phần mẫu

Cuối cùng, hãy nói về các phần mẫu. Để quản lý header và footer của bạn, bạn có các mẫu phần mẫu để sử dụng. Các mẫu tạo ra một thiết kế cho một trang web, và điều này thường được thực hiện bằng cách thêm một phần mẫu header và footer. Hãy xem một ví dụ và mở mẫu trang của chúng ta. Khi bạn mở mẫu trang của mình, chúng ta có thể đi và chọn header hiện tại của mình và sau đó nhấp vào ba dấu chấm dọc. Tiếp theo, chúng ta có thể chọn "Thay thế Header." Khi bạn làm điều này, bạn có thể chọn một trong những phần mẫu hiện có hoặc các mẫu đi kèm với chủ đề của bạn. Và nó hoạt động giống hệt như với footer của bạn. Dưới Mẫu, bạn có thể quản lý và chỉnh sửa các phần mẫu hiện có của mình. Để thêm một phần mẫu mới, nhấp vào biểu tượng dấu cộng bên cạnh "Mẫu" và chọn "Tạo Phần Mẫu." Ở đây, bạn có thể chọn giữa việc tạo một phần mẫu chung, footer, hoặc header. Để tạo một phần mẫu header mới, đặt tên thích hợp, chọn "Header" và sau đó nhấp "Tạo".

Kết luận

Sau đó, bạn có thể bắt đầu xây dựng header mới của mình trong chế độ chỉnh sửa mẫu. Chúng tôi tin rằng các mẫu sẽ trở thành một trong những công cụ yêu thích mới của bạn.

4.3 – Sử dụng mẫu khối

You must be logged in to access this course