Hướng dẫn Genesis Framework – Thêm widget dưới bài đăng

Dạo quanh các blog dùng genesis bạn sẽ thường thấy phía dưới phần bài đăng thường sẽ có một khung thu thập email khá là đẹp mắt và rất gây chú ý cho người đọc khi vừa xem xong bài viết của bạn. Nếu bài viết chất lượng họ có thể sẽ muốn nhận tin thường xuyên hơn và trở thành một độc giả thân thiết của bạn đấy. Bài viết này sẽ hướng dẫn bạn cách tạo Widget này nhanh chóng chỉ với vài đoạn mã.

After-Post-Widget-Genesis-Hooks

Hướng dẫn Genesis Framework – Thêm widget dưới bài đăng

Lưu ý là ngoài khung thu thập Email bạn còn có thể sử dụng để add mọi chức năng widget bạn cần nữa. Thật khá hay ho và tiện dụng phải không nào. Bạn chỉ cần làm theo 3 bước cơ bản sau đây: (

  1. Kết nối với host (bằng Cpanel hoặc Filezilla) tìm tới file fuction.php của child theme. Thường thì nó sẽ nằm ở link sau: public_html > wp-content > Theme > Tên child theme > fuction.php
  2. Tải về file Fuction.php phòng trường hợp khi có lỗi xảy ra (lỗi thì up lên file vừa tải là được)
  3. Thêm đoạn code sau vào Fuction.php và save lại là xong!
/** Add the after post section */
genesis_register_sidebar( array(
 'id' => 'afterpost',
 'name' => __( 'After Post Widget', 'child theme' ),
 'description' => __( 'This is the after post section.', 'child theme' ),
) );

/** Add Hook to show widgets after Post Section. */
add_action( 'genesis_entry_footer', 'custom_add_after_post_box', 15 );
function custom_add_after_post_box() {
 if ( is_singular( 'post' ) )
 genesis_widget_area( 'afterpost', array(
 'before' => '<div id="afterpost">',
 ) );
}

Sau đó bạn chỉ việc vào phần widget của giao diện và thêm widget tùy thích vào đây. Nếu bạn muốn thêm khung Email thì chỉ việc gắn thẳng Widget của Plugin Genesis eNews Extended của bài hướng dẫn trước vào là được.

Nếu không thích thì bạn có thể chèn ảnh quảng cáo, nội dung v..v bất kỳ. Chúc bạn thành công! Hãy chia sẻ hoặc đánh giá (bằng sao) cho bài viết nếu bạn thấy nó có ích cho bạn nhé!

Thông tin liên hệ

    • 1

      Step 1

    • 2

      Step 2

    • 3

      Step 3

    1/3

    Step 1

    0%

    50%

    100%

    X