Bổ sung tính năng cho trình soạn thảo văn bản WordPress

Bạn đang sử dụng website WordPress và muốn thêm những tính năng nâng cao như chèn nhạc audio,video hay thay đổi font chữ ,màu nền cho văn bản website.Sau đây WebThangLong sẽ giới thiệu và hướng dẫn bạn một số plugin nổi bật WordPress bổ sung trình soạn thảo văn bản trong website WordPress.

1.Plugin TinyMCE Advanced

TinyMCE Advanced là plugin hỗ trợ bổ sung thêm tính năng  khi soạn thảo văn bản giống như như khi bạn làm việc trên Word.Mặc định trình soạn thảo văn bản mặc định trong WordPress sẽ không có chức năng chọn font size,thay đổi kích thước chữ ,hay chọn font chữ,màu nền,nhúng video nâng cao từ nguồn nào và thay đổi kích thước video.Bạn có thể thấy trình soạn thảo WordPress mặc định như sau:

Chính vì vậy để việc soạn thảo văn bản nội dung trên website WordPress trở nên chuyên nghiệp hơn thì sử dụng plugin tăng sức mạnh soạn thảo WordPress là hết sức cần thiêt.

Tìm hiểu thêm : Plugin WordPress là gì ? Những plugin WordPress cần thiết

Sau đây WebThangLong sẽ hướng dẫn bạn kích hoạt nút soạn thảo ẩn trong WordPress bằng cach sử dụng plugin Tinymce Advanced

Bước 1: Cài đặt Plugin TinyMCE Advanced

Việc cài đặt plugin này cũng khá đơn giản ,trước tiên bạn truy cập vào giao diện bảng quản trị website và chọn Gói mở rộng -> Cài mới:

Hướng dần cài plugin WordPress

Hướng dần cài plugin WordPress

Sau đó bạn gõ tên plugin là:”TinyMCE” như trong hình:

Cài đặt plugin tinymceadvanced

Cài đặt plugin tinymceadvanced

Khi gõ xong tên plugin bạn sẽ thấy màn hình quản lý plugin hiển thị như vậy.Bạn chọ đúng tên plugin như hình và click vào chữ “cài đặt ngay bây giờ“.

Sau khi bạn click vào cài đặt thì WordPress sẽ tải plugin về máy và thống báo xem bạn có kích hoạt plugin như sau:Khi đó các plugin sẽ được tích hợp trong hệ thống quản trị website WordPress của bạn.

Kích hoạt plugin tinymce

Kích hoạt plugin tinymce

Bạn thây có hơn 1 triệu luợt cài đặt plugin đủ thấy plugin này được ưa chuộng thế nào.

Sau khi kích hoạt plugin xong bạn cần phải kích hoạt các nút soạn thảo ẩn WordPress ra menu hiển thị bên ngoài.

Bước 2: Kích hoạt các nut soạn thảo ẩn từ plugin TinyMce Advanced trong WordPress

Sau khi cài đặt xong bạn di chuyển vào bảng quản trị web chọn Cài đặt -> TinyMce Advanced như hình ảnh:

Sau khi truy truy cập phần cài đặt bảng soạn thảo cho WordPress bạn sẽ thấy những phần ẩn của nút soạn thảo văn bản như sau:

Kích hoạt nút soạn thảo văn bản ẩn trong WordPress

Kích hoạt nút soạn thảo văn bản ẩn trong WordPress

Việc thêm và bớt các nút hỗ trợ soản thảo bài viết như font size,font-family hay màu nền trở nên rất đơn giản bằng cách bạn kéo Unused Buttons ở dưới lên trên:Ví dụ như mình kéo biểu tượng cảm xúc từ dưới lên trên sẽ hiển thị lên trên phần khung soạn thảo;

Sau khi kéo lên sẽ xuất hiện trên button soạn thảo văn bản như sau:

Tương tự cho các button khác,Bạn có thể kéo lên để kích hoạt các nút soạn thảo ẩn .

Sau khi bạn cài đặt xong các nút soạn thảo ,bạn quay lại phần soạn thảo viết bài ,nhấn refresh lại trình duyệt các nút sẽ hiện thị ra.

Bạn có thể xem chi tiết video cài đặt và kích hoạt nút soạn thảo plugin tinymce advanced tại đây:

Nếu như bạn không muốn sử dụng có thể dùng đoạn code sau chèn vào file functions.php trong thư mục themes:

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");

