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.
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".
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.
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.
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ể.
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.
- 8 plugin WordPress để thêm hệ thống dịch trên blog
- 5 plugin WordPress để tạo lịch trên blog
- Hướng dẫn trong các bước 4 để xây dựng thẩm quyền của bạn thông qua blog của bạn
- Một số plugin WordPress để chuyển hướng
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.
...
Salut!
Xin hãy xem nếu bạn có thể giúp tôi vì tôi đang bốc khói
Tôi đang mở một cửa hàng trực tuyến với divi và woocommerce và tôi đang gặp sự cố vì tôi không thể tùy chỉnh trang danh mục.
Tôi chuyển liên kết cho bạn xem:
https://chachocarp.com/product-category/los-mas-vendidos
Điều tôi muốn thay đổi là:
1. Tôi có 24 sản phẩm trong danh mục này và thay vì hiển thị nó trên hai trang trong số 12 sản phẩm, nó lại hiển thị chúng trên ba trang 9, 9 và 6 và nó rất rõ ràng.
2. Tôi đã không giữ cấu hình di chuột khi di chuột qua các sản phẩm. Tôi muốn độ trong suốt có màu xanh lam và các chữ "xem sản phẩm là naranaja" giống như trong mô-đun cửa hàng của trang chính.
3. Tôi muốn thanh bên trái hiển thị tất cả các danh mục và danh mục phụ.
Làm sao anh ta làm điều đó?
Merci pour tấn phụ tá
Xin chào Miguel
Vui lòng đặt câu hỏi trên một bài báo liên quan đến WooCommerce hoặc Divi. Và rất hân hạnh là tôi sẽ trả lời bạn. 😉