Một số hook cơ bản của Flatsome phần 1

Ngày đăng: 06 - 01 - 2021 Lượt xem: 38 lượt

Được xây dựng và phát triển bởi những chuyên gia hàng đầu,nên Flatsome có một thiết kế rất chuyên nghiệp và hiện đại .

Chính vì vậy mà nhu cầu chỉnh sửa Flatsome vô cùng nhiều, yêu cầu các bạn phải có 1 số kiến thức nhất định hook cơ bản của Flatsome.

1. Hook nằm ở header của Flatsome

Ở header của Flatsome có một hook tên là

  • Phía trước Header là: flatsome_before_header.
  • Phía sau Header là: flatsome_after_header.

Dưới đây là ví dụ, các bạn sẽ hiểu được phần nào. Mình viết trong file functions.php nhé:

function topheader(){
    echo   “<p style=’text-align:center’>Chào mừng bạn đến với Học Wordpress</p>”;
}
add_action(‘flatsome_before_header’,’topheader’);
function bottomheader(){
    echo   “<p style=’text-align:center’>Admin Học Wordpress</p>”;
}
add_action(‘flatsome_after_header’,’bottomheader’)

và đây là hình ảnh:

hook header flatsome

Tương tự như header đó là các hook:

flatsome_after_header,flatsome_before_footer mình không nhắc lại nữa nhé.

3.Hook woocommerce_product_description_heading

Đoạn code này giúp bạn thêm vào phần mô tả sản phẩm trong woocommerce.

function add_heading_custom($heading){
    return $heading = ‘Đây là phần mô tả ‘;
}
add_filter(‘woocommerce_product_description_heading’,’add_heading_custom’,100);
hook des flatsome

4.Hook flatsome_before_product_page

Hook này sẽ hiển thị ở ngay sau thẻ mở “main” của product.
function add_text_flatsome_before_product_page(){
    echo ‘<div class=”row”> Hook này sẽ hiển thị ở ngay sau thẻ mở “main” của product.</div>’;
}
add_action(‘flatsome_before_product_page’,’add_text_flatsome_before_product_page’);
hook prodcut flatsome

5.Hook flatsome_after_product_page

Hook này sẽ hiển thị ở ngay sau thẻ đóng “main” của product.

function add_text_flatsome_after_product_page(){

    echo ‘<div class=”row”> Hook này sẽ hiển thị ở ngay sau thẻ mở “main” của product.</div>’;
}
add_action(‘flatsome_after_product_page’,’add_text_flatsome_after_product_page’);

Lời kết

Hy vọng phần hướng dẫn cách sử dụng hook cơ bản của Flatsome.

Nếu các bạn thấy hay có thể theo dõi chuyên mục thủ thuật wordpress để biết thêm nhiều kiến thức mới nha.

Hãy follow fanpage để nhận được những bài viết mới nhất nhé : Hocwordpress Group

Chúc bạn có những kiến thức về  wordpress thú vị và hay ho !

0 0 vote
Article Rating

guest
0 Comments
Inline Feedbacks
View all comments

Bài viết liên quan

Làm web bán hàng với Flatsome – Tuỳ chỉnh cho WooCommerce

Làm web bán hàng với Flatsome – Tuỳ chỉnh cho WooCommerce

03 - 04 - 2020

Tuỳ chỉnh cho giao diện WooCommerce sẽ là bài cuối trong series Làm Web bán hàng với Flatsome. Trong...

Làm web bán hàng với Flatsome - Tuỳ chỉnh hiển thị Blog

Làm web bán hàng với Flatsome - Tuỳ chỉnh hiển thị Blog

31 - 03 - 2020

Các giao diện wordpress chuyên nghiệp cho phép bạn chỉnh sửa hiển thị các trang chức năng riêng biệt....

Làm web bán hàng với Flatsome - Tuỳ chỉnh giao diện

Làm web bán hàng với Flatsome - Tuỳ chỉnh giao diện

31 - 03 - 2020

Tuỳ chỉnh giao diện bao gồm bố cục, màu sắc, font chữ,... để website mang phong cách riêng. Đây...

Làm web bán hàng với Flatsome – Tạo trang liên hệ tuyệt đẹp

Làm web bán hàng với Flatsome – Tạo trang liên hệ tuyệt đẹp

30 - 03 - 2020

Trang liên hệ là một thành phần không thể thiếu đối với mỗi website. Trang liên hệ là nơi...

Làm web bán hàng với Flatsome – Tạo footer

Làm web bán hàng với Flatsome – Tạo footer

30 - 03 - 2020

Footer hay còn gọi là chân trang, là thành phần nằm dưới cùng của trang. Footer thường chứa các...

Làm web bán hàng với Flatsome – Tạo nội dung trang chủ

Làm web bán hàng với Flatsome – Tạo nội dung trang chủ

29 - 03 - 2020

Trong bài viết trước mình đã tạo phần đầu trang chủ với các loại banner. Trong bài viết này,...

0
Would love your thoughts, please comment.x
()
x