Hướng dẫn tùy chỉnh lại bài viết mới trong genesis

Như các bạn đã biết thì genesis framework mặc định đã tích hợp sẵn widgets bài viết mới, nhưng cũng bởi vì nó quá đơn giản nên đẫn đến một số bạn lại không thích bằng cách tìm đến những plugin hỗ trợ bài viết mới, ví dụ như wp tab widget của mythemeshop hoặc một plugin nào khác.

Nhưng đôi khi việc lạm dụng quá nhiều plugin dẫn đến việc tốc độ trang web của bạn bị giảm đáng kể, không những thế nó còn ảnh hưởng rất nhiều đến tiêu chí SEO của google, bạn cảm tưởng khi truy cập một trang web mà load mãi không được thì điều này rất là bực mình, nếu đã dơi vào tình trạng như thế mình nghĩ bạn sẽ không còn đủ kiên nhẫn để chờ đợi nữa.

Hướng dẫn tùy biến bài viết mới theme genesis

Vậy giải pháp nào giúp bạn có thể thay đổi hoàn toàn giao diện bài viết mới recent post trong genesis mà không cần dùng đến một plugin hỗ trợ nào? Câu trả lời cho bạn là chúng ta có thể tùy biến recent post một cách dễ dàng, đơn giản và bài viết này dành cho những ai muốn thay đổi điều đó, muốn thay đổi khác so với 99% người sử dụng genesis còn lại.

Những việc cần làm khi tùy biến bài viết mới?

Vậy tôi sẽ viết cho bạn một quy trình cụ thể để bạn có thể dễ dàng thực hiện các bước mà không cần phải biết gì về code hay lập trình này lọ. Vì vậy đây sẽ là những gì bạn cần làm.

Bước 1: Sao chép toàn bộ chức năng vào file functions.php cảu bạn.
Bước 2: Sửa đổi danh sách và lớp tùy chỉnh.
Bước 3: Tùy biến CSS trong khu vực recent post của bạn
Bước 4: Tùy chỉnh CSS cho phù hợp với theme bạn đang dùng

Xin lưu ý là hướng dẫn này không giới hạn đối với bất kỳ theme nào, nên bạn có thể áp dụng với tất cả child theme nào nếu muốn. Hơn nữa hãy backup lại dữ liệu của bạn trước khi thực hiện những bước bên dưới, đúng vậy hãy sao lưu lại dữ liệu files functions.php trước khi thực hiện mọi thay đổi.

1. Thêm mã chức năng

Thêm mã sau vào cuối cùng file functions.php trong thư mục child theme.

2. Tùy chỉnh CSS

Thêm đoạn mã sau vào tập tin CSS của bạn

3. Kết quả

Và đó là tất cả những gì bạn cần làm, lưu lại rồi làm mới trang web của bạn. Bạn sẽ thấy tiện ích bài đăng mới của mình đã tự động đánh số.

 

Lời kết

Trên đây là bài hướng dẫn bạn cach làm thế nào để tùy biến bài viết mới trên theme genesis framework, hy vọng bài viết này sẽ hữu ích cho bạn. Hãy cho tôi biết bất kì thắc mắc nào bên dưới 🙂