GeneratePress là theme cho WordPress mà thèng bibica.net dùng từ ngày đầu tiên từ 2017, tất nhiên là ban đầu dùng bản miễn phí thôi 😀 sau này thì dùng bản Premium và dùng tới hiện tại, lý do chính nhất thì vẫn là do mình lười đổi giao diện chứ cũng không phải GeneratePress thần thánh hay gì cho cam 😀
Bước 1: Cài đặt GeneratePress miễn phí từ WordPress
Bước 2: Cài đặt GP Premium (trong trường hợp bạn nào thích dùng bản license lifetime để có thể tự cập nhập, thì có thể liên hệ mình trong phần contact), đơn giản nhất Google phát là ra cả đống 😀
Bước 3: Cài đặt và active GeneratePress Child
Dùng trên bản child theme để khi GeneratePress cập nhập, các tùy chỉnh của bạn vẫn còn giữ lại
Bước 4: Import file .json vào
Bước 5: Add CSS, mình có chú thích nhỏ ở mỗi vị trí, hi vọng bạn đọc hiểu :
Nội dung file css thì chỉ có đoạn Widget bên phải mình set nó giữ nguyên sticky là hơi lạ, còn lại thì chỉ chỉnh sửa màu sắc, vị trí cho hợp mắt, điều chỉnh lại cho phù hợp với nhu cầu của bạn
Về cơ bản 5 bước trên là xong phần giao diện
Bước 6: add 1 số tính năng nhỏ
Sử dụng Code Snippets tạo 1 file php với nội dung Hiển trị cập nhập mới nhất ngoài trang chủ.php
Lý thuyết Google chỉ quan tâm vào ngày bạn cập nhập bài viết, chứ không quan tâm ngày bạn tạo bài viết, thường mọi người chỉ giữ lại phần ngày update
Cá nhân thì mình giữ lại cả 2 giá trị này post and uptime date, view, comment GENERATEPRESS.php, icon thì mình dùng từ thời font awesome v4 =)) bạn nào muốn hiện icon ra giống thế thì cài font awesome v4 vào, vì GeneratePress mới nhất không còn dùng
Cài đặt font awesome v4
Download file fonts về, giải nén cùng thư mục htdocs (nơi có file wp-config.php)
Sử dụng Code Snippets tạo 1 file php với nội dung font awesome v4.php
Trong trường hợp bạn muốn tối ưu thêm về font awesome v4 thì có thể tham khảo bài viết gốc tại đây
Đó là toàn bộ cấu hình GeneratePress mình đang dùng trên thèng bibica.net 😀 demo trên 1 trang mới hoàn toàn thì bạn có thể xem tại haproxy.tech
Fixed: ảnh trong bài viết bị mờ
Một lỗi khá buồn cười, mà nay mình mới để ý 😀
Trước đây thì mình luôn dùng ảnh độ phân giải thấp, bản thân nó nén lại, nên cứ nghĩ do ảnh nén làm chất lượng đi xuống 😛 mà nay để full ảnh, vẫn thấy ảnh bị mờ mờ, trong khi ấn vào tấm ảnh, thì thấy rõ ràng nó rất sạch sẽ, màu sắc đẹp :((
Đổi thử theme khác thì thấy ảnh nét kăng đét 😀 chụp hình các thứ tính vào support của GeneratePress để gào rú mà lúc tạo bài, ấn vào thì thấy nó ra 1 số thứ liên quan tới photo blurred, ấn vào xem thì thấy đa phần là do chỉnh sửa css 😀
Vào xóa hết các css thêm vào thì thấy đúng là nét lại 😛 xem lại từng dòng thì cuối cùng mới thấy là dòng trong ảnh
Phá quá phá luôn 😀
Trông khá giống https://laptrinh.org/
Chưa cài font awesome v4 kìa 😀