Tùy chỉnh font chữ trong WordPress

Đáp ứng yêu cầu của chủ nhân Blog http://cafeandbooks.wordpress.com/ thì 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>

Kết quả là:

Heo Mê Phim

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:

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>

Kết quả là:

Heo Mê Phim

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ụ:Phim^{Heo 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>

<sup>Heo Mê Phim</sup>

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.

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

Hoặc:

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

Hoặc:

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

Chúng đều cho ta chung một kết quả là

Phim^{Heo Mê Phim}

Tổng quát lại là: những phần đầu và phần đuôi của một code phải đối xứng với nhau.

5. Áp dụng Code cho toàn bộ nội dung bài viết

Trong trường hợp bạn muốn thay đổi thuộc tính font chữ của toàn bộ bài viết chứ không phải chỉ có một hai đoạn, bạn chỉ cần soạn toàn bộ nội dung của bài viết ở giao diện Hiển thị hoặc giao diện Văn bản đều được. Việc tinh chỉnh sẽ được thực hiện ở giao diện Văn bản. Bạn chỉ cần dán phần TIỀN TỐ của Code vào trước phần nội dung của bài viết đó.

Ví dụ như bạn có thể soạn Code

<span style="font-size: 200%;">Đây là toàn bộ văn bản

Chứ không nhất thiết phải soạn

<span style="font-size: 200%;">Đây là toàn bộ văn bản</span>

Kết quả của hai đoạn Code này đều giống nhau là
Đây là toàn bộ văn bản

Phân tích đoạn Code

<span style="font-size: 200%;">Đây là toàn bộ văn bản</span>

Ta có thể thấy đoạn <span style=”font-size: 200%;”> chính là phần code mang thông tin định dạng font chữ còn </span> chỉ mang ý nghĩa là kết thúc phần văn bản được định dạng.

Vậy nên thay vì cứ phải chèn Code cho từng đoạn kiểu như

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

<span style="font-size: 200%;">Đây là Blog chuyên về phim ảnh</span>

Thì bạn hoàn toàn có thể đơn giản chúng thành

<span style="font-size: 200%;">Heo Mê Phim
Đây là Blog chuyên về phim ảnh

Chúng đều có kết quả chung là
Heo Mê Phim
Đây là Blog chuyên về phim ảnh

Bài viết liên quan: Mẹo WordPress

• "Mẹo viết bài"