Đổi Font phần trăm sang px trong Theme Flatsome

Tối ưu trình soạn thảo: Chuyển đổi đơn vị Font size từ % sang px trong Theme Flatsome

Trong quá trình quản trị nội dung trên website sử dụng theme Flatsome, nhiều người dùng thường gặp bất tiện khi trình soạn thảo văn bản mặc định hiển thị kích thước font chữ theo đơn vị phần trăm (%). Điều này gây khó khăn trong việc kiểm soát chính xác kích thước hiển thị thực tế trên giao diện người dùng (frontend).

Tại STAR WAR Digital Solutions, chúng tôi ưu tiên các giải pháp tối ưu hóa trải nghiệm quản trị. Dưới đây là cách đơn giản để chuyển đổi đơn vị font size sang px, giúp bạn kiểm soát nội dung chuyên nghiệp hơn.

Hướng dẫn kỹ thuật

Để thay đổi cấu hình này, bạn cần can thiệp vào file functions.php của theme. Lưu ý: Hãy luôn thực hiện thao tác này trên Child Theme để đảm bảo các tùy chỉnh không bị mất đi khi theme gốc cập nhật.

Bạn hãy sao chép đoạn code dưới đây và dán vào cuối file functions.php:

if ( ! function_exists( 'starwar_mce_text_sizes' ) ) {
    function starwar_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', 'starwar_mce_text_sizes', 99 );
}

Lưu ý bổ sung để quản trị hiệu quả

Sau khi áp dụng đoạn code trên, trình soạn thảo của bạn sẽ hiển thị các tùy chọn kích thước cố định bằng đơn vị pixel. Để nâng cao hơn nữa khả năng tùy biến và định dạng văn bản, chúng tôi khuyến nghị bạn nên cài đặt thêm plugin Advanced Editor Tools (trước đây là TinyMCE Advanced).

Plugin này không chỉ giúp bạn quản lý font size linh hoạt mà còn cung cấp thêm nhiều công cụ định dạng chuyên sâu, giúp việc trình bày nội dung trên website trở nên nhất quán và trực quan hơn.

Việc kiểm soát tốt các thông số kỹ thuật nhỏ trong trình soạn thảo sẽ giúp quy trình vận hành website của bạn trơn tru và chính xác hơn. Nếu bạn cần hỗ trợ thêm về tối ưu hóa giao diện hoặc các giải pháp kỹ thuật chuyên sâu cho Flatsome, đội ngũ STAR WAR Digital Solutions luôn sẵn sàng đồng hành cùng doanh nghiệp của bạn.