Mục tiêu học tập

Buổi học hôm nay sẽ thảo luận về cách chọn và cài đặt giao diện phù hợp với bạn. Dưới đây là các mục tiêu học tập của buổi học này:

Phân biệt bốn loại giao diện khác nhau.
Tìm kiếm và đánh giá giao diện.
Cài đặt và cập nhật giao diện.
Truy cập hỗ trợ cho giao diện của bạn.

Hãy bắt đầu nhé!

Giao diện là gì?

Nói ngắn gọn, một giao diện (theme) về cơ bản là một mẫu website với bố cục và thiết kế nhất định. Khi sử dụng WordPress, nội dung của bạn được tách biệt hoàn toàn khỏi phần trình bày. Điều này có nghĩa là bạn có thể thay đổi hoàn toàn giao diện của trang web chỉ bằng cách chọn một giao diện khác mà không làm thay đổi nội dung.

Hãy cùng xem một ví dụ. Ở đây, tôi đang sử dụng giao diện mặc định Twenty Twenty-Three. Trong ví dụ tiếp theo, tôi đã cài đặt và kích hoạt giao diện Bounce, có giao diện hoàn toàn khác, nhưng nội dung vẫn giữ nguyên. Tuy nhiên, trang web của bạn có thể không giống hoàn toàn với ảnh thu nhỏ hoặc trang demo của giao diện mà bạn đã cài đặt và kích hoạt. Các bản demo chỉ là ví dụ về những gì có thể đạt được, và đôi khi cần cài đặt thêm plugin để đạt được giao diện mong muốn.

WordPress cung cấp hàng nghìn giao diện miễn phí, nhưng cũng có nhiều giao diện trả phí bên ngoài kho giao diện. Lưu ý rằng nhiều giao diện miễn phí cũng có các gói nâng cấp trả phí với nhiều tính năng hơn.

Các loại giao diện

Bạn có thể thắc mắc: Có những loại giao diện nào? Có bốn loại giao diện chính mà bạn cần biết:

Giao diện khối (Block themes)
Giao diện cổ điển (Classic themes)
Giao diện lai (Hybrid themes)
Giao diện đa dụng (Universal themes)

Trong đó, giao diện khối và giao diện cổ điển là hai loại phổ biến nhất, và giao diện khối được xem là tương lai của WordPress.

Giao diện khối (Block themes)

Giao diện khối sử dụng các khối (blocks) cho tất cả các phần của trang web, bao gồm menu điều hướng, tiêu đề, nội dung và chân trang. Với giao diện khối, bạn có thể chỉnh sửa và tùy chỉnh toàn bộ trang web ngay trong Trình chỉnh sửa trang web (Site Editor).

Hãy xem cách một giao diện khối hoạt động:

Truy cập Giao diện (Appearance) → Giao diện (Themes)
Kích hoạt một giao diện khối, chẳng hạn như Twenty Twenty-Three
Bạn sẽ thấy nút Trình chỉnh sửa (Editor) trong thanh bên trái
Nhấp vào đó để mở Trình chỉnh sửa trang web, nơi bạn có thể chỉnh sửa trang, thay đổi kiểu dáng và thiết lập mẫu giao diện

Ngoài ra, Trình chỉnh sửa trang web cũng cho phép bạn:

Tạo và chỉnh sửa mẫu giao diện (Templates)
Quản lý mẫu mẫu (Patterns), bao gồm mẫu tiêu đề và chân trang

Một tính năng mới tuyệt vời là xem trước giao diện khối trước khi chuyển đổi. Khi bạn di chuột qua một giao diện khối, sẽ có tùy chọn Xem trước trực tiếp (Live Preview). Từ đó, bạn có thể chỉnh sửa phong cách, thay đổi phông chữ, thử nghiệm các trang và mẫu. Nếu bạn hài lòng với kết quả, bạn có thể kích hoạt và lưu giao diện ngay lập tức.

Giao diện cổ điển (Classic themes)

