Thứ Bảy, Tháng Mười Hai 4, 2021
Trang chủ WORDPRESS SỬ DỤNG NHIỀU GIAO DIỆN TRÊN MỘT WEBSITE WORDPRESS

SỬ DỤNG NHIỀU GIAO DIỆN TRÊN MỘT WEBSITE WORDPRESS

Trên một số trang tin tức lớn như kenh14, vnexpress,…chúng ta có thể thấy mỗi một chuyên mục đều có một giao diện khác nhau. Trong thời gian cách đây khá lâu blog mình đã có một bài viết nói về việc sử dụng nhiều giao diện khác nhau cho Post – Page nhưng cách này có vẻ hơi khó và cũng chưa hoàn thiện lắm. Hôm nay chúng ta cùng bàn về cách sử dụng nhiều giao diện trên một Website WordPress.

CÁC TÍNH NĂNG CỦA MULTIPLE THEMES

Một điều tuyệt vời của plugin này là cho phép chúng ta sử dụng một giao diện bất kỳ cho một đường dẫn bất kỳ chứ không phải chỉ gói gọn vào category, tag, post hay page. Nó cho phép chúng ta sử dụng một giao diện khác dựa trên truy vấn hoặc một truy vấn nào đó với giá trị nào đó.

CÁCH SỬ DỤNG MULTIPLE THEMES

[alert color=”orange” type=”alert-message-background” title=”Chuẩn bị sẵn giao diện” size=”small”]Để sử dụng plugin này, giao diện của bạn phải được upload sẵn lên website tại thư mục /wp-content/themes/ hoặc tải về từ thư viện WordPress Themes.[/alert]

Sau khi cài plugin Multiple Themes hoàn tất, chúng ta sẽ tiến hành thiết lập tại Settings -> Multiple Themes plugin.

Sử dụng nhiều giao diện trên một website WordPress 100

Tại đây chúng ta sẽ có các phần bao gồm:

  • Settings: thiết lập cơ bản để chọn theme cho trang chủ, các trang con.
  • Site Aliases: Thiết lập các tên miền aliases để hỗ trợ plugin xác định đường dẫn.
  • Advanced Settings: Thiết lập theme cho toàn trang, toàn post hay toàn page.
  • Theme Options: Hướng dẫn thiết lập menu, widget cho plugin này.
  • System Information: Thông tin hệ thống host đang chạy website.
  • Help: Hướng dẫn gửi yêu cầu hỗ trợ đến tác giả.

Nhìn chung là vậy, ở dưới mình sẽ hướng dẫn một số case cơ bản khi dùng plugin này.

Dùng giao diện riêng cho trang chủ

Để thiết lập một giao diện dùng riêng cho trang chủ, chúng ta sẽ vào phần Settings của plugin này và tìm mục Select Theme for Site Home, ở đây bạn sẽ chọn giao diện cần sử dụng cho trang chủ.

Sử dụng nhiều giao diện trên một website WordPress 101

Như vậy nghĩa là mình sẽ sử dụng giao diện Hueman cho trang chủ. Ở đây plugin sẽ không phân biệt trang chủ bạn là một trang tĩnh hay danh sách các bài viết mới nhất, miễn đường dẫn là domain-của-bạn.ltd là nó nhận đây là trang chủ.

Thiết lập giao diện cho một trang bất kỳ

Ví dụ bạn muốn thiết lập giao diện riêng cho một category thì cũng vào mục Settings của plugin này và tìm mục For An Individual Page, Post or other non-Admin page, sau đó thêm đường dẫn của trang tại phần URL of Page, Post, Prefix or other và chọn giao diện cần kích hoạt.

Sử dụng nhiều giao diện trên một website WordPress 102

Bạn có thể dùng URL bất kỳ, kể cả một post hay một page nào đó.

Xóa thiết lập giao diện của một trang

Sau khi thiết lập giao diện của một trang bất kỳ mà bạn không có nhu cầu sử dụng nữa, chúng ta có thể xóa đi trong mục Settings, tại phần Current Theme Selection Entries và đánh dấu mục Delete vào trang cần xóa rồi ấn Change là hoàn tất.

Sử dụng nhiều giao diện trên một website WordPress 103

Thiết lập giao diện cho tất cả Post và Page

Để thiết lập giao diện riêng cho tất cả Post hoặc Page còn lại (ngoại trừ các trang đã thiết lập giao diện riêng), bạn có thể truy cập vào mục Advanced Settings của plugin này và tìm phần Select Theme for All Pages để thiết lập giao diện cho tất cả page, và mục Select Theme for All Posts để thiết lập giao diện cho tất cả post.Sử dụng nhiều giao diện trên một website WordPress 104

