Bạn có muốn phân loại các danh mục khác nhau trên WordPress không?

Nhất Chủ đề WordPress sử dụng cùng một kiểu cho tất cả các trang lưu trữ danh mục. Tuy nhiên, nếu bạn có một trang web giàu nội dung, bạn có thể chọn hiển thị từng danh mục khác nhau để tối đa hóa tiềm năng của chúng.

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách hiển thị các danh mục khác nhau trên blog WordPress của bạn.

Chúng tôi mời bạn khám phá danh sách của chúng tôi. Nhưng trước tiên, nếu bạn chưa từng cài đặt WordPress, hãy tìm hiểu Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn 

Sau đó trở lại lý do tại sao chúng ta ở đây.

Tại sao lại đưa ra một phong cách khác cho các danh mục trên WordPress

Như chúng tôi đã nói trước đó, hầu hết Chủ đề WordPress sử dụng cùng một mẫu cho mỗi trang lưu trữ danh mục. Điều này là do các nhà phát triển của Chủ đề WordPress không biết bạn sẽ sử dụng các danh mục trên trang web của mình như thế nào.

Đọc cũng: Làm thế nào để hiển thị nội dung RSS chỉ cho thuê bao trên WordPress

Tuy nhiên, nếu bạn có một trang web giàu nội dung, thay đổi bố cục của trang lưu trữ danh mục có thể có tác động đáng kể đến cách người dùng tương tác với nội dung trên trang đó.

Ví dụ: nếu bạn quản lý một trang web tin tức hoặc tạp chí, bạn có thể hiển thị các thông báo địa phương trong danh mục tin tức địa phương. Bạn có thể xem thông tin thời tiết, xem những câu chuyện phổ biến nhất trong danh mục này, v.v.

Điều đó nói rằng, hãy xem cách dễ dàng tùy chỉnh các danh mục riêng lẻ trên WordPress.

Làm thế nào để đưa ra một phong cách cho thể loại

Có một số cách để phân loại các danh mục trên WordPress. Chúng tôi sẽ chỉ cho bạn hai phương pháp khác nhau để cung cấp cho các danh mục một phong cách khác nhau và bạn có thể chọn những phương pháp phù hợp nhất với nhu cầu và trình độ kỹ năng của mình.

Sử dụng một mẫu danh mục duy nhất trên một chủ đề WordPress

Các chủ đề WordPress tuân theo một hệ thống phân cấp mẫu tiêu chuẩn. Theo tên tệp mẫu, WordPress có thể tự động chọn đúng mẫu để hiển thị trang.

Ví dụ: nó tìm tệp tin.php để hiển thị các trang lưu trữ danh mục.

WordPress cũng cho phép bạn tạo mô hình cho các loại riêng lẻ. Giả sử bạn muốn phân loại danh mục "Apple Khác nhau. Bạn có thể làm điều này bằng cách thêm một tệp mẫu mới vào chủ đề WordPress của bạn và đặt tên cho nó loại-apple.php.

Kết nối với trang web WordPress của bạn bằng ứng dụng FTP, sau đó điều hướng đến / Wp-nội dung / chủ đề / chủ đề của bạn / và tạo một tệp mới có tên là category-apple.php. Hãy nhớ thay thế "Apple" bằng tên danh mục của bạn.

Thêm một danh mục wordpress mới

Bạn có thể sử dụng tập tin " category.php Về chủ đề WordPress của bạn như một điểm khởi đầu. Chỉ cần chỉnh sửa và sao chép tất cả nội dung của nó. Bây giờ đổi tên tệp mới của bạn thành " loại-apple.php Và dán mã bên trong.

Sau đó, bạn có thể bắt đầu thực hiện thay đổi cho mô hình danh mục cá nhân của bạn. Bạn có thể tạo và sử dụng một thanh bên khác cho danh mục này, biến nó thành một trang có chiều rộng đầy đủ, thêm một thông điệp chào mừng hoặc bất cứ điều gì bạn muốn.

Tạo kiểu cho các danh mục bằng mã CSS

