Hướng dẫn phông chữ wordpress

Tôi chọn WordPress làm blog chỉ vì mê những cái theme đẹp lung linh ở đây, nhưng khi đã chính thức “chọn đất xây nhà” tôi mới biết Theme wordpress có 2 dạng, 1 dạng free là cho mình xài chùa, 1 dạng có ghi giá ở góc là loại phải trả tiền mua theme mới dùng được. Theme có phí thì thôi, không đề cập đến vì sự tiện dụng, hoàn hảo của nó đã được trả bằng tiền. Còn lại, các theme free mới là điều tôi lưu tâm. Đành rằng theme wordpress là theme mặc định, chọn theme nào là tôn trọng bản quyền theme đó và dùng luôn cả thông số của người ta, không thay đổi được. Nhưng bất tiện nhất là size chữ của các theme trong wordpress đa phần rất nhỏ, màu sắc và font chữ bị mặc định. (Những theme có chữ to thì hoặc thô quá, hoặc đơn giản đến mức nhàm chán, chả còn hứng tú gì khi dùng!). Thế nên tôi luôn băn khoăn về chuyện làm sao đổi được một vài thông số như màu sắc, tỉ lệ, khoảng cách, size chữ…?

Hôm rồi tôi mang băn khoăn này sang nhà blog Heo Mê Phim – https://heomephim.wordpress.com – nhờ em ấy xem có cách nào khắc phục được không. Và đáp lại, HMP đã dành thời gian viết nguyên một bài hướng dẫn cụ thể, chi tiết và rất dễ thực hiện về cách chèn code để có thể tăng size, chỉnh font cho bài viết. Tôi đã xin phép em để giữ lại bài hướng dẫn này. Cám ơn HMP rất nhiều.

_________________________

Tùy chỉnh font chữ trong WordPress

Đáp ứng yêu cầu của chủ nhân Blog Cà phê và Sách, HMP làm bài viết này để giúp chị và những bạn nào có nhu cầu chỉnh sửa cỡ chữ, kiểu chữ trong bài viết.

Trước tiên cần nói đền giao diện soạn thảo của một bài viết, mà cụ thể là giao diện “HIỂN THỊ” và giao diện “VĂN BẢN”

Giao diện hiển thị:

Giao diện văn bản

Khi thực hiện việc thay đổi đặc tính font chữ trong bài viết chúng ta sẽ thực hiện trên giao diện văn bản còn giao diện hiển thị sẽ chỉ có chức năng kiểm tra liệu những thay đổi có thành công.

Một lưu ý nhỏ cho tất cả các bạn, để tiện thao tác thì nên dùng word để soạn thảo trước, sau đó sẽ dán vào phần văn bản và chèn mã Code ở hai đầu văn bản.

1. Chỉnh cỡ chữ

Code mẫu: <span style="font-size: 100%;">XXX</span>

Ví dụ muốn viết dòng chữ Heo Mê Phim có cỡ chữ GẤP ĐÔI ta sẽ viết tại giao diện soạn văn bản như sau

<span style="font-size: 200%;">Heo Mê Phim</span>

2. Chỉnh Font chữ

Lưu ý để tiện nhất thì nên lấy những font chữ mặc định của windows là:

Code mẫu:            <span style="font-family:TÊN FONT;">XXX</span>

Ví dụ muốn viết dòng chữ Heo Mê Phim bằng font Comic Sans MS ta dùng Code

<span style="font-family:Comic Sans MS;">Heo Mê Phim</span>

3. Hiện ký tự phía trên – Phía dưới.

Code mẫu:

```
Chèn trên: <sup>XXX</sup>
```
```
Chèn Dưới: <sub>XXX</sub>
```

Ví Dụ: PhimHeo Mê Phim

Được thực hiện bởi code <sup>Heo Mê Phim</sup>

Hoặc: Phim Heo Mê Phim

Được thực hiện bởi code <sub>Heo Mê Phim</sub>

4. Kết hợp Code

Trong trường hợp bạn muốn vừa sửa đổi kích thước, kiểu font, vị trí chèn kí tự thì hoàn toàn có thể kết hợp những code này với nhau.

Trước tiên hãy nhìn lại những Code vừa rồi

<span style="font-size: 200%;">Heo Mê Phim</span>

<span style="font-family:Comic Sans MS;">Heo Mê Phim</span>

<span style="font-size: 200%;">Heo Mê Phim</span>

Chúng bao gồm 2 thành phần chính: Nội dung của các ký tự và code. Để kết hợp những Code trên ta chỉ cần copy và dán chúng.

Sẽ có vài người không thích kiểu font mặc định của WordPress và muốn thay đổi sao cho trông mới mẻ và độc đáo hơn.

Không chỉ đổi font trong bài viết mà còn cả các font ở bên ngoài trang chủ như font menu, category, tiêu đề bài viết, phần chữ xem thêm…

Việc đổi font cũng không quá phức tạp, chỉ có mất thời gian để bạn ngồi lựa chọn font ưng ý mà thôi.

Hướng dẫn cách đổi font chữ trong WordPress

Đầu tiên bạn vào Dashboard >> Appearance >> Customize.

Tùy vào theme bạn chọn mà phần chỉnh font sẽ hiện ngay trong cột custom ở tab Fonts hoặc tab Typography.

Nếu bạn lướt không thấy tab Fonts hay Typography đâu thì khả năng cao nó nằm trong tab General.

Bạn nhấp vào General.

Sau đó bạn sẽ thấy tab Typography rồi nhấp vào.

Ở đây nó sẽ hiện ra tất cả những gì bạn cần khi muốn đổi font chữ.

Đầu tiên là Base Font, đổi font chữ ở phần body text (nội dung chính), menu, category, phần chữ xem thêm (Read more)…

Có 4 ô chỉnh font: (1) đổi font chữ, (2) đổi style như in đậm, in nghiêng, bình thường, (3) đổi size chữ, (4) demo.

Bạn nhấp vào dấu mũi tên (4) để hiện dòng text demo cho bạn dễ chọn font ưng ý.

Sau đó bạn lần lượt nhấp vào từng số 1, 2, 3 để chỉnh font cho phù hợp.

Xong phần Base Font, bạn di chuột xuống đến phần Heading.

Bạn bỏ qua phần heading font famlily vì không cần thiết lắm, chỉ chú ý từ heading 1 đến heading 6 bao gồm đổi font cho tiêu đề bài viết và trên trang, tiêu đề widget, tiêu đề bình luận, tiêu đề bên trong bài đăng và trang.

Nó cũng gồm 4 ô chỉnh font như ở Base Font.

Sau khi chỉnh xong, bạn nhấp nút Publish để lưu toàn bộ thông tin.