Nếu trang web của bạn chạy trên WordPress, bạn có thể tùy chỉnh giao diện và cải thiện khả năng sử dụng của nó. Một trong những tùy chọn có sẵn là thay đổi phông chữ. Nếu bạn sử dụng các chủ đề được cung cấp trong thư mục WordPress, trang web của bạn sẽ chọn kích thước và màu sắc phông chữ mặc định do nhà thiết kế đặt.
Tuy nhiên, bạn không cần phải tuân theo các cài đặt mặc định. Thay đổi phông chữ trong chủ đề WordPress của bạn có thể đảm bảo rằng khách hàng của bạn nhận được thông tin bạn dự định cũng như say mê về thiết kế trang web của bạn. Trong bài viết này, chúng tôi sẽ thảo luận về các cách tiếp cận khác nhau để thay đổi phông chữ trên trang WordPress của bạn.
Tầm quan trọng của việc tùy chỉnh kiểu chữ và phông chữ trong WordPress
- Sự khác biệt và độc đáo: Bạn đã bao giờ nhìn thấy một trang web và tự nhủ: “Cái này trông quen quen” chưa? Mặc dù hầu hết các trang web đều sử dụng chủ đề từ thư mục WordPress, bạn có thể làm cho trang web của mình trở nên độc đáo bằng cách thay đổi kích thước và màu sắc của phông chữ.
- Thứ bậc và sự nhấn mạnh: Bạn có thể xác định điều gì dẫn đầu người khác bằng cách thay đổi phông chữ. Ví dụ: bạn có thể có phông chữ lớn hơn trong H1 và nhỏ hơn trong H2.
- Tính nhất quán và tính chuyên nghiệp: Bạn có thể mang lại cho trang WordPress của mình một giao diện bóng bẩy bằng cách sử dụng phông chữ nhất quán xuyên suốt. Bạn cũng có thể thay đổi màu phông chữ để phù hợp với màu thương hiệu của mình.
- Khả năng truy cập: Việc thay đổi phông chữ của trang web hoặc các trang có thể giúp người dùng khiếm thị hoặc khuyết tật khác đọc nội dung của trang web dễ dàng hơn.
Vai trò của CSS trong việc tùy chỉnh phông chữ
WordPress được xây dựng bằng PHP, MySQL, HTML, CSS và JavaScript. Mọi chủ đề WordPress đều có tệp style.css kiểm soát bố cục và thiết kế trực quan của trang web. Bằng cách này, bạn có thể thực hiện các thay đổi phông chữ bạn muốn trên trang web WordPress của mình bằng tệp này.
CSS cho phép bạn thay đổi những thứ như họ phông chữ, kích thước, màu sắc và khoảng cách trên trang web WordPress của bạn. Cần có kiến thức cơ bản về CSS để thực hiện những thay đổi đó. Tuy nhiên, bạn vẫn có thể sử dụng plugin nếu không muốn viết bất kỳ mã CSS nào.
Bây giờ chúng ta sẽ khám phá một số cách tiếp cận để thay đổi phông chữ trong WordPress.
Trình cấu hình WordPress
Đây là một trong những cách dễ nhất để thay đổi phông chữ trên trang WordPress của bạn. Hầu như tất cả các chủ đề được thiết kế theo tiêu chuẩn WordPress đều có các tính năng tích hợp cho phép bạn thay đổi phông chữ, màu sắc và kích thước của chúng chỉ bằng vài cú nhấp chuột.
Một số chủ đề cho phép bạn tận dụng các tùy chọn tùy chỉnh WordPress. Mặt khác, một số có các tùy chọn hạn chế, buộc bạn phải khám phá các tùy chọn khác mà chúng ta sẽ khám phá theo các cách tiếp cận khác.
Đảm bảo bạn đã đăng nhập vào WordPress rồi làm theo các bước sau;
- Ở phía bên trái của trang tổng quan, nhấp vào menu thả xuống và chọn “Giao diện”.
Lưu ý: Giao diện trang WordPress của bạn có thể khác nhau tùy thuộc vào chủ đề bạn đang sử dụng. Trong trường hợp của tôi, tôi đang sử dụng “Chủ đề dành cho nhà phát triển trẻ em GenerationPress”.
- Khi tôi nhấp vào “Tùy chỉnh”, một menu thả xuống sẽ xuất hiện nơi tôi sẽ chọn ” Kiểu chữ”
- Bây giờ bạn có thể tùy chỉnh trang web của mình theo nhu cầu.
Ví dụ: tôi có thể chọn “Nội dung” để thay đổi “Phông chữ hệ thống”. Mặc định là “Ngăn xếp hệ thống” và tôi có thể chọn một cái phù hợp với nhu cầu của mình từ menu thả xuống.
Trình chỉnh sửa chủ đề
Tính năng chỉnh sửa chủ đề cho phép bạn chỉnh sửa các tệp khác nhau trong chủ đề WordPress của mình. Chúng tôi sẽ tập trung vào tệp style.css vì nó cho phép bạn tùy chỉnh phông chữ.
Các bước chính xác cần thực hiện có thể khác nhau tùy thuộc vào chủ đề bạn đang sử dụng. Tôi vẫn đang sử dụng “Chủ đề trẻ em dành cho nhà phát triển GP” cho mục đích demo.
Bạn có thể làm theo các bước sau;
- Trong “Menu”, nhấp vào “Giao diện” rồi “Trình chỉnh sửa tệp chủ đề”
- Bước trên sẽ mở tệp style.css nơi bạn có thể thêm các kiểu ưa thích của mình.
Ví dụ: nếu bạn muốn thay đổi phông chữ của toàn bộ trang web thành chữ nghiêng, bạn có thể dùng mã này;
/* Change Font to Italics */
body {
font-style: italic;
}Bạn cũng có thể chọn trình chỉnh sửa CSS tích hợp để thực hiện thay đổi. Nhấp vào tab “CSS bổ sung” và nhập mã CSS của bạn.
Ví dụ: bạn có thể có một cái gì đó như;
Nhấp vào nút “Xuất bản” để lưu các thay đổi của bạn.
Tùy chỉnh phông chữ cho từng trang riêng lẻ
Cách tiếp cận này cho phép bạn tùy chỉnh một trang hoặc bài đăng trên trang WordPress của bạn. Đó là một lựa chọn tốt khi bạn muốn một trang nổi bật so với phần còn lại.
Bạn có thể áp dụng cách tiếp cận này cho các trang như “Chính sách quyền riêng tư”. Ví dụ: tôi có thể thay đổi H1 cụ thể trên trang “Chính sách quyền riêng tư” của mình thành màu xanh lục và in nghiêng. Để đạt được điều này, tôi sẽ làm theo các bước sau;
- Đi tới trang tổng quan của tôi và nhấp vào “Tất cả các trang”.
- Tôi sẽ chọn trang đích “Chính sách quyền riêng tư” và nhấp vào “chỉnh sửa”
- Nhấp vào tab “Văn bản” thay vì tab “Trực quan” như trong ảnh chụp màn hình này
Đây là mã tôi đã thêm;
<h1 style="font-style: italic; color: green;">Heading For Demonstration Purposes</h1>
Khi trang được hiển thị, nó sẽ trông như thế này;
Sử dụng plugin
Nếu bạn không am hiểu về công nghệ hoặc không thích viết mã, bạn có thể sử dụng các plugin phông chữ khác nhau để thay đổi phông chữ. Quá trình thay đổi phông chữ sẽ khác nhau tùy theo plugin.
Để bắt đầu với plugin phông chữ, hãy truy cập bảng điều khiển WordPress của bạn và chọn “Plugin” rồi “Thêm mới”.
Bây giờ bạn có thể sử dụng chức năng “plugin tìm kiếm” để chọn plugin mục tiêu.
Dưới đây là một số thứ tốt nhất bạn có thể sử dụng;
# 1. Phông chữ hạt giống
Seed Fonts là một plugin phông chữ cho phép bạn sử dụng phông chữ web. Nền tảng này đi kèm với năm phông chữ web tiếng Thái-Anh được tạo sẵn mà bạn có thể sử dụng. Bạn cũng có thể sử dụng phông chữ của Google hoặc tải lên phông chữ của riêng bạn. Seed Fonts là một plugin mã nguồn mở và miễn phí.
#2. Sử dụng bất kỳ phông chữ nào
Sử dụng Phông chữ Bất kỳ cho phép bạn tải lên bất kỳ phông chữ tùy chỉnh nào lên trang web WordPress của mình mà không cần biết CSS. Bạn cũng có tùy chọn để chọn từ hơn 23.871 bộ sưu tập phông chữ được xác định trước. Yêu cầu duy nhất là phông chữ phải ở định dạng ttf, otf hoặc woff.
Tải phông chữ của bạn lên ở một định dạng và plugin sẽ tự động tạo tất cả các định dạng khác mà bạn cần. Sử dụng bất kỳ phông chữ nào cũng hoạt động trong tất cả các trình duyệt hiện đại và các kích cỡ màn hình khác nhau.
#3. Plugin phông chữ
Plugin phông chữ là một plugin cho phép bạn sử dụng hơn 1455 phông chữ độc đáo trong thư viện Google Fonts. Plugin có tính năng xem trước cho phép bạn xem phông chữ sẽ trông như thế nào trên trang web của bạn trước khi bạn áp dụng các thay đổi.
Plugin Phông chữ hoạt động với mọi chủ đề WordPress và bạn không cần bất kỳ kiến thức mã hóa nào để bắt đầu. Nếu bạn biết CSS, bạn có thể tạo bộ chọn tùy chỉnh và kiểm soát cách hiển thị phông chữ trên trang web WordPress của mình.
#4. Công cụ thay đổi phông chữ MW
Các plugin chúng tôi đã đề cập cho đến nay tập trung vào việc thay đổi phông chữ của toàn bộ trang web của bạn. Tuy nhiên, bạn có thể đang tìm kiếm trải nghiệm tốt hơn với tư cách là chủ sở hữu/nhà thiết kế trang web. Công cụ thay đổi phông chữ MW cho phép bạn thay đổi phông chữ trên bảng điều khiển và chủ đề của mình.
Đây là một plugin dễ sử dụng với hơn 30 phông chữ. Để thay đổi phông chữ trong một chủ đề, chỉ cần nhập ID chủ đề và lớp. MW Font Changer có hơn 10.000 lượt cài đặt hoạt động và tương thích với WordPress 5.0 và các phiên bản mới hơn. Plugin này là nguồn mở.
Cách tối ưu hóa phông chữ trong WordPress
Một trang web tốt nên tải nhanh. Bạn có thể có chủ đề nhanh nhất trong thư mục WordPress. Tuy nhiên, việc thêm nhiều phương tiện và phông chữ có thể làm chậm quá trình tải. Cách duy nhất để tránh hiện tượng này là tối ưu hóa phông chữ. Dưới đây là một số cách tiếp cận tốt nhất;
- Tải lên nhiều loại tệp: Bạn có thể lưu phông chữ của mình ở nhiều định dạng khác nhau. Bạn có thể tải lên các định dạng khác nhau và trình duyệt sẽ chọn định dạng tốt nhất dựa trên các đặc điểm như kích thước màn hình và hệ điều hành của người dùng.
- Chỉ gửi những ký tự bạn cần: Nếu bạn có những phông chữ không thường xuyên sử dụng trên trang web của mình, bạn có thể chỉ tải lên những ký tự bạn cần thay vì tải lên toàn bộ thư viện.
- Lưu trữ phông chữ của bạn trên CDN: Quá trình tải lên phông chữ tùy chỉnh có thể làm tăng kích thước trang web WordPress của bạn. Mạng phân phối nội dung (CDN) cho phép bạn lưu trữ phông chữ trên máy chủ của bên thứ ba và chỉ liên kết chúng với trang web WordPress của bạn.
- Sử dụng bộ đệm WordPress: Bộ đệm WordPress lưu trữ dữ liệu được người dùng sử dụng thường xuyên và cung cấp dữ liệu đó cho người dùng trong tương lai khi họ truy cập lại trang web. Cách tiếp cận này làm tăng tốc độ tải.
Các câu hỏi thường gặp
Làm cách nào tôi có thể chọn phông chữ phù hợp cho trang web WordPress của mình?
Có một vài điều cần xem xét. Ví dụ: bạn cần xem xét hình ảnh thương hiệu, thiết kế tổng thể và đối tượng mục tiêu của mình.
Bạn có cần biết mã hóa để thay đổi phông chữ trong WordPress không?
KHÔNG. WordPress được thiết kế để dễ sử dụng cho những người không rành về công nghệ. Bạn có thể thay đổi phông chữ từ bảng điều khiển WordPress của mình mà không cần viết một dòng mã nào. Bạn cũng có thể sử dụng các plugin khác nhau để thực hiện các thay đổi khác nhau. Tuy nhiên, nếu bạn biết CSS, bạn có thể thêm CSS tùy chỉnh vào trang WordPress của mình để thay đổi phông chữ.
Bạn có thể thay đổi phông chữ ở các khu vực cụ thể trên trang WordPress của mình không?
Đúng. Bạn có thể thay đổi phông chữ ở các khu vực cụ thể như một trang hoặc thậm chí một bài đăng. Nếu bạn không quen với việc viết mã, bạn có thể sử dụng phương pháp trực quan. Mặt khác, bạn có thể sử dụng cách tiếp cận dựa trên văn bản nếu bạn biết cách viết mã.
Tôi có thể quay lại phông chữ chủ đề WordPress ban đầu không?
Đúng. Nếu bạn thay đổi phông chữ và cảm thấy cần quay lại bản gốc, bạn luôn có thể thay đổi nó. Chỉ cần quay lại tùy chỉnh trên bảng điều khiển và khôi phục phông chữ mặc định.
Ứng dụng
Bây giờ bạn có một số phương pháp có thể sử dụng để thay đổi phông chữ trên trang web WordPress của mình nhằm cải thiện giao diện của nó. Việc lựa chọn phương pháp tiếp cận sẽ phụ thuộc vào kỹ năng và sở thích của bạn. Đôi khi bạn có thể sử dụng nhiều cách tiếp cận, tùy thuộc vào tính chất của trang web bạn đang tạo.
Bạn cũng có thể khám phá cách khả năng hiển thị CSS cải thiện thiết kế web của bạn bằng những viên ngọc ẩn.
