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.

Dĩ nhiên cách dễ nhất là sử dụng các plugin có sẵn nhưng thời gian qua lại không có plugin nào hỗ trợ việc này. Nói như thế không có nghĩa là không có vì bây giờ đã có một plugin miễn phí giúp chúng ta có thể dễ dàng sử dụng nhiều giao diện khác nhau cho trang bất kỳ, có thể tùy biến menu và widget trên từng giao diện, plugin đó chính là Multiple Themes.

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 đó. Ví dụ mình có thể áp dụng một giao diện đặc biệt dành cho các trang tìm kiếm với truy vấn là https://thachpham.com/?s=.

Hoặc nếu bạn đang sử dụng một số Parked Domain khác trỏ về website chính, plugin cũng có thể cho phép thiết lập các giao diện riêng dành cho các đường dẫn định danh này (Alias).

Cách sử dụng Multiple Themes

Chuẩn bị sẵn giao diện

Để 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.

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.

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, nếu bạn có sử dụng thêm parked domain để trỏ về website chính.
  • 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ủ.

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.

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.

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.

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.

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ị.

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.

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

Xem thêm: Hướ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.

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

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

Xem thêm: Hướ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.

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.

Lưu ý khi kích hoạt giao diện

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.

Lời kết

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 nhiều giao diện cho website WordPress ổn định và dễ sử dụng nhất hiện tại, ít gặp rắc rối hơn bởi vì WordPress mặc định không hỗ trợ nên việc sử dụng nhiều giao diện cùng lúc có thể sẽ hơi rắc rối và nhiều lỗi, quan trọng là giải pháp nào ít lỗi hơn thôi.

Hy vọng plugin này sẽ giúp được nhiều bạn.

Thạch Phạm

AZDIGI's CEO. Đam mê công nghệ, WordPress, Server và xăm mình nữa.

Xem thêm bài viết Subscribe

Để lại bình luận

69 Bình luận trên "Sử dụng nhiều giao diện trên một website WordPress"

avatar
Sắp xếp theo:   mới nhất | cũ nhất | đánh giá nhiều
Kien
Khách

Trước đọc mấy mục magazine của genk hay cafef, thấy giao diện khác nhau cho từng chuyên mục cũng thú vị. Khi nào rãnh vọc thử trên blog mình cũng vui :3

Giáo viên nước ngoài
Khách

Việc sử dụng nhiều giao diện như vậy có ảnh hưởng tới thứ tự từ khóa không anh Thạch.

áo chống nắng Uniqlo
Khách

Bài viết này rất hữu ích. Mình rất hâm mộ anh Thạch Phạm chia sẻ hết mình và bài nào cũng rất chất.

Căn hộ topaz quận 8
Khách

Thạch ơi, đây có phải là cách mà bọn bán themes nó sử dụng không vậy. Mình thấy nội dung thì chúng nó giống hệt nhau à.

sữa havit
Khách

hay quá cảm ơn bác thạch

đệm lò xo
Khách

hay quá. Cảm ơn Thạch nhiều nhé

Nguyen Duc Tien
Khách

Em cũng đang muốn làm một cái đa dạng theme cho đẹp mắt mà không biết làm thế nào. Cảm ơn anh Thạch Phạm

khuong
Khách

bài viết hay, đang cần
Thach pham cho hỏi bạn biết cách add “element Blocks ” trong visual composer của theme newspaper sang theme khác không? giúp mình với

nội thất Tuấn Lâm
Khách

Em đang dùng blog wordpress.com thì có làm thế này được không anh ?

sapa tours
Khách

có mấy lần mình có thay đổi giao diện wordpress cho site nhưng ko hiểu sao ko đc, up lên toàn báo lỗi, họ bảo là bạn phải update wordpress của bạn lên version mới mới có thể đổi được giao diện. 🙁

Tuấn Lai
Khách

Thạch ơi giúp mình vụ này với, mình cài theme ecommerce của myThemeShop bị lỗi hiển thị bài viết không hiển thị hết nội dung mà nó nằm trong một cửa sổ nhỏ, phải kéo thanh sceonbar lên xuống để đọc. Như thế nhìm lởm quá, vậy phải làm thế nào để chỉnh lại được. Mình đã đổi theme khác của myThemeShop rồi mà vẫn bị như vậy. Cứu cứu…………..

Tuan Nguyen
Khách

Mình cũng tính thử cho web mình đang seo cho bắt mắt, nhưng liệu thay đổi giao diện như vậy có ảnh hưởng gì đến SEO không bác?

Tuấn
Khách

