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