Cách thêm Đầu trang, Chân trang hoặc Thanh bên tùy chỉnh cho từng danh mục
Bạn có muốn hiển thị đầu trang, chân trang hoặc thanh bên khác nhau cho từng danh mục trên trang web WordPress của mình không?
Bạn thường thấy cùng một đầu trang, chân trang và thanh bên được hiển thị trên toàn bộ trang web của mình. Tuy nhiên, đôi khi bạn có thể muốn hiển thị các thông tin, màu sắc hoặc tiện ích khác nhau trên một số danh mục nhất định.
Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách dễ dàng thêm đầu trang, chân trang hoặc thanh bên tùy chỉnh cho từng danh mục trong WordPress.
Tại sao phải thêm Đầu trang, Chân trang hoặc Thanh bên tùy chỉnh cho từng danh mục?
Khi bạn thiết lập trang web WordPress của mình, rất có thể bạn đã tùy chỉnh đầu trang, chân trang và thanh bên để khách truy cập có thể tìm hiểu về bạn và trang web của bạn, đồng thời tìm thấy nội dung họ quan tâm một cách nhanh chóng và dễ dàng.
Đối với hầu hết các chủ đề, đầu trang, chân trang và thanh bên của bạn trông giống nhau trên tất cả các bài đăng, trang, danh mục và trang lưu trữ của bạn. Vị trí và sự xuất hiện của chúng phụ thuộc vào chủ đề.
Nhưng có thể đôi khi bạn muốn hiển thị đầu trang, chân trang hoặc thanh bên khác trên trang web của mình. Ví dụ: bạn có thể muốn hiển thị một thanh bên khác nhau cho mỗi bài đăng và trang trong WordPress.
Hoặc bạn có thể muốn thay đổi giao diện trang web của mình cho một số danh mục nhất định bằng cách hiển thị đầu trang, chân trang hoặc thanh bên tùy chỉnh. Ví dụ: bạn có thể hiển thị các bài đăng gần đây từ danh mục cụ thể đó trong thanh bên tùy chỉnh.
Như đã nói, chúng ta hãy xem cách dễ dàng thêm đầu trang, chân trang hoặc thanh bên tùy chỉnh cho từng danh mục trong WordPress. Chúng tôi sẽ đề cập đến ba phương pháp:
Phương pháp 1: Thêm thanh bên tùy chỉnh cho từng danh mục bằng plugin
Phương pháp 2: Thêm Đầu trang hoặc Chân trang tùy chỉnh cho từng danh mục bằng Trình tạo chủ đề
Phương pháp 3: Thêm Đầu trang, Chân trang hoặc Thanh bên tùy chỉnh cho từng danh mục bằng mã
Phương pháp 1: Thêm thanh bên tùy chỉnh cho từng danh mục bằng plugin
Phương pháp này là tốt nhất nếu bạn đã hài lòng với thiết kế trang web của mình và chỉ muốn thay đổi các thanh bên và không muốn thay đổi gì khác.
Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Easy Custom Sidebars. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.
Sau khi kích hoạt, bạn cần truy cập trang Giao diện » Thay thế thanh bên để tạo thanh bên tùy chỉnh.
Đầu tiên bạn cần nhập tên cho sidebar. Đối với hướng dẫn này, chúng tôi sẽ gọi nó là 'Blogging' vì chúng tôi muốn hiển thị nó cho danh mục Viết blog.
Sau đó, bạn nên chọn thanh bên nào sẽ được thay thế bằng thanh bên tùy chỉnh của bạn.
Tiếp theo, bạn sẽ cần chọn thời điểm hiển thị thanh bên tùy chỉnh. Bạn sẽ thấy các bài đăng, trang, danh mục và thẻ của mình được liệt kê ở cột bên trái của màn hình.
Bạn cần nhấp vào mũi tên bên cạnh Danh mục, sau đó chọn hộp cho danh mục Viết blog. Sau đó, bạn cần nhấp vào nút ‘Thêm vào thanh bên’.
Bạn sẽ nhận thấy danh mục Viết blog hiện xuất hiện trong phần Thay thế thanh bên và thanh bên sẽ được hiển thị cùng với danh mục đó. Nếu muốn, bạn có thể thêm nhiều danh mục và thanh bên sẽ được thêm vào tất cả chúng.
Bây giờ bạn nên nhấp vào nút ‘Tạo thanh bên’ để tạo thanh bên tùy chỉnh đầu tiên của mình.
Công việc tiếp theo của bạn sẽ là thêm các widget vào thanh bên. Bạn có thể tìm hiểu cách thực hiện bằng cách làm theo hướng dẫn của chúng tôi để tìm hiểu cách thêm tiện ích vào thanh bên.
Thanh bên tùy chỉnh dễ dàng cho phép bạn tạo bao nhiêu thanh bên tùy chỉnh tùy thích và gán từng thanh bên cho các danh mục khác nhau trên trang web WordPress của bạn.
Phương pháp 2: Thêm Đầu trang hoặc Chân trang tùy chỉnh cho từng danh mục bằng Trình tạo chủ đề
Phương pháp này là tốt nhất nếu bạn muốn có toàn quyền kiểm soát các thanh bên, đầu trang và chân trang trên mỗi trang để mang đến cho trang web của bạn một thiết kế độc đáo.
Để làm điều đó, chúng tôi khuyên bạn nên sử dụng SeedProd.
SeedProd là plugin xây dựng chủ đề WordPress tốt nhất cho phép bạn dễ dàng tạo chủ đề WordPress tùy chỉnh mà không cần viết bất kỳ mã nào. Điều này bao gồm việc tạo đầu trang, chân trang và mọi thứ khác cần thiết cho một chủ đề WordPress hấp dẫn.
Bạn có thể tìm hiểu cách tạo nhanh chủ đề WordPress bằng cách làm theo hướng dẫn của chúng tôi về cách dễ dàng tạo chủ đề WordPress tùy chỉnh mà không cần bất kỳ mã nào.
Sau khi bạn thực hiện xong việc này, SeedProd giúp việc tạo đầu trang và chân trang tùy chỉnh cũng như thiết lập các quy tắc để chúng chỉ được hiển thị trong một số trường hợp nhất định, chẳng hạn như khi bạn đang xem một danh mục cụ thể trở nên đơn giản.
Để bắt đầu, chúng ta sẽ tạo một chân trang tùy chỉnh. Bạn có thể tạo chân trang mới bằng cách nhấp vào nút ‘Thêm mẫu chủ đề mới’ màu cam ở đầu trang. Thao tác này sẽ hiển thị một màn hình nơi bạn có thể tạo mẫu chủ đề mới, chẳng hạn như chân trang.
Bạn nên bắt đầu bằng cách đặt tên cho mẫu. Đối với hướng dẫn này, chúng tôi sẽ gọi nó là ‘Chân trang - Viết blog’. Sau đó, bạn cần chọn 'Chân trang' từ menu thả xuống Loại, sau đó chọn mức độ ưu tiên, xác định chân trang nào được hiển thị nếu nhiều chân trang khớp với trang hiện tại.
Footer có độ ưu tiên lớn nhất sẽ được hiển thị. Vì chân trang mặc định có mức độ ưu tiên là 0 nên chúng tôi sẽ ưu tiên chân trang này là 1 để đảm bảo nó được hiển thị trên các trang phù hợp.
Sau đó, bạn sẽ cần thiết lập các điều kiện khi nào chân trang sẽ hiển thị. Trong trường hợp của chúng tôi, chúng tôi muốn nó được hiển thị cùng với danh mục Viết blog.
Để làm điều đó, bạn nên đảm bảo cài đặt Điều kiện đầu tiên là 'Bao gồm', sau đó chọn 'Có Danh mục' từ trình đơn thả xuống ở giữa. Cuối cùng, bạn cần nhập ‘blogging’ vào trường cuối cùng rồi nhấp vào nút ‘Save’ để lưu cài đặt của mình.
Có một cách khác để tạo chân trang tùy chỉnh. Thay vì tạo từ đầu, bạn chỉ cần sao chép chân trang gốc bằng cách nhấp vào liên kết 'Sao chép' của nó. Chúng tôi sẽ làm điều đó cho hướng dẫn này.
Điều này sẽ tạo một bản sao chính xác của chân trang hiện tại mà bạn có thể tùy chỉnh. Tiếp theo, bạn sẽ cần nhấp vào liên kết 'Chỉnh sửa Điều kiện' bên dưới mục mới, sau đó chọn tên và điều kiện như khi tạo mẫu mới ở trên.
Bây giờ là lúc tùy chỉnh chân trang mới. Chỉ cần nhấp vào tên của nó và nó sẽ được mở trong trình chỉnh sửa kéo và thả của SeedProd.
SeedProd giúp bạn dễ dàng thêm các khối mới vào chân trang. Bạn cũng có thể nhấp vào khối hiện có để chỉnh sửa màu sắc, văn bản và các tùy chọn khác.
Đối với hướng dẫn này, chúng ta chỉ cần thay đổi màu nền thành màu xanh lá cây.
Khi bạn hài lòng với chân trang tùy chỉnh của mình, hãy đảm bảo bạn nhấp vào mũi tên xuống bên cạnh 'Lưu' và sau đó nhấp vào 'Xuất bản'. Điều này sẽ lưu trữ các thay đổi của bạn và đẩy chân trang trực tiếp.
Xin chúc mừng, chân trang mới của bạn sẽ được hiển thị khi xem trang lưu trữ danh mục Viết blog cũng như khi xem các bài đăng trong danh mục Viết blog.
Đây là giao diện khi xem một bài đăng trong danh mục Viết blog.
Bây giờ bạn đã tạo chân trang tùy chỉnh, bạn có thể lặp lại các bước để tạo tiêu đề tùy chỉnh chỉ được hiển thị cho các danh mục cụ thể.
Phương pháp 3: Thêm Đầu trang, Chân trang hoặc Thanh bên tùy chỉnh cho từng danh mục bằng mã
Nếu bạn đã quen với mã thì bạn có thể sử dụng phương pháp này để hiển thị đầu trang, chân trang hoặc thanh bên tùy chỉnh trên các trang lưu trữ danh mục nhất định và các bài đăng thuộc một danh mục cụ thể.
Để thực hiện việc này, bạn sẽ cần thêm đoạn mã vào tệp chủ đề của mình. Nếu bạn chưa từng làm điều này trước đây, hãy xem hướng dẫn của chúng tôi về cách sao chép và dán mã trong WordPress.
Bạn cũng có thể muốn xem các bài đăng của chúng tôi về cách thêm mã tùy chỉnh vào đầu trang và chân trang cũng như bốn cách chỉnh sửa chân trang trong WordPress.
Thêm tiêu đề tùy chỉnh cho từng danh mục bằng mã
Để thêm tiêu đề tùy chỉnh vào các bài đăng trong một danh mục nhất định, chẳng hạn như 'Blogging', bạn sẽ cần mở tệp single.php của chủ đề và thay thế mã tiêu đề thông thường bằng mã này:
<?php if (in_category('Blogging')) {
get_header('blogging');
} else {
get_header();
} ?>
Mã này cho WordPress biết rằng nếu ai đó xem một bài đăng trong danh mục ‘Blogging’ thì nó cần hiển thị một tệp có tên header-blogging.php nếu nó tồn tại. Nếu nó không tồn tại hoặc bài đăng không thuộc danh mục ‘Blogging’ thì WordPress sẽ hiển thị tệp tiêu đề mặc định.
Đảm bảo bạn thay đổi 'Blogging' trên Dòng 1 thành tên danh mục của bạn và 'blogging' trên Dòng 2 thành tên tiêu đề tùy chỉnh của bạn.
Nếu bạn muốn hiển thị chân trang tùy chỉnh trên nhiều danh mục hoặc nếu bạn có nhiều tiêu đề tùy chỉnh thì bạn có thể sử dụng một cái gì đó như thế này:
<?php if (in_category(array('Blogging', 'Photography'))) {
get_header('blogging');
} elseif (in_category('News'))) {
get_header('news');
} else {
get_header();
} ?>
Điều này sẽ hiển thị tiêu đề tùy chỉnh header-blogging.php trên các bài đăng trong danh mục 'Blogging' hoặc 'Nhiếp ảnh'. Nó cũng sẽ hiển thị tiêu đề header-news.php cho tất cả các bài đăng trong danh mục ‘Tin tức’. Đối với tất cả các bài đăng khác, nó sẽ hiển thị tiêu đề header.php mặc định.
Cho đến nay chúng tôi chỉ hiển thị tiêu đề tùy chỉnh khi xem các bài đăng trong một số danh mục nhất định. Bạn cũng có thể muốn hiển thị tiêu đề tùy chỉnh khi xem trang lưu trữ danh mục.
Để làm điều đó, bạn sẽ cần sửa đổi tệp category.php của chủ đề. Nếu chủ đề của bạn không có tệp đó thì bạn có thể tạo mẫu danh mục của riêng mình hoặc chỉnh sửa tệp archive.php hoặc index.php của chủ đề.
Bạn sẽ cần mở tệp và thay thế mã tiêu đề thông thường của mình bằng mã này. Lưu ý rằng dòng đầu tiên hơi khác so với mã chúng tôi đã sử dụng ở trên.
<?php if (is_category('Blogging')) {
get_header('blogging');
} else {
get_header();
} ?>
Lưu ý: Hàm ‘in_category()’ kiểm tra xem bài đăng có thuộc danh mục nhất định hay không. Hàm 'is_category()' kiểm tra xem bạn có đang xem kho lưu trữ danh mục nhất định hay không.
Thêm chân trang tùy chỉnh cho từng danh mục bằng mã
Hiển thị chân trang tùy chỉnh cho một số danh mục nhất định cũng tương tự. Để có chân trang riêng cho từng danh mục, bạn cần chỉnh sửa mẫu single.php của chủ đề và thay thế mã chân trang bằng mã sau:
<?php if (in_category('Blogging')) {
get_footer('blogging');
} else {
get_footer();
} ?>
Đảm bảo bạn thay đổi mã để sử dụng tên danh mục và chân trang tùy chỉnh của bạn.
Bạn cũng nên sửa đổi tệp category.php của chủ đề, thay thế mã chân trang bằng đoạn mã này. Một lần nữa, hãy đảm bảo bạn bao gồm tên của danh mục và chân trang tùy chỉnh mà bạn muốn sử dụng.
<?php if (is_category('Blogging')) {
get_footer('blogging');
} else {
get_footer();
} ?>
Bạn nên tham khảo ‘Thêm tiêu đề tùy chỉnh cho từng danh mục bằng mã’ ở trên nếu bạn cần thêm chi tiết.
Thêm thanh bên tùy chỉnh cho từng danh mục bằng mã
Bạn cũng có thể sử dụng phương pháp tương tự để hiển thị thanh bên tùy chỉnh cho một số danh mục nhất định. Bạn cần chỉnh sửa mẫu single.php của chủ đề, sau đó thay thế mã thanh bên bằng mã này:
<?php if (in_category('Blogging')) {
get_sidebar('blogging');
} else {
get_sidebar();
} ?>
Bạn sẽ cần chỉnh sửa đoạn mã có tên danh mục và thanh bên tùy chỉnh mà bạn muốn sử dụng.
Bạn cũng cần sửa đổi mẫu category.php của chủ đề, thay thế mã thanh bên bằng mã sau:
<?php if (is_category('Blogging')) {
get_sidebar('blogging');
} else {
get_sidebar();
} ?>
Nếu bạn cần thêm chi tiết, hãy xem phần ‘Thêm tiêu đề tùy chỉnh cho từng danh mục bằng mã’ ở trên.
Chúng tôi hy vọng hướng dẫn này đã giúp bạn tìm hiểu cách dễ dàng thêm đầu trang, chân trang hoặc thanh bên tùy chỉnh cho từng danh mục trong WordPress. Bạn cũng có thể muốn tìm hiểu cách kiếm tiền trực tuyến bằng cách viết blog bằng WordPress hoặc xem danh sách các lỗi WordPress phổ biến của chúng tôi và cách khắc phục chúng.
Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook.