Tùy biến trình soạn thảo WordPress với TinyMCE Advanced

Tùy biến trình soạn thảo WordPress với plugin TinyMCE Advanced.

tuy-bien-trinh-soan-thao-wordpress-voi-tinymce-advancedtuy-bien-trinh-soan-thao-wordpress-voi-tinymce-advanced

WordPress Visual Editor sở hữu một số lượng nút chức năng tương đối đầy đủ để tạo ra một bài viết tuyệt vời. Nhưng nếu muốn thay đổi kích thước chữ, Font chữ hoặc màu nền của văn bản… bạn cần phải làm thủ công bằng cách sử dụng HTML. Sẽ khá khó khăn nếu bạn không có chút kiến thức nào về HTML và CSS. May mắn thay, WordPress Visual Editor là TinyMCE – một trình biên tập mã nguồn mở WYSIWYG (What-You-See-Is-What-You-Get). Và giống như tất cả mọi thứ khác trong WordPress, bạn có thể cải thiện chức năng của nó bằng cách sử dụng plugin.

Tham khảo thêm:

  • 8 Plugin tốt nhất giúp cải tiến trình soạn thảo WordPress
  • Cải tiến trình soạn thảo WordPress không cần dùng plugin
Làm thế nào để tùy biến trình soạn thảo WordPress?

Một plugin tên là TinyMCE Advanced có khả năng bổ sung thêm nhiều nút chức năng hơn vào WordPress Visual Editor. Điều tuyệt của plugin này chính là nó cho phép bạn thêm, xóa và sắp xếp vị trí các nút chức năng được hiển thị trên Visual Editor (trình soạn thảo trực quan) của WordPress.

Với TinyMCE Advanced, bạn sẽ có thể mở rộng thêm rất nhiều tính năng không có sẵn trong Visual Editor mặc định. Dưới đây là một số tính năng đáng chú ý của TinyMCE Advanced:

  • Kích hoạt TinyMCE menu
  • Tạo và chỉnh sửa bảng
  • Một số tùy chọn cho các danh sách (lists)
  • Thay đổi Font chữ và kích thước chữ
  • Khả năng tìm kiếm và thay thế trong trình soạn thảo

Cùng nhiều chức năng khác…

Tùy biến trình soạn thảo WordPress với TinyMCE Advanced

1. Đầu tiên, các bạn cần phải cài đặt và kích hoạt plugin TinyMCE Advanced.

cai-dat-va-kich-hoat-plugin-tinymce-advancedcai-dat-va-kich-hoat-plugin-tinymce-advanced

2. Sau khi kích hoạt, truy cập vào WordPress Dashboard => Settings => TinyMCE Advanced. Ngay lập tức, bạn sẽ thấy một trang có giao diện như sau:

thiet-lap-plugin-tinymce-advancedthiet-lap-plugin-tinymce-advanced

Bạn có thể xem tất cả các nút có khả năng bổ sung được vào trình soạn thảo trong mục Unused Buttons. Tất cả những gì bạn cần làm kéo các nút mà bạn muốn sử dụng từ trong mục Unused Buttons và thả chúng vào thanh công cụ. Bạn cũng có thể gỡ bỏ các nút từ thanh công cụ mặc định của WordPress bằng cách kéo và thả chúng vào mục Unused Buttons.

Ngoài ra, bạn còn có thể sắp xếp lại các nút trên thanh công cụ bằng cách kéo và thả. Sau khi hoàn tất, bấm vào nút Save Changes để lưu lại các thiết lập.

Bây giờ, trình soạn thảo bài viết của bạn sẽ trông giống như thế này:

demo-cua-plugin-tinymce-advanceddemo-cua-plugin-tinymce-advanced

Nếu nó không hiển thị tất cả các chức năng, hãy bấm vào nút Toolbar Toggle. Trình soạn thảo của bạn đã thay đổi hoàn toàn. Bạn có nhiều nút hơn để tùy chỉnh và tạo style cho bài viết. Một điều tuyệt vời nữa, plugin này có khả năng import style từ CSS của bạn.

Mọi việc thật đơn giản và nhanh gọn phải không nào? Bạn còn chần chừ gì nữa mà không cài đặt và sử dụng ngay plugin vô cùng hữu ích này? Chúc các bạn thành công!

Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)

Tùy biến trình soạn thảo WordPress với TinyMCE Advanced
5 (19 votes)
Chia sẻ
  • Nhấn vào chia sẻ trên Facebook (Opens in new window)
  • Bấm để chia sẻ trên Google+ (Opens in new window)
  • Bấm để chia sẻ trên Twitter (Opens in new window)
Bài viết liên quan
Nguồn: wpcanban.com