Giao diện cổ điển không sử dụng trình chỉnh sửa khối để quản lý bố cục trang web ngoài các bài viết và trang. Thay vào đó, nó sử dụng Trình tùy chỉnh (Customizer), menu và widget để thay đổi cài đặt.

Ví dụ:

Kích hoạt giao diện Twenty Sixteen
Truy cập Giao diện (Appearance) → Giao diện (Themes)
Bạn sẽ thấy nút Trình tùy chỉnh (Customizer), nơi bạn có thể thay đổi cài đặt giao diện

Lưu ý: Giao diện khối cung cấp tính linh hoạt cao hơn so với giao diện cổ điển trong việc thiết kế và tùy chỉnh trang web.

Giao diện lai (Hybrid themes)

Giao diện lai là giao diện cổ điển nhưng có tích hợp một số tính năng của Trình chỉnh sửa trang web, chẳng hạn như Trình chỉnh sửa mẫu (Template Editor).

Ví dụ: Giao diện Eksell vẫn sử dụng Trình tùy chỉnh, nhưng bạn cũng có thể tạo và chỉnh sửa mẫu trang.

Truy cập Trang (Pages)
Mở một trang
Trong thanh bên phải, chọn Mẫu (Templates) để chỉ định mẫu khác hoặc tạo mẫu tùy chỉnh

Giao diện đa dụng (Universal themes)

Giao diện đa dụng có thể hoạt động theo cả hai cách: như một giao diện khối hoặc giao diện cổ điển.

Ví dụ: Giao diện Emulsion cho phép bạn sử dụng cả Trình tùy chỉnh và Trình chỉnh sửa trang web, tùy vào nhu cầu của bạn.

Tìm kiếm và thêm giao diện mới

Để thêm giao diện mới:

Vào Giao diện (Appearance) → Giao diện (Themes)
Nhấp vào Thêm mới (Add New)
Bạn có thể tìm kiếm giao diện theo:
- Phổ biến nhất
- Mới nhất
- Giao diện khối
Nhấp vào một giao diện để xem chi tiết và xem trước

Bạn cũng có thể sử dụng Bộ lọc tính năng (Feature filter) để tìm giao diện theo chủ đề, tính năng hoặc bố cục.

Đánh giá một giao diện

Một giao diện tốt cần có:

Cập nhật thường xuyên
Lượng cài đặt đang hoạt động cao
Đánh giá tích cực từ người dùng

Để đánh giá một giao diện:

Truy cập WordPress.org
Vào Download & Extend → Themes
Tìm kiếm giao diện
Nhấp vào More info để xem chi tiết

Cài đặt giao diện

Để cài đặt giao diện mới:

Giao diện (Appearance) → Giao diện (Themes)
Nhấp vào Thêm mới (Add New)
Tìm giao diện mong muốn
Nhấp vào Cài đặt (Install) và Kích hoạt (Activate)

Cài đặt giao diện từ file ZIP:

Nhấp vào Tải lên giao diện (Upload Theme)
Chọn tệp ZIP từ máy tính và tải lên

Cập nhật giao diện

Nếu có bản cập nhật, bạn sẽ thấy thông báo trong Thanh công cụ hoặc Bảng điều khiển
Truy cập Trang cập nhật (Updates page) để cập nhật từng giao diện hoặc tất cả cùng lúc
Luôn sao lưu website trước khi cập nhật
Có thể sử dụng Giao diện con (Child Theme) để bảo vệ tùy chỉnh của bạn khi cập nhật

Xóa giao diện

Mở Giao diện (Themes)
Nhấp vào giao diện bạn muốn xóa
Ở góc dưới bên phải, nhấn Xóa (Delete)

Nhận hỗ trợ

Thực hành

Hãy thử nghiệm trên WordPress Playground, cài đặt một giao diện khối và kiểm tra thời gian cập nhật gần nhất, số lượng cài đặt và đánh giá của người dùng.

Chúc bạn tìm được giao diện phù hợp nhất cho trang web của mình! 🚀

1.3 – Chọn và cài đặt giao diện

You must be logged in to access this course