Thiết lập giao diện cho các trang còn lại

Khi sử dụng plugin này, bạn nên thiết lập giao diện sử dụng cho các trang còn lại thay vì sử dụng theme kích hoạt ở Appearance -> Themes, lý do chút nữa ở phần dưới mình sẽ nói sau. Để thiết lập phần này bạn vào phần Advanced Settings của nó và tìm phần Theme for Everything.

Sử dụng nhiều giao diện trên một website WordPress 105

TÙY CHỈNH GIAO DIỆN KHI SỬ DỤNG MULTIPLE THEME

Trên mỗi giao diện đều có cách thiết lập Menu, Widget khác nhau nên khi sử dụng plugin này, chúng ta cần phải thiết lập các phần này cho toàn bộ theme để đảm bảo giao diện hiển thị ra như ý muốn.

Thiết lập Menu

Bạn vào mục Appearance -> Customize trong trang quản trị.

Sử dụng nhiều giao diện trên một website WordPress 106

Sau đó chọn giao diện cần thiết lập tại phần Active Theme bằng cách ấn vào nút Change. Nếu giao diện đang kích hoạt là giao diện cần thiết lập thì thôi.

Sử dụng nhiều giao diện trên một website WordPress 107

Sau đó tìm phần Menus và gán menu vào thôi.

Sử dụng nhiều giao diện trên một website WordPress 108

Xem thêmHướng dẫn sử dụng Menus trong WordPress

Thiết lập Widget

Cũng giống như thiết lập menu, bạn vào Appearance -> Customize.

Sử dụng nhiều giao diện trên một website WordPress 106

Sau đó chọn giao diện cần thiết lập.

Sử dụng nhiều giao diện trên một website WordPress 107

Và cuối cùng là chọn Widgets để thêm widget vào giao diện.

Sử dụng nhiều giao diện trên một website WordPress 111

Xem thêmHướng dẫn sử dụng Widget trong WordPress

Thiết lập Theme Options

Với các giao diện có Theme Option (các tùy chọn đi kèm với theme) sử dụng tính năng Customize có sẵn của WordPress thì quá dễ rồi, chúng ta có thể sử dụng cách giống như trên để thiết lập cho từng theme.

Một vài trường hợp giao diện có phần Theme Option riêng biệt như thế này chẳng hạn.

Sử dụng nhiều giao diện trên một website WordPress 112

Vậy thì ta chỉ còn một cách là kích hoạt giao diện cần sửa Theme Options lên tại mục Appearance -> Themes và sau đó truy cập vào phần Theme Option của giao diện đó mà chỉnh sửa.

Để làm phần này thì bạn nên thiết lập giao diện mặc định của toàn trang tại phần Advanced Settings -> Theme for Everything để khi kích hoạt giao diện của trang sẽ không bị ảnh hưởng.

[alert color=”orange” type=”alert-message-background” title=”Lưu ý khi kích hoạt giao diện” size=”small”]Khi kích hoạt giao diện thì các thiết lập Menus, Widgets của từng giao diện mà ta đã thiết lập trước đó có thể bị mất, vì vậy hãy lưu ý khi sử dụng. Tốt nhất là nên sử dụng các giao diện sử dụng toàn bộ là Customize hết.[/alert].

Sau khi tìm hiểu nhiều giải pháp khác nhau thì mình thấy đây là plugin sử dụng giao diện trên Website ổn định và dễ sử dụng nhất hiện tại.

Hy vọng plugin sử dụng giao diện trên Website này sẽ giúp được nhiều bạn.

Nguồn copy: Thachpham

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

- Advertisment -

Most Popular

6 WEBSITES HAY ĐỂ HỌC JAVASCRIPT

Mặc dù blog mình đã có bài Học Javascript căn bản khá chi tiết và vui nhộn, nhưng nhiêu đó thật sự chưa đủ để...

4 CÔNG CỤ HỖ TRỢ DỊCH FILE PO NHANH HƠN

Việc sửa file .po mình đã có nói sơ qua bằng minh họa video hướng dẫn tự dịch Woocommerce, đồng thời mình cũng có nói...

TÀI NGUYÊN TRA CỨU HÀM VÀ HOOK

Ở đây mình sẽ giới thiệu bạn qua các tài nguyên tra cứu hàm và hook mà có thể giúp bạn tra cứu tất...

PHP CHO WORDPRESS VÀ CÁC TÀI NGUYÊN CẦN THIẾT

Hôm nay mình quyết định sẽ viết một bài guide là bài này để hướng dẫn bạn từng bước tìm hiểu PHP và các...

Recent Comments