Có cái nào hỗ trợ mà trên máy tính 1 giao diện và trên mobile 1 giao diện khác không nhỉ

Võ Thanh Điền
Khách

Cảm ơn bài viết của AD, thấy nhiều site sử dụng. Một ngày đẹp trời nào đó sẽ thử 🙂

Việt
Khách

web hiện thế này là bị sao vậy Anh. nhờ anh trợ giúp.
http://www.tenmien/wp-admin/install/index.php và hiện 404 Not Found
http://www.tenmien/wp-admin/install/index.php và hiện 404 Not Found

BTSoft
Khách

Cám ơn bạn, bài viết rất hữu ích, đang hóng các bài về SEO của Thạch Phạm.

Van Nien
Khách

web mình bị lỗi menu không hoạt động trên mobi, b nào gặp trường hợp này chưa cho mình lời khuyên với ạ 🙁

LongPhi
Khách

Bài viết hay quá, trước giờ mình băn khoăn vụ này mà chưa giải quết được, có đọc các bài trên forum nước ngoài nhưng ko chi tiết như thế này, hôm nay đọc bài này xong mình đã xử lý đc rồi. Cảm ơn Thạch.

TUAN TRAN
Khách

Chào anh.
Em đang làm về site mã giảm giá bằng WP, nhưng cái theme em làm không thấy đẹp mắt cho lắm và còn thiếu nhiều thứ quá. Anh cho em hỏi bạn cài theme này là sử dung WP hay sao, và theme bạn đó cài tên la gi ah: https://thatlare.vn/
Và em muốn tao một site tương tự như vậy thì sao ah, trả phí cũng được.
Em xin cảm ơn anh.

Võ Thanh Điền
Khách

Bạn dùng công cụ trực tuyến wpthemedetector.com là biết bất kỳ website wordpress nào sử dụng theme gì nhé! 🙂

Duc Thang
Khách

Thạch cho mình hỏi chút là trường hợp mình muốn mỗi categories một theme riêng thì có gây chậm web không nhỉ?
Với lại mình muốn sử dụng ảnh feature image ở các nguồn ngoài như flickr chẳng hạn thì có plugin nào ko nhỉ. Mình đang dùng cái của một developer là Marcel nhưng không ổn định lắm.

Hữu Thuần
Khách

Dành cho những trang Web có tài chính cao 😛

Biệt thự cao cấp VinHomes Hà Nội, TP. Hồ Chí Minh
Khách
Hay đó, đúng cái mình đang cần mày mò lâu nay. Mình đang xài cái theme Viral miễn phí cho trang http://www.vinhomes-villas.com của mình còn xài một theme NewsMagazine bản lite cho trang http://www.mbnha.com Chắc phải thử trên site demo nhiều rồi mới cho chạy thật. Nhưng mình thấy cái theme Viral dùng cũng vẫn OK, rất đẹp vì site của mình là site thông tin các dự án bât động sản VinHomes, nó cũng không thay đổi bài viết thường xuyên nên chỉ setup cố định một lần thấy ổn là thôi, không muốn mất công sửa đi sửa… Xem thêm »
Doan Tam
Khách

Đơn giản và nhanh là ổn rồi 😀

Gia Phát
Khách

Nhiều theme chỉ tổ nặng web thôi. Mà bây giờ xu hướng web đâu có cần quá cầu kỳ và màu mè. Cứ đơn giản, giao diện phẳng nhìn là đẹp rồi

thanh
Khách
Chào anh thạch phạm. Cảm ơn anh đã cho em nhiều thông tin bổ ích về WordPress. Em nhờ anh giải đáp giúp em chút nhé. Em có cài 1 theme được tải về từ 1 trang chia sẻ theme nhưng sau khi cài xong em đã chỉnh xong thông tin cá nhân. Nhưng mà không hiểu sao khi em gửi trang web cho mọi người qua messager thì phần thông tin trang web vẫn là nhữn dòng thông tin cũ của nhà sản xuất trang web chứ không phải thông tin cá nhân của web em mong muốn. Em… Xem thêm »
Seven Master
Khách

Mỗi 1 chuyên mục dùng 1 giao diện chỉ có tác dụng trang trí cho đẹp web chứ có tác dụng gì đâu nhỉ. Cài lắm cho nặng thêm web ra :v

Phong
Khách

Anh thạch và các bạn trả lời giúp e với
Hiện e đang dùng woocommerce để bán hàng
Nhưng khi cần kiểm tra kho hàng thì e ko tìm được cách nào để xem
Tổng số lượng toàn bộ sản phẩm ( không phải số mẫu)
Để yêu cầu nhân viên kiểm đếm 🙁
Có giải pháp nào ace bảo e với ạ

