Tạo widget giữa các bài viết trong theme Paradise

Tạo widget giữa các bài viết trong trang lưu trữ (chuyên mục, thẻ, tác giả) của theme Paradise.

Theo mặc định, theme Paradise hỗ trợ sẵn rất nhiều khu vực widget khác nhau (1 ở header, 2 sidebar, 3 ở trang chủ, 3 ở footer và 1 sau bài viết). Tuy nhiên, nếu bạn cảm thấy chừng đó là chưa đủ, muốn tạo widget giữa các bài viết trong trang lưu trữ (chuyên mục, thẻ, tác giả…) để chèn quảng cáo Google AdSense chẳng hạn, thì bài viết này là dành cho bạn. Chỉ với vài bước đơn giản, các bạn đã có thể tạo thêm khu vực widget mà không cần phải biết về code.

Tham khảo thêm:

• Hướng dẫn chèn quảng cáo vào bài viết trong WordPress
• Tích hợp công cụ tìm kiếm Google cho theme Paradise

Khi nào nên dùng widget này?

Đây là widget dạng vòng lặp nên nó sẽ hiển thị lặp lại nhiều lần trên mỗi trang. Ví dụ nếu bạn để con số là 2 thì cứ sau 2 bài viết, widget sẽ hiển thị 1 lần. Do đó, nó đặc biệt phù hợp với các loại quảng cáo động, chẳng hạn như Google AdSense hay các mạng quảng cáo, tiếp thị liên kết có mã quảng cáo tự động. Nếu bạn chèn quảng cáo dạng tĩnh (chẳng hạn như quảng cáo banner hình ảnh) và để số quá nhỏ thì nó sẽ lặp lại nhiều lần trông khá nhàm chán.

Tạo widget giữa các bài viết trong trang lưu trữ

1. Đầu tiên, hãy chèn đoạn code sau đây vào file functions.php của theme Paradise. Các bạn cũng có thể sử dụng plugin Code Snippets để chèn, tránh việc code bị mất khi update theme lên phiên bản mới.

//* Add new widget Between Posts Area
genesis_register_sidebar( array(
'id' => 'between-posts-area',
'name' => __( 'Between Posts Area', 'paradise-theme' ),
'description' => __( 'This widget show between and after few posts.', 'paradise-theme' ),
) );
//* Add widget area between and after 2 posts
add_action( 'genesis_after_entry', 'paradise_theme_between_posts_area' );
function paradise_theme_between_posts_area() {
global $loop_counter;
$loop_counter++;
if( $loop_counter == 2 ) {
if ( is_active_sidebar( 'between-posts-area' ) ) {
    echo '<div class="between-posts-area widget-area"><div class="wrap">';
	dynamic_sidebar( 'between-posts-area' );
	echo '</div></div><!-- end .top -->';
	}
$loop_counter = 0;
}
}

Ở dòng code số 12, các bạn có thể thay đổi 2 thành bất cứ con số nào mà bạn muốn. Tất nhiên, con số đó không được phép lớn hơn số bài viết tối đa hiển thị trên mỗi trang lưu trữ. Ví dụ mỗi trang có 10 bài viết thì bạn không được phép để số lớn hơn 10.

2. Tiếp theo, chèn đoạn CSS sau vào file style.css của theme Paradise. Các bạn cũng có thể chèn nó thông qua Appearance => Customize => Additional CSS để tránh code bị xóa mất khi update theme lên phiên bản mới.

.between-posts-area.widget-area {
    margin: -20px 0 -20px 0;
}

Các bạn có thể tùy biến CSS theo nhu cầu sử dụng.

3. Truy cập Appearance => Widgets, các bạn sẽ thấy xuất hiện thêm 1 khu vực có tên là Between Posts Area. Các bạn có thể chèn bất cứ widget nào vào đây.

Lưu lại và kiểm tra kết quả. Thật đơn giản phải không nào? Chúc các bạn thành công!

Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)