1BANNER 123
5/5 - (721 bình chọn)

Trước đây mình đã chia sẽ một số hook nằm trong product box của Flatsome, hôm nay mình sẽ chia sẻ tiếp một số hook nữa, lần này sẽ nằm trong post box của Flatsome nhé.

Cách bạn có thể xem lại các hook của product box tại đây nhé: Một số hook cơ bản của theme flatsome P.1

Post của flatsome cũng không có quá nhiều hook, mình sẽ giới thiệu 1 số hook mà mình đã từng làm việc nhé. Các bạn muốn tìm hiểu về hiều hook khác của Flatsome thì có thể tra cứu tại đây nhé: https://docs.uxthemes.com/article/385-hooks

Các hook nằm trong Element blog post của Flatsome

Trong element Blog Post của flatsome thì hiện tại có 2 hook là

flatsome_blog_post_before
flatsome_blog_post_after

Theo như tên gọi thì bạn cũng có thể biết 2 hook này nằm ở đâu rùi đúng không, 1 hook nằm ở đầu và 1 hook nằm ở cuối. Để có thể minh họa cho 2 hook này thì các bạn xem đoạn function dưới đây nhé.

function showhook(){
    echo 'Pttuan410.com - Before';
}
add_action('flatsome_blog_post_before','showhook');

Các bạn thêm đoạn hook này vào file function.php của mình nhé. Kết quả sau khi thêm sẽ như thế này:

Khi thêm function flatsome_blog_post_before thì nó sẽ hiển thị tại đây.

Thêm đoạn function dưới đây để bạn có thể biết được vị trí của hook flatsome_blog_post_after

function showhook2(){
    echo 'Pttuan410.com - after';
}
add_action('flatsome_blog_post_after','showhook2');

Và kết quả sẽ như thế này.

Hook này sẽ hiển thị ở dưới của mô tả bài viết

Chỉ vậy thôi, hiện tại thì nó Flatsome hỗ trợ 2 hook này.

Các hook nằm trong single của Flatsome.

Hook nằm trong single post của Flatsome hay bất kì theme nào thì hình như chỉ có

the_content
the_title

Mình sẽ share cho các bạn 3 đoạn funciton để các bạn có thể thêm bất kì một content nào vào ĐẦU, CUỐI VÀ GIỮA của 1 bài post.

Function thêm content vào đầu bài viết

Để có thể thêm content vào đầu bài viết như thế này:

Hiển thị đoạn content mới ngay trên content của bài viết.

Để được như vậy thì các bạn thêm đoạn function dưới đây nhé

function hook_before_content( $content ) {
    if( is_single() && ! empty( $GLOBALS['post'] ) ) {
        if ( $GLOBALS['post']->ID == get_the_ID() ) {
        $pttuan_content = 'Pttuan410.com - Before content';
        $pttuan_content .= $content;
        }
    return $pttuan_content;
    }
}
add_filter( 'the_content', 'hook_before_content' );

Function thêm content mới phía dưới bài viết

Mình đã chia sẻ bài viết này trong blog của mình rồi, các bạn có thể xem thêm tại đây: Hướng dẫn chèn content mặc định ở dưới cùng của bài viết

Hoặc thêm đoạn function này vào file nhé.

function aftercontent( $content ) {
    if( is_single() && ! empty( $GLOBALS['post'] ) ) {
        if ( $GLOBALS['post']->ID == get_the_ID() ) {
            $content .= 'Nội dung bạn muốn thêm vào sau content';
        }
    }
    return $content;
}
add_filter('the_content', 'aftercontent');

Và kết quả sẽ ntn

Thêm content vào dưới cùng của bài post

Lưu ý là 2 function trên mình viết cho post nhé, để áp dụng cho các custom post type khác thì các bạn vui lòng sửa lại nhé. Các bạn có thể tham khảo thêm cách tạo custom post type.

Function thêm content vào giữa bài viết

Nói là giữa bài viết thì cũng không chính xác. Function này sẽ giúp các bạn thêm content vào sau một đoạn mà các bạn muốn. Ví dụ dưới đây mình sẽ thêm một content sau 2 đoạn nhé. Cái này chắc mấy bạn chơi Adsense sẽ thích (Có plugin hỗ trợ rồi nhưng code vẫn nhẹ hơn đúng không?)

add_filter('the_content', 'contentafter2para');
function contentafter2para($content){
    if(is_single()){
        $pttuan_content = 'PTTUAN410.com - content sau 2 câu';
        $after = 2;
        $end = '</p>';
        $content_pttuan = explode($end, $content);
        foreach($content_pttuan as $key => $cont){
            if(trim($cont)) {
                $content_pttuan[$key] .= $end;
            }
            if(($key + 1) == $after){  
                $content_pttuan[$key] .= $pttuan_content;
            }
        }
        $content = implode('', $content_pttuan);
    }
    return $content;    
}

Và kết quả sẽ như thế này các bạn nhé:

Hiển thị content PTTUAN410.com sau 2 đoạn

Function thêm content vào sau title

Hook này mình không biết có thật sự cần thiết không, vì thường title mỗi bài post nó sẽ khác nhau, nếu sử dụng hook này thì cũng phiền. Nhưng mình vẫn sẽ giới thiệu cho mọi người về cái hook này nhé.

function hook_title( $title ) {
    $custom_title = ' - Pttuan410';
    $title .= $custom_title;
    return $title;
}
add_filter( 'the_title', 'hook_title' );

và kết quả của hook này như sau

Hook phía sau title

Còn đằng trước Title thì như thế nào? Các bạn có thể hướng dẫn mình được không ^^.

Thôi kiến thức về post của mình chỉ có bao nhiêu đây thôi, các bạn còn biết hook nào liên quan đến post thì có thể share cho mình để mình share cho các bạn mới với nhé. Chúc các bạn sẽ sử dụng các hook này hiệu quả.

6 thoughts on “Một số hook cơ bản của theme flatsome P.2

  1. Anh Thư says:

    Có bài hướng dẫn nào showhook + Plugin ACF theo từng chuyên mục của blog post không bạn. Làm theo cách ở trên hướng dẫn khi showhook ra thì được rồi nhưng nó ra tất cả các chuyên mục của Blog post luôn.

    • Thành Tuấn says:

      Từng chuyên mục thì bạn đặt điều kiện để check if + ACF là được. Muốn làm dc cái đó bạn phải nắm code rùi. Mình chỉ hướng dẫn cơ bản để các bạn có thể tìm tòi thôi, còn đối với các bài mang tính chất giải quyết vấn đề thì mình chưa hỗ trợ dc. Hoặc bạn có thể ib riêng cho mình

      • Anh Thư says:

        function showhook2(){
        echo ‘Pttuan410.com – after’;
        }
        add_action(‘flatsome_blog_post_after’,’showhook2′);
        —————————————————————————
        Cái ví dụ F1 có cách nào showhook ra theo chuyên mục của post không bạn. Nếu cộng thêm Plugin ACF

        • Thành Tuấn says:

          Bạn phải xem có hỗ trợ hook k, sau đó bạn thay vào đây là được add_action(‘vi tri hook moi’,’showhook2′);

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *