KIẾN THỨC MARKETING

Hướng dẫn chỉnh sửa font chữ trong Website WordPress

Cài đặt font cho wordpress

Bạn đang sử dụng wordpress chắn hẳn đã mắc phải lỗi font khi thay đổi theme mới, cụ thể là bị lỗi font tiêu đề trong wordpress hoặc những font chữ ở theme này không hỗ trợ các ký tự đặc biệt trong tiếng Việt như các dấu có mũ, dấu hỏi, dấu ngã, nặng việc này làm ảnh hưởng trực tiếp đến mỹ quan website wordpress của bạn. Tuy nhiên đừng lo ở bài viết này tôi sẽ hướng dẫn bạn cách chỉnh font chữ trong wordpress bằng plugin Easy Google Fonts một cách dễ dàng mà không cần biết đến code.

Easy Google Fonts là gì?

Easy Google Fonts là một plugin giúp thay đổi phông chữ tuỳ chỉnh của Google vào bất kỳ chủ đề WordPress nào mà không cần mã hóa. Plugin này được tích hợp với WordPress Customizer để bạn có thể xem trực tiếp phông chữ google trên trang web ngay lập tức. Nó tương thích với bất kỳ chủ đề nào.

Easy Google Fonts plugin wordpress

Ngoài ra nó cũng cho phép bạn tạo các phông chữ điều khiển chủ đề tuỳ chỉnh trong khu vực cài đặt quản trị để kiểm soát các dữ liệu css. Sau khi tạo các phông chữ tuỳ chỉnh này sẽ có ngay trong customizer mà không yêu cầu mã hóa.

Easy Google Fonts làm gì?

  • Plugin này cho phép bạn kiểm soát toàn bộ font chữ của bất kỳ chủ đề WordPress nào.
  • Nó cho phép bạn chọn từ hơn 600 + phông chữ google và chèn vào trang web mà không cần mã hóa.
  • Cho phép bạn xem trước các thay đổi phông chữ trên trang web của bạn trong thời gian thực bằng WordPress Customizer.
  • Tạo kiểm soát phông chữ tùy chỉnh không giới hạn, tạo các điều khiển phông chữ tuỳ chỉnh trong khu vực quản trị, ngay lập tức có sẵn trong bản xem trước của Customizer.
  • Cho phép bạn xem trước chủ đề của bạn trông như thế nào với phông chữ Google mới trước khi bạn lưu bất kỳ thay đổi nào.
  • Cho phép bạn tạo các điều khiển phông chữ và quy tắc của riêng mình trong khu vực quản trị (không yêu cầu mã hóa).
  • Cho phép bạn dễ dàng thay đổi giao diện trang web của bạn với một nút bấm.
  • Tự động enqueues tất cả các stylesheets cho phông chữ google đã chọn của bạn.
  • Cho phép bạn thêm phông chữ Google vào chủ đề của bạn mà không cần chỉnh sửa các tệp chính của chủ đề.

Tính năng chính của plugin

  • Live Customizer Preview: Xem trước các phông chữ của google mà không làm mới trang trong thời gian thực ngay trong WordPress Customizer.
  • Hơn 600 Phông chữ của Google để lựa chọn cũng như danh sách phông chữ hệ thống mặc định.
  • Làm việc với bất kỳ Theme WordPress nào. Không yêu cầu mã hóa.
  • Tự động cập nhật nền: Cập nhật danh sách phông chữ google với phông chữ mới nhất một cách tự động một lần.
  • Bản dịch đã sẵn sàng: bao gồm các tệp MO và PO.
  • Tích hợp WordPress liền mạch: Sử dụng tùy chỉnh WordPress để xem trước trực tuyến và có một khu vực quản trị viên nhãn màu trắng trông giống như nó là một phần của WordPress.
  • Tuỳ chỉnh WordPress Customizer Control: Một trong những điều khiển loại chỉ có sẵn với plugin này.

Cách chỉnh font chữ trong wordpress

1. Cài đặt Easy Google Fonts

Để cài đặt Easy Google Fonts bạn chỉ cần truy cập vào trang website https://wordpress.org/plugins/easy-google-fonts/ và tải về cài đặt như bình thường.

Hoặc có thể cài đặt trực tiếp trong phần Dashboard > Plugin > Add new tìm từ khóa “Easy Google Fonts”.

Cài đặt Easy Google Fonts wordpress

2. Cách sử dụng Easy Google Fonts

Sau khi cài đặt xong, truy cập vào Appearance > Customize chọn Typograpgy tại đây bạn có thể tùy chỉnh các kiểu font chữ cho các tử từ h1 đến h6.

Cấu hình font chữ trong Easy Google Fonts

Khi click vào từng thẻ h khác nhau sẽ có nhiều tùy chọn kiểu chữ khác nhau như kích thước, màu sắc, độ đậm nhạt.

Cấu hình chi tiết font chữ trong Easy Google Fonts

3. Thay đổi font chữ cho các phần tử khác

Ngoài chỉnh sửa các thẻ h1 đến h6 Easy Google Fonts còn cho phép chỉnh sửa các phần tử khác cụ thể như title, tag, breadcrumb trong Setting > Google Font > Custom Control.

Cấu hình Custom Control trong Easy Google Fonts

Để lấy thẻ css trong wordpress bạn dê chuột vào điểm bất kỳ chọn kiểm tra phần tử tiếp theo copy thẻ css dán vào “Add CSS Selectors” như ảnh bên dưới.

Lấy thẻ css trong wordpress

Lưu lại và lại truy cập vào Appearance > Customize chọn Typograpgy theme để cấu hình thẻ css vừa tạo ở đây là thẻ tiêu h1 đề thuộc tính css là “entry-title”.

Chỉnh sửa font cho thẻ css h1 tiêu đề

Bây giờ thì nó tương tự như bước vừa làm, bạn có thể chỉnh sửa và lưu lại vậy là xong.

4. Thay đổi cỡ chữ trong wordpress

Để thay đổi cỡ chữ trong wordpress cũng khá đơn giản bạn chỉ cần tìm đến thuộc tính css muốn sửa và thêm phần tử mới vào “Custom Control” trong “Easy Google Fonts” và quay lại Appearance > Customize > Typograpgy tìm đến Appearance > Font size để kéo kích thước theo mong muốn.

Thay đổi cỡ chữ trong wordpress bằng Easy Google Fonts

Lời kết

Trên đây là cách đơn giản để chỉnh font chữ trong theme wordpress bằng plugin Easy Google Fonts và cách thay đổi cỡ chữ trong wordpress, hy vọng sau khi đọc xong bài viết này bạn sẽ có thể tự tay tùy chỉnh fonts chữ cho website của mình đẹp hơn, mọi ý kiến đóng góp cũng như thắc mắc vui lòng comment bên dưới tôi sẽ cố gắng trả lời mọi thắc mắc của bạn.

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 *