Văn Luận
Khách

Dùng cũng rắc rối nhỉ, mình dùng 1 cái cho chắc ăn hehe

Vy Vy
Khách

Mình tạo dc 1 slider recent posts, nhưng đưa vô Home widget area nó nằm cuối, mà thật ra đưa gì vào khu này nó cũng nằm cuối? Có cách nào đưa slider lên đầu không, kiểu header xong đến slider rồi mới đến các chuyên mục tin khác. Mình xài theme ProfitMag free.

trandat
Khách

dùng thêm cái plugin này thì có khiến cho website chậm hơn không nhỉ ?

trandat
Khách

dùng thêm cài plugin này thì có khiến website bị chậm hơn không nhỉ?

Đông Bình Dương
Khách

Bài viết hữu ích ….

Vy Vy
Khách

Làm web tin tức thì nên chọn 10GB hay gói hosting không giới hạn? 10GB Có đủ khổng nhỉ, mình muốn phát triển web lớn mạnh

Vy Vy
Khách

Nếu mình Có sẵn host Godaddy, nhưng tên miền mua cùng bị database error thì khi muốn mua miền mới lạp web mới ko liên quan web cũ, Có cần mua thêm host mới ko? Hay xài host cũ luôn?

Lê Xuân Hảo
Khách

Chào Thạch, mình đang dùng dịch vụ hosting doanh nghiệp bên AZDIGI. Vừa rồi mua theme compare cài vào thì báo lỗi sau:
Fatal error: Call to undefined function compare_get_taxonomy_list() in /home/kennetvn/public_html/wp-content/themes/compare/includes/shortcodes/categories.php on line 102
Giúp mình khắc phục nhé.

Tuan
Khách

Viết bài về Seo cho Woocommerce a Thạch ơi :*

Lập trình
Khách

Nếu vậy thì các giao diện được sử dụng phải có cấu hình Widgets và Menus giống như nhau đúng ko Thạch? Nếu không thì khi chuyển qua lại giữa các theme thì sẽ bị thiếu hoặc thừa widgets hay menus?

Danang to hue by car
Khách

lâu rồi mới có bài mới nhĩ, thiết nghĩ làm anh làm thêm mấy bài về SEO đi

Tony
Khách

Em đang sử dụng 1 theme không hỗ trợ mobi. Em muốn khi người dùng vào bằng mobi thì ra một theme hỗ trợ mobi thì làm cách nào anh ơi

Thái Tài
Khách

Bây giờ hầu như các theme điều được tích hợp giao diện mobi hết rồi bác, mình nghĩ bác nên lựa chọn 1 theme mới là cách tối ưu nhất

dự án vinhomes riverside
Khách

Bác viết về thuật toán mới của google đi ạ. Tks

Căn hộ Grand Nest
Khách

Lâu rồi mới thấy bài viết mới anh Thạch nhỉ

Hẹn Nguyễn
Khách
Thú vị thật, nhưng blog cá nhân thì thật sự không cần lắm nhỉ 😀 Năm ngoái là lo mở cty, năm nay lo cưới vợ, chặn đường thay đổi hoành tráng nhà Thạch, chúc thành công. Cả tuần nay loay hoay với cái site đú theo tình hình làm affiliate nước nhà, gặp khó khăn chút it, nhưng lướt thachpham.com là ngon lành. Trong mấy ngày tìm cái plugin làm bảng update mã giảm giá, mỏi cả mắt, cuối cùng cũng có cái ưng, plugin này Thạch chưa giới thiệu qua nên mình muốn viết một bài giới thiệu… Xem thêm »
Công Nghệ Thành Hạnh
Khách

Bác ơi Azdigi có khuyến mãi cho hosting tiêu chuẩn không bác 🙁

minh khanh
Khách

Anh cho em hỏi với nếu cái đặt m.domain.com để cài giao diện mobile thì dùng plugin Multiple Themes được ko

minh khanh
Khách

hay nhưng mà cứ dùng 1 cái thôi là đủ rồi, nhiều thêm mệt

Lee Jiu Chan
Khách

quá tốt! thank bạn.

Pháp Trình
Khách

Cái này chỉ dành cho site lớn thôi, chứ blog thì khỏi cần

Thái Tài
Khách

Mới đọc bài thấy cũng ham, tuy nhiên đọc tới câu kết thấy bài này không dành cho new. Xãy ra lỗi là đau hết cả đầu.

Khôi Nguyễn
Khách

Ít ra tốt hơn cài mấy chục cái site mỗi site 1 theme rồi.

wpDiscuz
menu
menu