Bạn cảm thấy trình soạn thảo WordPress mặc định quá đơn giản, thiếu các nút định dạng quen thuộc như chọn font, cỡ chữ, hay màu nền? Đây là một “nỗi đau” chung của nhiều người dùng, khiến việc trình bày nội dung trở nên hạn chế. Bài viết này sẽ hướng dẫn bạn cách kích hoạt nút soạn thảo WordPress một cách đầy đủ và chi tiết nhất, áp dụng cho cả trình soạn thảo mới (Block Editor) và cũ (Classic Editor).
Tại Sao Trình Soạn Thảo WordPress Bị Thiếu Nút?
WordPress luôn hướng đến sự tối giản để người dùng mới không bị “ngợp” trước quá nhiều lựa chọn. Vì vậy, họ đã mặc định ẩn đi nhiều nút định dạng nâng cao trên thanh công cụ (toolbar).
- Với Block Editor (Gutenberg): Trình soạn thảo hiện đại này tập trung vào các khối (blocks), mỗi khối có một bộ công cụ riêng, và mặc định cũng rất cơ bản.
- Với Classic Editor (TinyMCE): Trình soạn thảo cổ điển này có hai hàng công cụ, nhưng hàng thứ hai chứa các nút nâng cao thường bị ẩn đi.
May mắn là, việc hiển thị nút soạn thảo WordPress và bổ sung thêm các chức năng mới hoàn toàn khả thi. Dưới đây là 2 phương pháp hiệu quả nhất.
Cách 1: Dùng Plugin – An Toàn & Dễ Dàng Nhất
Đây là phương pháp được khuyên dùng cho hầu hết mọi người vì tính an toàn, trực quan và không yêu cầu kiến thức về code. Plugin phổ biến và mạnh mẽ nhất cho việc này là Advanced Editor Tools (tên cũ là TinyMCE Advanced).
Các bước thực hiện:
- Cài đặt Plugin: Tại trang quản trị WordPress, vào Plugins -> Add New. Tìm kiếm từ khóa “Advanced Editor Tools”.
- Kích hoạt: Nhấn Install Now và sau đó Activate.
- Cấu hình: Vào Settings -> Advanced Editor Tools. Tại đây bạn sẽ thấy 2 tab:
- Block Editor (Gutenberg): Dành cho trình soạn thảo mới. Bạn chỉ cần kéo các nút chưa sử dụng (Unused Buttons) lên thanh công cụ (Toolbar) và nhấn Save Changes.
- Classic Editor: Dành cho trình soạn thảo cũ hoặc khi bạn dùng khối “Classic” trong Gutenberg. Tương tự, bạn chỉ cần kéo-thả các nút mong muốn vào thanh công cụ.
Plugin này không chỉ giúp thêm nút soạn thảo WordPress mà còn cung cấp nhiều tính năng hữu ích khác như tạo bảng, tìm kiếm và thay thế…
Cách 2: Dùng Code – Tùy Chỉnh Nâng Cao (Cần Cẩn Trọng)
Nếu bạn không muốn cài thêm plugin và có kiến thức cơ bản về WordPress, bạn có thể thêm một đoạn code nhỏ vào file functions.php
của theme.
⚠️ Cảnh báo: Chỉnh sửa trực tiếp file functions.php
có thể gây lỗi trắng trang nếu bạn làm sai. Dichvuthietkewebwordpress.com khuyên bạn nên sử dụng theme con (child theme) hoặc một plugin quản lý code snippet (như Code Snippets) để an toàn hơn.
Hướng dẫn chèn code vào file functions.php
Để kích hoạt các nút ẩn, bạn chỉ cần chèn đoạn mã sau vào cuối file functions.php
của theme đang sử dụng:
function ilc_mce_buttons($buttons) {
array_push($buttons,
"backcolor",
"anchor",
"hr",
"sub",
"sup",
"fontselect",
"fontsizeselect",
"styleselect",
"cleanup"
);
return $buttons;
}
add_filter("mce_buttons", "ilc_mce_buttons");
Sau khi lưu lại, bạn sẽ thấy các nút mới xuất hiện trên thanh công cụ của trình soạn thảo Classic Editor.
So Sánh 2 Phương Pháp: Plugin vs. Code
Tiêu chí | Dùng Plugin (Advanced Editor Tools) | Dùng Code (functions.php) |
---|---|---|
Độ khó | ⭐ (Rất dễ) | ⭐⭐⭐⭐ (Khó) |
An toàn | Cao | Thấp (Rủi ro gây lỗi nếu sai) |
Tính năng | Nhiều, có giao diện kéo-thả | Hạn chế, chỉ thêm nút cơ bản |
Tương thích | Tốt cho cả Block & Classic Editor | Chủ yếu cho Classic Editor |
Đối tượng | Mọi người dùng, đặc biệt là người mới | Lập trình viên, người dùng nâng cao |
Kết luận: Nếu bạn không rành về kỹ thuật, hãy chọn phương pháp dùng plugin để đảm bảo an toàn và tiện lợi.
Câu Hỏi Thường Gặp (FAQ)
1. Làm sao để hiển thị lại hàng công cụ thứ 2 trong Classic Editor? Thông thường, có một nút tên là “Toolbar Toggle” (Chuyển đổi thanh công cụ) ở cuối hàng đầu tiên (biểu tượng bàn phím). Nhấn vào đó sẽ hiện ra hàng thứ hai.
2. Tôi đã thêm code nhưng không thấy nút mới nào?
Hãy kiểm tra lại: bạn đã sao chép đúng code chưa, có thiếu dấu ;
hay }
không? Hãy thử xóa cache website và cache trình duyệt. Nếu vẫn không được, hãy sử dụng plugin cho an toàn.
3. Tôi có thể dùng AI để tạo code thêm nút soạn thảo không? Có. Bạn có thể yêu cầu các AI như ChatGPT hoặc Gemini: “Viết một đoạn code PHP cho file functions.php của WordPress để thêm nút ‘underline’ và ‘justify’ vào trình soạn thảo TinyMCE.” Tuy nhiên, hãy luôn kiểm tra code trên một website thử nghiệm (staging) trước khi áp dụng cho website chính thức.
Hy vọng bài viết đã giúp bạn tùy chỉnh và làm chủ trình soạn thảo của mình. Nếu cần hỗ trợ thêm, đừng ngần ngại liên hệ với chúng tôi tại đây!