Thông thường, sau khi cài WordPress sẽ sử dụng trình soạn thảo mới là Gutenberg hoặc Classic Editor, cả hai đều bị ẩn đi một số tính năng có sẵn như căn lề 2 bên, chữ mũ trên dưới, font chữ,.., và phải dùng code hoặc plugin để mở lại mới được. Dưới đây là một cách đơn giản để mở lại nhé.
Cách 1: Thêm code vào functions.php
Từ phiên bản WordPress 4.7.3 thì các chức năng như căn lề 2 bên, chữ mũ trên dưới, chọn font chữ đều bị ẩn trên trình soạn thảo văn bản. Hãy thêm đoạn code dưới đây vào functions.php của theme/child theme đang kích hoạt.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | if ( ! function_exists( 'hiepdesign_ilc_mce_buttons' ) ) { function hiepdesign_ilc_mce_buttons($buttons){ array_push($buttons, "alignjustify", "subscript", "superscript" ); return $buttons; } add_filter("mce_buttons", "hiepdesign_ilc_mce_buttons"); } if ( ! function_exists( 'hiepdesign_ilc_mce_buttons_2' ) ) { function hiepdesign_ilc_mce_buttons_2($buttons){ array_push($buttons, "backcolor", //cái này có thể bỏ nếu dùng flatsome "anchor", //cái này có thể bỏ nếu dùng flatsome "fontselect", "fontsizeselect", "cleanup" //cái này có thể bỏ nếu dùng flatsome ); return $buttons; } add_filter("mce_buttons_2", "hiepdesign_ilc_mce_buttons_2"); } |
Cách 2: Cài plugin TinyMCE Advance
Sử dụng TinyMCE Advance không chỉ giúp hiển thị hết các tính năng soạn thảo bị ẩn mà còn bổ sung thêm bảng, format,.. Truy cập Admin > Plugin > cài mới
Bonus
Những ai sử dụng Flatsome sẽ thấy trình soạn thảo sử dụng đơn vị kích thước chữ là % mà không phải là PT hay PX khiến chúng ta khó hình dung lớn nhỏ ra sao. Nếu muốn chuyển đổi % sang px hoặc pt thì có thể sử dụng đoạn code dưới đây, thêm vào child theme / theme đang kích hoạt nhé.
| 1 2 3 4 5 6 7 | if ( ! function_exists( 'hiepdesign_mce_text_sizes' ) ) { function hiepdesign_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', 'hiepdesign_mce_text_sizes', 99 ); } |
Nguồn: https://hoanghiepweb.com
Gọi TuongAds
Chat Zalo
Bài viết cùng chủ đề:
Bài viết cùng chuyên mục: