Cách dùng CSS bổ sung để chỉnh Font site WP mà không cần can thiệp vào code

Bạn cài theme cho site WP của mình và thấy thất vọng vì font chữ quá nhỏ, rất khó đọc phải làm thế nào đây bài viết này mình sẽ chia sẻ với các bạn Cách dùng CSS bổ sung để chỉnh Font  mà không cần can thiệp vào code.

Mình xin minh họa cách làm cho chữ lớn lên và dãn cách dòng để cho bài viết dễ đọc hơn trên theme PostBoard đây là một theme của theme junkie mà mình thích dùng nhất bởi nó nhẹ, đơn giản và không kém phần chuyên nghiệp.

Trước hết ta hãy xem thử một bài viết khi mới cài theme chưa can thiệp gì cả

Rõ ràng là các bạn thấy chữ quá nhỏ đúng không nào, bây giờ ta sẽ tiến hành chỉnh sửa CSS bổ sung nha.

Bước 1. Tìm đoạn mã font trong code

Ta truy cập code chỉ là để tìm đoạn mã thôi chứ không hề chỉnh sửa trong đó nha các bạn

Các bạn đăng nhập quyền quản trị site vào “Giao diện” -> “Sửa giao diện”

Trong trường hợp này ta chọn file style.css để chỉnh sửa

Các bạn tìm và sao chép đoạn code sau:

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; word-wrap: break-word; border: 0; outline: 0; background: transparent; }


Các bạn chép nguyên đoạn code đó sau đó vào “Giao diện” ->”Tùy biến”

Read:   Hướng dẫn cài wordpress VPS Vultr và cài SSL miễn phí luôn

Vào tiếp “CSS bổ sung” và dán nguyên đoạn code đó vào

Bạn lưu lại nhưng vẫn thấy chẳng thay đổi gì cả, đúng rồi vì CSS mình đã sửa đâu.

Bây giờ bạn tìm dòng font-size: 100%; Sửa lại thành font-size: 103%; sau đó lưu lại và ra xem kết quả nào.

Bạn thấy chữ đã dễ đọc chưa nào, bạn chỉ cần thay đổi duy nhất tham số này thôi, hãy thử từ 101% đến khoảng 104% cho đến khi nào thấy ưng ý thì thôi.

Trên đây mình chỉ hướng dẫn các bạn cách chỉnh cỡ chữ thôi còn việc chỉnh font chữ, khoảng cách dòng các bạn hãy thử khám phá xem sao.

Có lẽ bạn quan tâm tăng tốc cho blog WordPress

Update: Ngoài việc điều chỉnh cỡ chữ bạn cũng có thể dùng CSS để thay đổi kiểu chữ và các cách hiểu thị khác nữa.

Chúc các bạn phát hiện ra được những mã CSS hay để tùy biến cho giao diện của mình thêm hoàn thiện.

Hình đại diện của người dùng

admin

Trả lời

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 *