Thêm custom hook vào flatsome (add custom hook into flatsome)

21/08/2020 07:23 2876

Trong công việc tạo child theme cho flatsome đôi khi chúng ta muốn chèn một hook của chúng ta vào để móc vào function gì đó của chúng ta. Tôi xin chia sẽ đoạn code để thêm vào:

1.Tạo shortcode

function custom_hook($atts, $content = null) {
    extract(shortcode_atts(array( 'hook' => null), $atts));
    do_action($hook);
}
add_shortcode('custom_hook', 'custom_hook');

function custom_hook($atts, $content = null) {

extract(shortcode_atts(array( 'hook' => null), $atts));

do_action($hook);

}

add_shortcode('custom_hook', 'custom_hook');

2. Thêm shortcode này vào panel của flatsome

public function ux_builder_element(){
    add_ux_builder_shortcode( 'custom_hook',  
        array(
            'name'      => __('Custom Hook'),
            'category'  => __('Content'),
            'priority'  => 1,
            'options' => array(
                'hook'    =>  array(
                    'type' => 'textfield',
                    'heading' => 'Hook Name',
                    'default' => 'Hook Name',
                )
            )
        )
    );
}
add_action('ux_builder_setup',  'ux_builder_element');

public function ux_builder_element(){

add_ux_builder_shortcode( 'custom_hook',

array(

'name' => __('Custom Hook'),

'category' => __('Content'),

'priority' => 1,

'options' => array(

'hook' => array(

'type' => 'textfield',

'heading' => 'Hook Name',

'default' => 'Hook Name',

)

);

}

add_action('ux_builder_setup', 'ux_builder_element');

Bạn copy tất cả code bỏ vào file functions.php là chạy được nha

Chili Comment. Giấy phép không hợp lệ. Kích hoạt tại đây

Gửi Phản Hồi

0 Bình Luận

có thể bạn cần xem:

Css bổ sung cho vertical menu flatsome [ 10/04/2023 12:44 ]
Thêm breadcrumb cho flatsome [ 11/10/2021 07:53 ]
Thêm hotline bên trái trong flatsome [ 06/10/2021 02:02 ]
Thêm nút add to cart và mua ngay hiện khi scroll xuống dưới cho flatsome [ 25/08/2020 09:10 ]
Css mũi tên cho nút on sale trong flatsome [ 25/08/2020 02:44 ]

Thêm custom hook vào flatsome (add custom hook into flatsome)

có thể bạn cần xem:

Hướng dẫn thiết kế theme

Thiết kế theme wordpress phần 8

Thiết kế theme wordpress phần 7

Thiết kế theme wordpress phần 6

Thiết kế theme wordpress phần 5

Thiết kế theme wordpress-phần 4

Các functions thường dùng

Function xử lý upload to media wordpress

Function get ip address

Thay thế file_get_contents

Code tích hợp acf vào theme và plugin

Một số function thường dùng khi làm theme wordpress (some functions popular for work do theme worpdress)