jobBox
Blog

Cách Sử Dụng Thanh Công Cụ WYSIWYG của WordPress Để Định Dạng Bài Viết Như Chuyên Gia

Article Image

Bạn đã tận dụng hết các tính năng định dạng của WordPress chưa?

Chắc hẳn bạn đã biết những kiến thức cơ bản về định dạng bài viết để giúp nội dung của mình dễ đọc hơn. (Nếu bạn mới bắt đầu, bạn có thể tham khảo bài viết 4 Mẹo Định Dạng WordPress Giúp Bài Viết Dễ Đọc Hơn để có cái nhìn tổng quan về những điều cơ bản.)

Tuy nhiên, nhiều blogger – ngay cả những người có kinh nghiệm – vẫn chưa nhận ra WordPress có rất nhiều tính năng định dạng hữu ích.

Hiểu về Trình Soạn Thảo WYSIWYG của WordPress

Dù bạn viết nháp trực tiếp trong trình soạn thảo WordPress hay ở nơi khác, bạn cũng nên làm quen với thanh công cụ WYSIWYG và nắm rõ chức năng của từng nút.

WYSIWYG (đọc là “wizzy-wig”) là viết tắt của “What You See Is What You Get” – nghĩa là “Bạn thấy thế nào, nó sẽ hiển thị như vậy”. Đây là kiểu giao diện hiển thị văn bản theo đúng cách nó sẽ xuất hiện khi được định dạng. Các trình soạn thảo như Microsoft Word, Google Docs, và WordPress đều là WYSIWYG.

Khi tạo một bài viết hoặc trang mới trong WordPress, bạn sẽ thấy trình soạn thảo WYSIWYG. Thanh công cụ của nó trông như thế này:

(Nếu bạn không thấy các nút này, hãy đảm bảo bạn đang sử dụng chế độ “Visual” thay vì “Text” bằng cách chọn tab ở góc phải khung soạn thảo.)

Nếu bạn đã viết bài ở một trình soạn thảo WYSIWYG khác và sao chép vào WordPress, một số định dạng có thể được giữ lại. Tuy nhiên, một số tùy chọn như blockquote (trích dẫn) và đường kẻ ngang (horizontal rule) chỉ có thể áp dụng trong WordPress.

(Đừng lo nếu bạn chưa biết “blockquote” và “horizontal rule” là gì. Bạn sẽ hiểu rõ về chúng ngay sau bài viết này!)

Ngay cả khi một số nút trông có vẻ phức tạp, chúng đều rất dễ sử dụng. Hãy cùng khám phá từng nhóm nút trên thanh công cụ!

Hàng Trên Cùng Của Thanh Công Cụ: Các Tùy Chọn Định Dạng Phổ Biến Nhất

Thanh công cụ được chia thành hai hàng, trong đó hàng trên cùng chứa các tùy chọn mà bạn sẽ sử dụng thường xuyên nhất.

#1: Menu “Paragraph” (Định Dạng Văn Bản)

Tương đương với thẻ HTML: <h1>, <h2>, <h3>, <pre>

Menu thả xuống này cho phép bạn định dạng văn bản với các tiêu đề:

Heading 1 (H1): Dành cho tiêu đề bài viết chính, không nên dùng cho tiêu đề phụ trong bài.

Heading 2 (H2): Tiêu đề phụ chính.

Heading 3 (H3): Tiêu đề phụ cấp dưới của H2.

Preformatted: Dùng để hiển thị đoạn mã với font chữ đơn cách.

#2: Chữ Đậm (Bold)

Tương đương với thẻ HTML: <strong>

Nút chữ B giúp bạn làm đậm văn bản như thế này. Cách sử dụng:

Nhấn nút B, nhập văn bản, rồi nhấn lại để tắt chế độ đậm.

Hoặc nhập văn bản, bôi đen đoạn cần đậm rồi nhấn nút B.

Dùng để: Nhấn mạnh từ khóa quan trọng hoặc làm tiêu đề nhỏ.

#3: Chữ Nghiêng (Italic)

Tương đương với thẻ HTML: <em>

Nút I giúp bạn làm nghiêng văn bản như thế này.

Dùng để: Nhấn mạnh một từ hoặc ghi chú đặc biệt.

#4: Danh Sách Không Theo Thứ Tự (Bullet Points)

Tương đương với thẻ HTML: <ul>, <li>

Biểu tượng ba dấu chấm giúp bạn tạo danh sách dạng dấu đầu dòng:

Mục 1

Mục 2

Mục 3

#5: Danh Sách Đánh Số (Ordered List)

Tương đương với thẻ HTML: <ol>, <li>

Biểu tượng số giúp tạo danh sách có thứ tự:

Mục 1

Mục 2

Mục 3

#6: Blockquote (Trích Dẫn)

Tương đương với thẻ HTML: <blockquote>

Blockquote làm nổi bật các trích dẫn bằng cách thụt lề hoặc thay đổi kiểu chữ.

Dùng để: Trích dẫn từ người khác.

#7: Căn Lề (Align Left/Center/Right)

Tương đương với thẻ HTML: <p>, <p style="text-align: center;">

Căn trái: Mặc định.

Căn giữa: Dùng cho nội dung đặc biệt.

Căn phải: Ít sử dụng hơn.

#8: Thêm Liên Kết (Link) / Xóa Liên Kết (Unlink)

Tương đương với thẻ HTML: <a href="">

Nhấn biểu tượng liên kết 🔗 để thêm đường dẫn.

Dùng để: Liên kết đến bài viết khác hoặc trang ngoài.

#9: Thêm Thẻ “Đọc Thêm” (Read More Tag)

Tương đương với WordPress tag: <!--more-->

Dùng để rút gọn nội dung hiển thị trên trang chủ.

Hàng Dưới Cùng Của Thanh Công Cụ: Các Tùy Chọn Ít Dùng Hơn

#10: Chữ Gạch Ngang (Strikethrough)

Tương đương với thẻ HTML: <del>

Văn bản sẽ bị gạch ngang.

#11: Đường Kẻ Ngang (Horizontal Rule)

Tương đương với thẻ HTML: <hr />

Tạo một đường phân cách nội dung.

Tóm Lược

Thanh công cụ WordPress giúp bạn định dạng bài viết một cách chuyên nghiệp. Hãy tận dụng các nút như định dạng tiêu đề, in đậm, in nghiêng, danh sách, blockquote, và liên kết để bài viết rõ ràng, dễ đọc hơn.

Bạn sẽ thử áp dụng tính năng nào trong bài viết tiếp theo? Hãy để lại bình luận nhé!

Bình luận

Chưa có bình luận nào

Từ khóa nổi bật

joxBox

Luôn nhận thông tin mới nhất
Từ chúng tôi

joxBox