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

Làm thế nào để thêm một lớp thậm chí / mặt hàng lẻ trên WordPress của bạn

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 thêm các lớp chẵn và lẻ vào các bài viết về chủ đề blog WordPress của mình không? Thêm một lớp sẽ cho phép bạn hiển thị một phong cách cụ thể cho mỗi bài viết.

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách hiển thị các lớp chẵn hoặc lẻ trên WordPress.

để hiển thị các lớp lẻ ngay cả các lớp truy xuất WordPress

Tại sao thêm lớp? cặp "Hoặc" Odd »Về chủ đề blog WordPress của bạn?

Nhiều chủ đề WordPress sử dụng một lớp cũ hoặc thậm chí cho các nhận xét WordPress. Nó cho phép người dùng xem nơi một bình luận kết thúc và bình luận kia bắt đầu.

Tương tự như vậy, bạn có thể sử dụng kỹ thuật này cho các bài báo của mình. Nó trông đẹp mắt về mặt thẩm mỹ khi cho phép người dùng quét nhanh các trang có dung lượng lớn. Điều này đặc biệt hữu ích cho trang chủ của các trang báo hoặc tạp chí.

Điều đó nói rằng, hãy xem làm thế nào để thêm một lớp học trong các bài viết của blog WordPress của bạn.

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í]

Làm thế nào để thêm một lớp học thậm chí / lẻ trên WordPress

WordPress tạo các lớp CSS mặc định và thêm chúng vào các bài viết khác nhau trên trang web của bạn một cách nhanh chóng. Các lớp CSS này giúp các nhà phát triển plugin và chủ đề thêm các kiểu riêng cho mỗi bài viết khác nhau.

WordPress cũng cung cấp một chức năng gọi là " Post_class Được sử dụng bởi các nhà phát triển chủ đề để thêm các lớp vào bài viết.

Chức năng Post_class Cũng là một bộ lọc, có nghĩa là bạn có thể thao tác với. Đó chính xác là những gì chúng ta sẽ làm ở đây.

Chỉ cần thêm mã này vào tệp functions.php của chủ đề WordPress của bạn.

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]

function oddeven_post_class ($ classes) {toàn cầu $ current_class; $ classes [] = $ current_class; $ current_class = ($ current_class == 'lẻ')? 'even': 'lẻ'; trả về $ lớp học; } add_filter ('post_class', 'oddeven_post_class'); $ current_class toàn cầu; $ current_class = 'lẻ';

Chức năng này chỉ cần thêm một lớp học cho các mục lẻ và thậm chí.

Bạn sẽ tìm thấy các lớp chẵn và lẻ trong mã nguồn của trang web của bạn. Chỉ cần đưa chuột đến tiêu đề của một bài báo, sau đó nhấp chuột phải để Kiểm tra mục.

xem trước thậm chí lẻ WordPress bài viết

Bây giờ bạn đã thêm các lớp chẵn và lẻ vào bài viết của mình. Bước tiếp theo là tạo cho chúng một phong cách riêng với CSS. Bạn có thể thêm mã CSS tùy chỉnh của mình vào chủ đề con của mình hoặc bằng cách sử dụng một plugin CSS đơn giản.

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

ngay cả {background: #f0f8ff; } .odd {background: #f4f4fb; }

Đây là cách kết quả có thể là:

thay thế màu sắc bài viết WordPress

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]

Bạn sẽ cần thực hành một chút để đạt được kết quả tốt, nhưng đối với điều này, bạn sẽ cần phải thành thạo CSS hoặc chỉ sử dụng một công cụ như CSS Hero.

Nó đơn giản như thế. Tôi hy vọng hướng dẫn này sẽ giúp ích cho bạn. Hãy đặt câu hỏi cho chúng tôi hoặc chia sẻ hướng dẫn 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.

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

Để 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
12 cổ phiếu
cổ phiếu8
tweet1
Enregistrer3