Hiển thị đẩy đủ khung soạn thảo wordpress – đổi font phần trăm sang px trong flatsome

Trong series này mình sẽ hướng dẫn các bạn kích hoạt chế độ full khung soạn thảo wordpress như căn lề 2 bên, font size, … và trong flatsome phần font size họ lại để theo phần trăm, nên mình dùng không quen để căn chỉnh size của font chữ.

Kích hoạt đầy đủ khung soạn thảo trong wordpress

Bạn hãy mở file functions.php (đối với child theme thì vào functions.php của childtheme) lên dán đoạn code bên dưới vào, rồi load lại trang vào lại khung soạn thảo bài viết lúc đó sẽ hiển thị thêm 1 số chức năng trên thanh công cụ soạn thảo bài viết trong wordpress, vậy là bạn hiển thị thêm 1 số chức năng bị ẩn trên khung soạn thảo của wordpress mới nhất tính từ bản 4.7.3.

khung soan thao wordpess

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

Dùng Plugin TinyMCE Advance để sử dụng thêm chức năng soan thảo

Nếu bạn không thích code , mà thích dùng plugin thì có thể dùng plugin TinyMCE Advance để kích hoạt nhiều chức năng soạn thảo nhiều hơn nhưng mình thấy dùng code như ở trên kích hoạt cũng là đủ rồi không cần nhiều lắm,

Đổi phần trăm font chữ sang đơn vị px trong flatsome

Đối với theme Flatsome phần font size họ lại hiển thị là % chứ không phải PT hay PX , nên 1 số người dùng sẽ không quen cho lắm, nên đoạn code bên dưới cũng sẽ đổi phần trăm font chữ sang đợn vị px trong flatsome. Dán đoạn code bên dưới vào file functions.php (đối với child theme thì vào functions.php của childtheme).

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

Chúc các bạn thành công.

Nguồn sưu tầm internet.

Đánh giá

DỊCH VỤ TUỆ LÂM SOFT ĐANG CUNG CẤP

THIẾT KẾ WEBSITE

Tuệ Lâm Soft Cung cấp giải pháp thiết kế website theo yêu cầu, thiết kế website trọn gói theo mẫu giá rẻ, nhiều mẫu giao diện đẹp, khả năng tùy biến cao, tối ưu hóa Onpage.

PHÒNG MARKETING THUÊ NGOÀI

Phòng Marketing Thuê Ngoài Tuệ Lâm Soft giúp doanh nghiệp làm Marketing bài bản. Tối ưu chi phí vận hành, tối đa hiệu quả công việc. Cam kết hiệu quả. Đội ngũ kinh nghiệm

THIẾT KẾ LOGO THƯƠNG HIỆU

Đội ngũ trẻ thiết kế logo nhận diện thương hiệu trẻ trung, sáng tạo, ấn tượng. Dịch vụ uy tín hàng đầu. Giá rẻ, tư vấn chuẩn xác. Quy trình bài bản. Đội ngũ nhiệt tình.

QUẢNG CÁO GOOGLE ADWORD

Tư vấn từ khóa hiệu quả, nhắm đúng khách hàng mục tiêu, theo dõi đấu giá từ khóa, tăng điểm chất lượng quảng cáo Google tối ưu chi phí tốt nhất.

DỊCH VỤ SEO

Dịch vụ SEO website chuyên nghiệp bền vững, gia tăng sự nhận diện thương hiệu của doanh nghiệp trên internet, tối đa hóa lợi nhuận với chi phí tối ưu nhất

EMAIL DOANH NGHIỆP

Email Doanh Nghiệp Mua 1 Lần Dùng Vĩnh Viễn‎ - Hệ thống Email theo tên miền góp phần gây dựng nên hình ảnh chuyên nghiệp nâng cao uy tín - khẳng định thương hiệu cho công ty bạn.