Như chúng ta đã biết mỗi một Category trong WordPress có mỗi phần mô tả cũng như slug riêng biệt. Phần mô tả của mỗi một Category khá là quan trọng trong vấn để muôn thuở, đó là SEO. Nhưng làm thế nào để SEO category tốt, vấn đề này sẽ được để cập ở một bài viết khác. Bài viết sau sẽ hướng dẫn bạn tùy biến – trang trí khung giới thiệu Category trong Genesis sao cho đẹp mắt – gây ấn tượng với người dùng.
Nếu Category của bạn chưa có phần mô tả như bên dưới thì bạn phải thêm phần mô tả cho mỗi một Category bằng cách bạn vào Posts > Categories > sau chọn Category cần nhập mô tả ở vùng Description.
Sau khi bạn đã hoàn thành bước nhập phần mô tả cho Category thì giao diện khi khách ghé thăm mỗi category trước khi thay đổi như sau:
Mỗi một category trong Genesis Framework đều có cấu trúc CSS bao gồm các class như sau:
- archive-description: class chung cho toàn bộ khung mô tả category
- archive-title: class cho thẻ tiêu đề category
- thẻ p: dùng để thể hiện dòng mô tả category
Để tùy biến thì chúng ta cần can thiệp – chỉnh sửa vào các class bên trên trong tập tin style.css trong Genesis child theme mà thôi. Ví dụ mình sẽ thay đổi bằng đoạn mã CSS như sau:
https://gist.github.com/nhatdongnguyen/f179d07dd3405ed4a931.js
Sau khi phù phép bằng đoạn mã bên trên thì kết quả ta có là:
Cách làm trên áp dụng cho tất cả các khung mô tả category trong Genesis. Trong trường hợp bạn muốn trang tri cho từng khung mô tả cho mỗi riêng biệt bạn chỉ cần áp dụng CSS Selector là xong ngay.
Chúc bạn thành công.
[…] Icont Font hiện nay được sử dụng khá rộng rãi bởi các developer trong các theme dành cho WordPress cũng như thiết kế web. Icon Font là tập hợp các vector icon có thể dễ dàng tùy biến về kích cỡ – size, màu sắc – color và nhiều điều khác chỉ với những đoạn mã CSS đơn giản. […]