Ngoài plugin tinyMce Advanced bạn cũng có thể sử dụng một số plugin hỗ trợ soạn thảo văn bản khác như:

2.Plugin CKEditor

Mặc dù CKEditror không được sử dụng nhiều như tinymce advanced nhưng nó cũng có một số ưu điểm nhất định.Nếu như bạn muốn copy định dạng từ bài viết của website khác thì plugin này sẽ hỗ trợ công việc.Khi bạn copy bài viết từ website khác vào trong phần soạn thảo trực quan,thì sẽ lưu luôn css định dạng của web khác.

Nhược điểm plugin :

  • Không tương thích với 1 số plugin khác trong hệ sinh thái WordPress 
  • Plugin năng hơn so với TinyMCE mặc định của WordPress,nó không giúp việc mở rộng hay kích hoạt nút soạn thảo ẩn mà thay thế hoàn toàn bằng bộ  soạn thảo WYSIWYG.

Bạn có thể tải về để cài đặt dùng thử tạị đây

Hoặc bạn truy cập vào giao diện quản trị chọn Gói mở rộng -> Cài mới như trên:

3.Plugin Visual editor Font Size

Nếu như bạn đã hài lòng khung soạn thảo mặc định của WordPress và chỉ muốn thêm nút tăng giảm font chữ trong bài viết sao cho dễ đọc thì đây là plugin phù hợp với bạn.Nó rất nhẹ và dễ sử dụng.

Bạn có thể xem chi tiết chức năng nó tại đây:https://wordpress.org/plugins/visual-editor-font-size/

Cài đặt plugin tương tự như trên.

4.HTML Editor Syntax Highlighter

Nếu như hay viết hướng dẫn về “thiết kế website”,lập trình ,css cho mọi người thì đây sẽ là plugin tuyệt vời hỗ trợ bạn làm nổi bật những đoạn code trong khung soạn thảo.Điều này sẽ giúp độc giả bạn cảm thấy thích thú hơn nhiều.

Bạn xem chi tiết tính năng nổi bật plugin tại đây:https://wordpress.org/plugins/html-editor-syntax-highlighter/

5.Plugin Visual Editor Custom Buttons

Nếu như bạn muôn phong cách mới lạ cho nút soạn thảo văn bản thì đây là một plugin hỗ trợ bạn làm công việc này.Bạn có thể thay đổi icon,thêm định dạng cho các nút dễ dàng.

Xem tiết tính năng của plugin tại đây: https://wordpress.org/plugins/visual-editor-custom-buttons/

6.Plugin Black Studio TinyMCE Widget

Để cài đặt plugin này bạn làm tương tự như cài đặt plugin Tinymce,vào bảng quản trị chọn Gói mở rộng -> Cài mới
gõ tên: “Black Studio TinyMCE Widget
Sau đó bạn chọn cài đặt ngay bây giờkích hoạt tương tự như trên.
Sau khi cài đặt và kích hoạt xong,bạn di chuyển vào Giao diện -> Widget thấy nó xuật hiện như sau là đúng:
Bạn sử dụng như Widget Văn bản bình thường kéo vào sidebar để sử dụng,Khi kéo vào sidebar,bạn sẽ thấy khung soản thảo nội dung widget đẩy đủ như khi bạn viết bài:
Bổ sung nút khung soản thảo nội dung widget

Bổ sung nút khung soản thảo nội dung widget

Với khung soạn thảo như vậy bạn có thể thêm video,nhạc,hình ảnh vào widget giống như khi viết bài.
Kết luận:Việc bổ sung thêm nút soạn thảo văn bản mặc định trong WordPress là rất cần thiết.Bằng việc sử dụng những plugin trên hi vong sẽ giúp ích cho bạn
Xem thêm những kiến thức hữu ích:
Bổ sung tính năng cho trình soạn thảo văn bản WordPress
5 (100%) 2 votes

VỀ CHÚNG TÔI

WEBTHANGLONG là công ty về dịch vụ thiết kế website chuyên nghiệp chuẩn seo trên nền tảng WordPress,Laravel kết hợp với các ngôn ngữ HTLM5, CS3, PHP, Bootstrap,...Ngoài ra tại WebThangLong chúng tôi còn mang tới các giải pháp dịch vụ về Internet Marketing...

Báo giá Website

Liên hệ với WEBTHANGLONG để nhận báo giá cho dự án website của bạn với mức giá tốt nhật..