Cách Css tăng cỡ chữ trên toàn bộ website WordPress

22 Th1, 2024 Wordpress 0

Để tăng cỡ chữ trên toàn bộ website WordPress, bạn có thể thêm một đoạn mã CSS tùy chỉnh vào theme của bạn. Dưới đây là cách làm:

Tùy Chỉnh CSS Trong Customizer

Đăng nhập vào bảng quản trị WordPress của bạn.
Truy cập Appearance > Customize để mở WordPress Customizer.
Tìm tùy chọn Additional CSS hoặc tương đương tùy thuộc vào theme bạn đang sử dụng.
Thêm đoạn mã CSS sau:

   body {
       font-size: 120%; /* Thay thế 16px bằng cỡ chữ bạn muốn */
   }

Lưu ý rằng, nếu website của bạn sử dụng các đơn vị font khác nhau cho các phần khác nhau (ví dụ: pixel, em, rem), bạn có thể cần phải điều chỉnh các đoạn mã CSS cho các phần cụ thể đó.

Lưu thay đổi và xuất bản.

Tùy Chỉnh CSS Trong Theme Child

Nếu bạn đã tạo một theme child (điều này được khuyến nghị để không mất các tùy chỉnh khi cập nhật theme chính), bạn có thể thêm mã CSS trực tiếp vào tệp style.css của theme child:

Truy cập phần quản trị tập tin của website thông qua FTP hoặc File Manager trên cPanel.
Đi đến thư mục wp-content/themes/your-child-theme, thay your-child-theme bằng tên thư mục của theme child của bạn.
Mở tệp style.css và thêm mã CSS tương tự như trên.

Sử Dụng Plugin

Cũng có các plugin cho phép bạn thêm CSS tùy chỉnh vào website của mình. Một trong những plugin phổ biến là “Simple Custom CSS” hoặc “WP Add Custom CSS“. Bạn có thể cài đặt plugin và sử dụng nó để thêm mã CSS.

Lưu ý: Khi tăng cỡ chữ, hãy xem xét các yếu tố khác như khoảng cách dòng (line-height) và khoảng cách giữa các chữ (letter-spacing) để đảm bảo rằng văn bản vẫn dễ đọc sau khi tăng cỡ chữ.