Bạn có bao giờ muốn thay đổi font trên trang web WordPress? Chọn font mới với trình tùy chỉnh (customizer) không khó. Thử thách đến khi bạn muốn dùng font không đi kèm chủ đề hoặc nếu phần tử bạn muốn thay đổi không có tùy chọn làm vậy.
Thay đổi Font có thể tùy chỉnh
Để có thêm font, trước tiên cài đặt plugin Easy Google Fonts vào trang web của bạn.
1. Đi đến "Plugin -> Thêm mới" (Plugins -> Add New).
2. Tìm kiếm "Easy Google Font".
3. Nhấp Cài đặt và sau đó Kích hoạt.
4. Bây giờ có thêm tùy chọn font trên trang web. Để thay đổi, vào trình tùy chỉnh (Giao diện -> Tùy chỉnh) (Appearance -> Customize).
5. Nhấp vào "Typography -> Theme typography" (Typography -> Theme typography).
6. Nhấp vào mũi tên thả xuống và cuộn xuống. Bạn nên thấy nhiều font có sẵn hơn.
7. Nhấp để chọn cái bạn muốn dùng.
Việc dùng plugin để thay đổi văn bản đã có thể tùy chỉnh trong chủ đề khá đơn giản. Phần khó khăn đến khi bạn muốn một đoạn văn bản cụ thể dùng font khác, và không có nơi để thay đổi!
Để tùy chỉnh những cái đó, bạn cần thay đổi mã CSS cho phần đó của trang web. Tuy nhiên, nó bị ẩn, nên bạn cần truy tìm nó.
Lấy các Tiện ích mở rộng (Extensions)
Trong trình duyệt Google Chrome, tìm tiện ích mở rộng tên WhatFont, sau đó cài đặt và cho phép nó chạy.
Khi kích hoạt, WhatFont xác định bất kỳ font nào tìm thấy trên bất kỳ trang web nào. Vì vậy, nếu bạn thích một font và muốn dùng nó trong công việc, di chuột qua văn bản trong khi WhatFont chạy, và nó sẽ cho bạn thấy tên font.
Tiện ích mở rộng tiếp theo bạn cần cài đặt và kích hoạt là Firebug Lite. Nó hiển thị mã trang web và cho phép chỉnh sửa trực tiếp thuộc tính CSS. Tiện ích này làm cho việc tìm và thay đổi font dễ dàng bằng cách tìm vị trí văn bản trong mã.
Tìm Font
Để tìm tên font chủ đề đang dùng:
1. Kích hoạt WhatFont bằng cách nhấp vào biểu tượng của nó
2. Di chuột qua font bạn muốn xác định.
3. Ghi nhớ tên font.
4. Tắt WhatFont.
Bước tiếp theo là định vị CSS với font đó trong mã.
1. Mở trình tùy chỉnh như trước.
2. Mở Firebug Lite (biểu tượng con bọ với cái vặn vít).
3. Khi kích hoạt Firebug, mã trang web hiển thị ở dưới màn hình.
Bạn cần rất cẩn thận làm việc với mã này, đặc biệt nếu bạn không phải chuyên gia CSS. Nếu bạn làm theo hướng dẫn tốt, tuy nhiên, bạn nên có thể thay đổi font dễ dàng mà không phá hủy trang. Sẽ là ý tưởng tốt để sao lưu trang trước khi tiến hành.
Tìm font hiện tại của văn bản bạn muốn thay đổi.
1. Nhấp vào CSS.
2. Chọn tệp style.css. (Nó là tệp dài.)
3. Nhấn Ctrl + f và gõ font bạn đã ghi vào hộp tìm kiếm.
4. Trong ví dụ này tôi tìm Helvetica, và bạn có thể thấy ở màu cam vị trí font đó trong CSS styles.
4. Đánh dấu và sao chép vị trí font. Tôi đã đánh dấu màu vàng trong hình trên. Nếu có nhiều hơn một vị trí, chỉ sao chép một trong số chúng.
Tạo điều khiển font (Font control)
Điều khiển font nói cho plugin biết nơi CSS dùng font chúng ta muốn thay đổi. Bước này có thể hơi thử và sai, đặc biệt nếu font bạn tìm ở nhiều nơi khác nhau trên trang.
1. Quay lại bảng quản trị, di chuột qua cài đặt, và nhấp Google Fonts.
2. Nhấp vào "Tạo điều khiển font mới" (Create a new font control).
3. Đổi tên để mô tả vị trí font mới.
4. Dán vị trí bạn sao chép từ danh sách CSS vào hộp CSS selectors.
5. Nhấp hộp Force Styles override.
6. Lưu.
Kiểm tra
Quay lại trình tùy chỉnh và tìm nơi bạn muốn font thay đổi. Tìm hộp thả xuống cho điều khiển font bạn vừa tạo. Kéo xuống và chọn font bạn muốn dùng. Nếu thành công, font thay đổi ngay khi bạn nhấp.
Nếu không hoạt động, quay lại điều khiển font, xóa vị trí bạn dán, và thử lại dùng vị trí khác trong CSS nơi font gốc được liệt kê. Nhớ rằng, có thể mất vài lần thử để làm nó hoạt động.
Ngay cả khi bạn dùng chủ đề phổ biến, khả năng thay đổi bất kỳ font nào trong chủ đề WordPress sẽ cho trang web giao diện độc đáo. Đảm bảo trang web được cập nhật đúng, và thử làm điều này.