Chào mừng các bạn đến với Công Việt Blog! Đối với những người sử dụng WordPress, việc tận dụng đầy đủ các tính năng của trình soạn thảo là yếu tố quan trọng để tạo ra nội dung chất lượng và thú vị. Gần đây, nhiều phiên bản WordPress đã ẩn đi một số công cụ quan trọng của trình soạn thảo, gây khó khăn cho những người muốn tùy chỉnh giao diện văn bản theo ý muốn của mình.
Một trong những tính năng quan trọng mà nhiều người ngần ngại khi bị ẩn là căn lề 2 bên (Justify), khả năng chọn size và font chữ, tất cả đều là những yếu tố cần thiết để tối ưu hóa hình ảnh và định dạng nội dung. Tuy nhiên, đừng lo lắng, vì trong bài viết này, CongVietBlog sẽ hướng dẫn cách kích hoạt những công cụ này chỉ bằng việc thêm một đoạn code đơn giản.
Để có thể kích hoạt khung soạn thảo đầy đủ như bạn thấy trên hình, chỉ cần sao chép đoạn code dưới đây và dán vào file functions.php của theme bạn đang sử dụng:
if ( ! function_exists( 'cvblog_ilc_mce_buttons' ) ) {
function cvblog_ilc_mce_buttons($buttons){
array_push($buttons,
"alignjustify",
"subscript",
"superscript"
);
return $buttons;
}
add_filter("mce_buttons", "cvblog_ilc_mce_buttons");
}
if ( ! function_exists( 'cvblog_ilc_mce_buttons_2' ) ) {
function cvblog_ilc_mce_buttons_2($buttons){
array_push($buttons,
"backcolor",
"anchor",
"fontselect",
"fontsizeselect",
"cleanup"
);
return $buttons;
}
add_filter("mce_buttons_2", "cvblog_ilc_mce_buttons_2");
}
// Customize mce editor font sizes
if ( ! function_exists( 'cvblog_mce_text_sizes' ) ) {
function cvblog_mce_text_sizes( $initArray ){
$initArray['fontsize_formats'] = "9px 10px 12px 13px 14px 16px 17px 18px 19px 20px 21px 24px 28px 32px 36px";
return $initArray;
}
add_filter( 'tiny_mce_before_init', 'cvblog_mce_text_sizes' );
}
Nếu bạn không chèn được, có thể inbox mình qua Facebook cá nhân hoặc Fanpage mình chèn cho, phí là 50k nha :D
Trong đoạn code trên, mình đã sắp xếp các nút chức năng thành hai dòng để tạo ra một giao diện đẹp mắt hơn. Bạn có hoàn toàn quyền thêm hoặc bớt các công cụ, cũng như sắp xếp chúng ở các dòng khác nhau tùy theo sở thích của mình. Các vị trí sẵn có để đặt các nút chức năng bao gồm: mce_buttons, mce_buttons_2, mce_buttons_3, mce_buttons_4. Trong đoạn code trên, mình đã sử dụng mce_buttons và mce_buttons_2.
Mặc định, kích thước được chọn là pt. Mình đã thêm một đoạn code để chuyển đổi kích thước về px. Nếu bạn muốn giữ nguyên đơn vị là pt, hoặc muốn thêm hoặc bớt các kích thước, bạn hoàn toàn có thể chỉnh sửa theo ý muốn của mình. Nếu bạn không muốn sử dụng chức năng này, bạn cũng có thể xóa nó đi mà không gặp vấn đề gì. Hãy thoải mái tùy chỉnh theo nhu cầu cụ thể của bạn.
Chỉnh tinymce với theme Flatsome
Nếu bạn đang sử dụng theme Flatsome, hãy bỏ qua đoạn code ở trên và thay vào đó, bạn chỉ cần sao chép đoạn code dưới đây và dán vào file functions.php của theme bạn đang sử dụng (Child theme):
<?php
if ( ! function_exists( 'cvblog_ilc_mce_buttons' ) ) {
function cvblog_ilc_mce_buttons($buttons){
array_push($buttons,
"alignjustify",
"subscript",
"superscript"
);
return $buttons;
}
add_filter("mce_buttons", "cvblog_ilc_mce_buttons");
}
if ( ! function_exists( 'cvblog_ilc_mce_buttons_2' ) ) {
function cvblog_ilc_mce_buttons_2($buttons){
array_push($buttons,
"fontselect",
"cleanup"
);
return $buttons;
}
add_filter("mce_buttons_2", "cvblog_ilc_mce_buttons_2", 9999);
}
function flatsome_editor_text_sizes($initArray){
$initArray['fontsize_formats'] = "9px 10px 12px 13px 14px 16px 17px 18px 19px 20px 21px 24px 28px 32px 36px";
return $initArray;
};
Nếu bạn không chèn được, có thể inbox mình qua Facebook cá nhân hoặc Fanpage mình chèn cho, phí là 50k nha :D
Lưu ý rằng việc sử dụng child theme là quan trọng để đảm bảo những thay đổi của bạn không bị mất khi theme được cập nhật. Hãy chắc chắn bạn đang sử dụng child theme trước khi thực hiện thay đổi.
Ngoài ra, nếu bạn không biết về code, thì bạn có thể thử cài plugin TinyMCE Advanced nhé!
Trên đây là hướng dẫn chi tiết để kích hoạt khung soạn thảo đầy đủ trong WordPress. Qua đoạn code đơn giản trong functions.php, bạn có thể linh hoạt tùy chỉnh giao diện và các công cụ soạn thảo theo ý muốn. Đối với người sử dụng theme Flatsome, đoạn code tương ứng cũng đã được cung cấp. Hãy thực hiện theo hướng dẫn và trải nghiệm sự thuận tiện trong quá trình soạn thảo nội dung trên trang web WordPress của bạn!
- Kích thước hình ảnh quảng cáo bài viết Facebook chuẩn 2024
- Hướng dẫn chèn Messenger Facebook vào Website
- Hướng dẫn trang trí cành Mai – Câu đối đón Tết cho Website
- Ẩn thông báo cập nhật WordPress khỏi tất cả người dùng ngoại trừ quản trị viên
- Hướng dẫn mua Hosting tại Hostinger giá rẻ từ A-Z
Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của CongVietBlog để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy CongVietBlog trên Facebook.