WordPress tự động thêm các lớp CSS vào các yếu tố khác nhau trên trang web của bạn. Chúng bao gồm cả lớp cơ thể và lớp xuất bản.

Ví dụ: nếu bạn xem trang lưu trữ danh mục và sau đó sử dụng công cụ Kiểm tra, bạn sẽ nhận thấy các lớp CSS "danh mục" và tên danh mục trong thẻ "body".

Thẻ danh mục body wordpress

Bạn có thể sử dụng lớp CSS này cho từng danh mục riêng lẻ khác nhau bằng cách thêm CSS tùy chỉnh.

Đây là một ví dụ về CSS mà bạn có thể sử dụng làm điểm bắt đầu.

Body.category-apple {background-color: #EEEE; Nền: url ("http://example.com/wp-content/uploads/2017/background.jpg") không lặp lại cố định; color: #FFFFFF; } .category-apple .site {background: #232323; } .category-apple a {color: #CCCCCC; }

Đừng quên thay đổi tên danh mục trong lớp CSS bằng tên danh mục của bạn.

Chỉnh sửa danh mục mã css wordpress

Bây giờ bạn có thể thêm mã CSS tùy chỉnh trong WordPress. Tuy nhiên, nếu bạn cần một giải pháp cao cấp để thêm mã CSS tùy chỉnh, chúng tôi cung cấp 2 plugin WordPress phí bảo hiểm sẽ giúp bạn trong nhiệm vụ này.

1. Dễ dàng tùy chỉnh JS và CSS 

Ce Plugin WordPress premium là một trình soạn thảo mã CSS và JavaScript mạnh mẽ cho phép bạn thêm chúng vào bất kỳ phần nào trên trang web của mình. Nó cho phép bạn giữ các tùy chỉnh của mình ngay cả sau khi cập nhật lớn cho chủ đề WordPress của bạn. Dễ dàng tùy chỉnh js và css plugin wordpress tùy chỉnh bổ sung

Bạn có tùy chọn giới hạn lĩnh vực sử dụng mã được cá nhân hóa của mình. Ví dụ: bạn chỉ có thể sử dụng mã của mình cho một bài báo có định dạng video.

Xem bài viết của chúng tôi trên Cách yêu cầu chấp nhận các điều khoản sử dụng trên WordPress

Hoặc bạn có thể giới hạn mã của mình trong một chủ đề WordPress cụ thể; Điều này rất hữu ích nếu bạn hiện đang thay đổi chủ đề cho blog WordPress của mình.

Tải về | Bản demo | Web hosting

2. JavaScript & CSS tùy chỉnh trong Trang!

Nhờ đó Plugin WordPress, bạn có thể thêm Các kiểu CSS và JavaScript tùy chỉnh trên các trang cụ thể. Nó cũng cho phép bạn xác định quy tắc cho nhiều trang. Bằng cách này, bạn có thể có các kiểu được xác định trước hoặc duy nhất cho các phần cụ thể.

Css javascript tùy chỉnh trong các trang plugin wordpress e1558356028853

Giống như bất kỳ tính năng nào khác được cung cấp bởi tính năng này Plugin WordPress, bạn có thể dễ dàng bao gồm các tập lệnh khác nhau trên các trang khác nhau trên trang web của mình.

Tải về | Bản demo | Web hosting

Tài nguyên đề xuất

Tìm hiểu về các tài nguyên được đề xuất khác để giúp bạn xây dựng và quản lý trang web của mình.

Kết luận

Đây ! Đó là nó cho hướng dẫn này, tôi hy vọng nó sẽ cho phép bạn thêm mã CSS tùy chỉnh trên WordPress. thoải mái để chia sẻ bài viết này với bạn bè của bạn trên các mạng xã hội yêu thích của bạn

Tuy nhiên, bạn cũng sẽ có thể tham khảo ý kiến ​​của chúng tôi ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress.

Nếu bạn có đề xuất hoặc nhận xét, hãy để lại trong phần của chúng tôi ý kiến.

...