Bạn đang gặp khó khăn với cách thay đổi font chữ theme WordPress của mình? Có rất nhiều cách thay đổi font chữ cho website từ cơ bản chỉ với thao tác click chuột đơn giản thông qua tùy chọn có sẵn trên theme hay các plugin hỗ trợ. Cũng có những các phức tạp can thiệp nhiều về phần backend để thay đổi font chữ. Nhưng đối với website WordPress, bài viết này Vietnix sẽ chia sẻ cho bạn 3 cách thay đổi font chữ thông dụng và phổ biến nhất nhé!
3 cách thay đổi font chữ theme WordPress phổ biến
Hầu hết các theme WordPress hiện nay đều có các tích hợp tùy chọn để thay đổi font chữ theme WordPress. Theme WordPress có độ tùy biến càng cao thì càng có nhiều option, loại font, định dạng font,… cho bạn lựa chọn. Tuy nhiên, các theme ít linh hoạt hơn cũng có thể dùng các plugin hỗ trợ định dạng bài viết, bao gồm cả đổi font chữ theme WordPress. Có thể tóm tắt cách thay đổi font chữ trong 3 cách sau.
- Thay đổi font chữ theme WordPress bằng cách sử dụng các option built-in (tùy chọn có sẵn) của theme.
- Sử dụng các plugin hỗ trợ định dạng để thêm và thay đổi font chữ theme WordPress.
- Thay đổi font chữ theme WordPress cho các phần content riêng lẻ bằng trình WordPress editor.
| Cách thay đổi font chữ theme WordPress | Ưu Điểm | Nhược điểm |
|---|---|---|
| Option built-in (tùy chọn có sẵn). | Đồng bộ, tiết kiệm tài nguyên cho website. | Chỉ tùy chọn được fonts có sẵn, không tùy biến được thành phần content riêng lẻ. |
| Dùng plugin. | Linh hoạt có thể thay đổi và thêm nhiều font khác cho website. | Tiêu tốn tài nguyên của website, lạm dụng sẽ khiến website bị rối. |
| Dùng WordPress editor. | Linh hoạt, tạo điểm nhấn và thu hút cho content. | Vẫn phụ thuộc vào plugin, tiêu tốn tài nguyên web. |
Bây giờ chúng ta cùng tìm hiểu chi tiết các cách thực hiện thay đổi font chữ trên như thế nào nhé!
Nếu bạn cũng muốn tìm hiểu về cách thay đổi màu chữ trong WordPress hãy tham khảo bài viết này: 4 cách đổi màu chữ trong WordPress đơn giản, dễ dàng
Thay đổi font chữ theme WordPress bằng WordPress Customizer
Hiện tại, hầu hết các theme WordPress đều dựa vào WordPress Customizer để custom style và design, có nghĩa là bạn thường sẽ tìm thấy các lựa chọn font chữ của các theme ở đó.
Với cách đầu tiên, Vietnix sẽ hướng dẫn bạn cách sử dụng các font tích hợp đó bằng cách sử dụng theme Neve làm ví dụ, một theme WordPress có tính linh hoạt cao.
Cần lưu ý là mỗi theme hoạt động ít nhiều sẽ khác nhau đôi chút. Ngoài ra, Neve là một theme khá linh hoạt, vì vậy nếu bạn đang sử dụng một theme miễn phí thì nhiều khả năng bạn sẽ không thấy được nhiều tùy chọn font chữ như theme Neve.
Với cách này bạn có thể áp dụng với đa số các theme WordPress hiện nay và ít nhất là truy cập vào một số lựa chọn font chữ với các bước tương tự như sau.
1. Mở WordPress Customizer
Để chuẩn bị bắt đầu, hãy chuyển đến Appearance > Customize để mở WordPress Customizer:
Đó là ở giao diện backend. Ngoài ra, bạn cũng có thể nhấp vào customize ngay trên giao diện frontend khi đã đăng nhập vào wp-admin.
2. Cài đặt font/typography để thay đổi font chữ theme WordPress
Tiếp theo, bạn cần xác định cài đặt font/typography cho theme của mình. Chúng có thể nằm ở một vị trí khác nhau cho mỗi theme, vì vậy bạn có thể cần phải tìm hiểu xung quanh các khu vực cài đặt khác nhau.
Đối với theme Neve, bạn sẽ tìm thấy một tùy chọn cấp cao nhất được gọi là Typography:
3. Chọn font chữ và lưu các thay đổi
Bây giờ, bạn có thể đưa ra lựa chọn của mình. Tùy thuộc vào mỗi theme mà bạn có thể thấy cài đặt typography được chia nhỏ hơn theo loại nội dung. Theme Neve sẽ có giao diện như sau:
Ví dụ: Nếu bạn muốn thay đổi font chữ theme WordPress cho các heading của các theme (tiêu đề bài post hoặc page), bạn có thể mở cài đặt font chữ đó. Bạn có thể thấy có khá nhiều font chữ khác nhau để lựa chọn trong theme Neve.
Khi bạn đã lựa chọn xong, bạn sẽ tự động thấy update font chữ trong bản xem trước trực tiếp của theme.
Sau khi bạn hài lòng với giao diện của mình, hãy nhấp vào nút Publish màu xanh lam để hiển thị các lựa chọn font chữ mới của bạn.
Ưu điểm của cách này là tận dụng được tùy chọn có sẵn của theme giúp website của bạn được đồng bộ và không tiêu tốn tài nguyên cũng như phải tìm hiểu thêm các công cụ hỗ trợ khác. Tuy nhiên vì là tích hợp sẵn nên giới hạn lựa chọn và độ đa dạng font sẽ phụ thuộc vào theme.
>> Xem thêm: 16 Plugin Font chữ cho WordPress tối ưu trải nghiệm người dùng
Cách thêm Font Google bằng Plugin WordPress
Nếu như đối với cách đầu tiên các tùy chọn của theme WordPress chưa đủ đáp ứng với phong cách của bạn, hoặc theme đó chưa cập nhật font mà bạn muốn. Yên tâm, bạn hoàn toàn có thể thay đổi hoặc thậm chí theme bất cứ font chứ website nào mà bạn thích bằng cách sử dụng plugin hỗ trợ. Cách này cho phép bạn tiếp cận với nhiều font chữ hơn thậm chí là hàng nghìn font chữ trong Google catalog.
Có rất nhiều plugin hỗ trợ font chữ trong WordPress, nhưng phổ biến nhất là plugin Easy Google Fonts miễn phí.
Easy Google Fonts tương thích với mọi theme WordPress và cho phép bạn chọn từ hơn 600 font chữ miễn phí mà Google Fonts cung cấp. Có thể bạn đã biết, Google Fonts đang là một trong những nguồn phổ biến nhất cho các font chữ miễn phí và nó bao gồm nhiều tùy chọn cho hầu hết các website.
Để mô tả cách thứ 2 này, Vietnix sẽ chuyển sang theme Twenty Twenty One mặc định và sau đó định cấu hình plugin để thêm nhiều lựa chọn font chữ hơn.
1. Cài đặt và kích hoạt plugin
Để bắt đầu, hãy cài đặt và kích hoạt plugin Easy Google Fonts miễn phí từ WordPress.org. Bạn có thể làm theo hướng dẫn của Vietnix về cách cài đặt plugin cho WordPress nếu bạn không chắc chắn về cách thực hiện việc này.
2. Chọn Font Google nào để sử dụng
Tiếp theo, bạn muốn chọn các font chữ mà bạn muốn sử dụng. Mặc dù bạn có thể xem danh sách đầy đủ từ cài đặt của plugin, nhưng việc duyệt qua tất cả các tùy chọn của bạn tại website Google Fonts sẽ dễ dàng hơn vì bạn có thể xem bản xem trước của mỗi font chữ trông như thế nào.
Hãy xem bộ sưu tập các tùy chọn Font Google tốt nhất nếu bạn cần nguồn cảm hứng. Bạn cũng thường muốn chọn ít nhất hai font chữ để kết hợp tốt hơn.
Khi bạn tìm thấy một font chữ mà bạn thích, hãy nhớ ghi lại tên của nó để giúp bạn ghi nhớ nó. Bạn cũng nên chọn những phong cách cụ thể mà bạn thích. Ví dụ: “Medium 500”:
Ngoài plugin hỗ trợ font thì WrordPress cần phải có nhiều plugin khác để tối ưu hiệu suất hoạt động cho website và gia tăng trải nghiệm người dùng. Có một cách nhận plugin và theme miễn phí mà bạn có thể tham khảo là sử dụng dịch vụ Hosting và VPS tại Vietnix.
Đây là chương trình được triển khai nhằm hỗ trợ tối đa cho quá trình thiết kế, xây dựng và vận hành website để người dùng có thể kinh doanh hiệu quả trên internet.
Danh sách chi tiết các công cụ nằm trong bộ quà tặng Theme và Plugin trị giá 750$/Năm tặng kèm miễn phí bao gồm:
- Plugin: WP Rocket – tối ưu hóa hiệu suất tự động giúp tăng tốc website.
- Plugin: Rank Math SEO Pro – hỗ trợ kiểm soát các yếu tố và tùy chỉnh theo chuẩn SEO.
- Plugin: itheme Security Pro – bảo mật website và an toàn dữ liệu cho người dùng.
- Plugin: WPML – hỗ trợ xây dựng web đa ngôn ngữ.
- Plugin: WP Smush Pro – tối ưu hóa hình ảnh dễ dàng và nhanh chóng.
- Theme + plugin: WP Astra Growth Bundle.
- Toàn bộ theme + plugin của MyThemeShop.
Sở hữu bộ Theme và Plugin có ích cho WordPress khi đăng ký dịch vụ Hosting, VPS tốc độ cao của Vietnix ngay hôm nay.
3. Mở WordPress Customizer và chỉnh sửa font chữ
Bây giờ, đi tới Appearance > Customize trong Dashboard của WordPress để mở WordPress Customizer.
Bạn sẽ thấy phần Typography mới ở đầu menu sidebar. Các cài đặt này đến từ plugin Easy Google Fonts.
Trong menu phụ, chọn Typography mặc định.
Bây giờ, bạn sẽ có thể chọn một font chữ từ Google Fonts cho các loại nội dung khác nhau trên website của mình:
- Paragraph: văn bản bên trong các page hoặc bài post.
- Heading 1: tiêu đề của bài post hoặc page.
- Heading 2: tiêu đề cấp cao nhất bên trong bài post hoặc page.
- Heading 3: một tiêu đề phụ bên dưới Heading 2.
Nhấp vào Edit Font chữ cho loại nội dung bạn muốn tùy chỉnh. Sau đó, bạn có thể chọn font chữ name và weight. Khi đã lựa chọn xong, bạn có thể xem trước thay đổi của bản update website của mình:
Khi bạn hài lòng với lựa chọn của mình, hãy nhấp vào Publish để kích hoạt font chữ mới.
Ưu điểm của cách này là khả năng tiếp cận với nguồn font chữ đa dạng giúp bạn có nhiều lựa chọn cho phong cách thiết kế website của mình, kể cả bạn đang dùng theme miễn phí và không hỗ trợ nhiều. Tuy nhiên, bạn có thể sẽ bị rối với quá nhiều lựa chọn. Hơn nữa với việc phải cài thêm plugin sẽ khiến bạn tiêu tốn lượng tài nguyên nhất định của website.
Cách thay đổi Font chữ WordPress trong editor
Với hai phương pháp trên, Vietnix đã hướng dẫn bạn cách thay đổi font chữ trong theme WordPress cho toàn bộ website của bạn. Nghĩa là, nếu bạn update các font chữ cho văn bản của mình, điều đó sẽ ảnh hưởng đến tất cả văn bản trên website của bạn.
Tuy nhiên, bạn cũng có thể gặp trường hợp chỉ muốn thay đổi font chữ theme WordPress cho một phần nội dung cụ thể. Về bản chất cách này cũng tương tự như các thứ 2, cũng cần plugin hỗ trợ, nhưng cách này cho phép bạn linh hoạt và thoải mái sáng tạo cho content website của mình hơn.
Đề xuất cho cách này, bạn có thể sử dụng plugin Fonts Plugin (cũng cho phép bạn thêm font chữ tùy chỉnh vào theme WordPress của mình, giống như plugin Easy Google Fonts).
Sau khi cài đặt và kích hoạt plugin miễn phí, bạn sẽ nhận được một Google Fonts block mới cho phép bạn thêm văn bản bằng bất kỳ font chữ nào từ Google Fonts. Bạn cũng có thể sử dụng cài đặt block để chọn giữa văn bản hoặc heading:
Với cách cuối cùng, bạn thậm chí có nhiều tùy biến linh hoạt hơn khi có thể tối ưu cho các thành phần văn bản nhỏ hơn. Tuy nhiên không nên quá lạm dụng cách này sẽ khiến nội dung website của bạn không đồng bộ khiến người dùng bị rối. Điều này cũng ít nhiều đến tài nguyên website, tốc độ tải trang và cả SEO.
Lời kết
Hy vọng với 3 cách thay đổi font chữ theme WordPress vừa chia sẻ trên, Vietnix đã giúp cho bạn có thêm kiến thức bổ ích để có thể giúp bạn thay đổi font chữ theme WordPress như ý muốn của mình. Mỗi cách đều có ưu điểm và hạn chế riêng, có cách đơn giản nhưng không nhiều lựa chọn, có cách linh hoạt nhưng tốn tài nguyên website. Hãy chỉ nên lựa chọn phương án thích hợp nhất cho website của mình nhé!
