Thủ thuật, CSS Ngày 04/11/2021 5271 lượt xem

Làm list category đẹp cho blog trong wordpress

Khi làm blog hoặc trang thủ thuật thì các danh mục ( category ) rất quan trọng , nó đóng vai trò là chuyên mục chính của…

Lê Anh ĐôngFlatsome trên Google News

Làm list category đẹp cho blog trong wordpress

Khi làm blog hoặc trang thủ thuật thì các danh mục ( category ) rất quan trọng , nó đóng vai trò là chuyên mục chính của mỗi web , Để làm đẹp nó ở sidebar hôm nay mình sẽ chỉ bạn cách làm nhé

Làm list category đẹp cho blog trong wordpress
Làm list category đẹp cho blog trong wordpress

Làm list category đẹp cho blog trong wordpress

Làm list category đẹp cho blog trong wordpress
Làm list category đẹp cho blog trong wordpress

Trong wordpress mỗi Chuyên mục tại ra có một Class có tên Cat-item

Name class này được sắp xêp theo dạng class – Số ID của chuyên mục

Chú ý : cần yêu cầu cài   Font Awesome 5 bản miễn phí

OK , bắt tay vào vấn đề ( như hình chia 2 cho list danh mục ) ta có css sau :

Như list trên ta tạo được 1 list chia làm 2 , có hiệu ứng Hover chuột cho mỗi chuyên mục

Làm list category đẹp cho blog trong wordpress
Làm list category đẹp cho blog trong wordpress

 

Để làm 2 chuyên mục như Hình Ảnh Videos ta có Css riêng của mỗi chuyên mục ( 2 class tương ứng với 2 chuyên mục cần css )

cần tham khảo vui lòng xem demo bên SIdebar nhé

Nếu bạn có yêu cầu hoặc thắc mắc gì vui lòng commem bên dưới để được giúp đỡ nhé

Chúc bạn thành công !

Điểm 5/5 - ( Có 2 bình chọn)

Có Nhận xét cho "Làm list category đẹp cho blog trong wordpress"

  1. Pingback: Active Theme Flatsome bằng lệnh trong phpMyAdmin - FLATSOME - FREE EVERY THING

  2. Pingback: Làm list category đẹp cho blog trong wordpress - FLATSOME - FREE EVERY THING

  3. Pingback: Hướng dẫn fix truy cập Trang đăng nhập bị chuyển hướng - FLATSOME - FREE EVERY THING

  4. Pingback: Cách Stick Sidebar trong theme flatsome - FLATSOME - FREE EVERY THING

  5. Pingback: Css làm chuyên mục đẹp cho blog wordpress – Chợ theme web

  6. Pingback: Làm list category đẹp cho blog trong wordpress - FLATSOME - FREE EVERY THING

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

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Các dịch vụ của FLATSOME.XYZ