Bỏ qua đến nội dung chính

Làm thế nào để đưa ra một phong cách độc đáo với các phạm trù khác nhau của WordPress

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 701.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

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

Hầu hết các 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 theo một cách 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 các 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 chủ đề WordPress không biết cách bạn sẽ sử dụng các danh mục trên trang web của mình.

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

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

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.

Bạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

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 vào WordPress. Nhưng, nếu bạn cần một giải pháp cao cấp để quản lý để thêm mã CSS tùy chỉnh, chúng tôi cung cấp dưới 2 plugin WordPress cao cấp sẽ giúp bạn trong nhiệm vụ này.

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

Plugin WordPress cao cấp này là một trình chỉnh sửa 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ờ có plugin WordPress này, 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 plugin WordPress này, 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.

Dễ dàng tạo Cửa hàng trực tuyến của bạn

Tải xuống miễn phí WooCommerce, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Đề xuất]

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.

...  

Bài viết này chứa comments 2

  1. 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á

    1. 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. 😉

Để lại một bình luận

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang
7 cổ phiếu
cổ phiếu4
tweet1
Enregistrer2