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. :)
Hiệu ứng đổ bóng trông cũng đẹp mà sao phải bỏ Hiếu nhỉ?
Quay về với thiết kế đơn giản. :D
Em cũng thấy sự đơn giản nhưng vẫn hài hòa đẹp ạ! Thấy đổ bóng có không hợp với web!
Cho e hỏi thêm là muốn hiển thị “Chuyên mục” và “Thẻ” không trên cùng một dòng mà hiển thị kiểu:
Chuyên mục:………..
Thẻ:…………….
Thì phải làm sao ạ?
Mấy cái này bạn có thể tùy biến trong Appearance => Customize => Theme Settings => Singular Content => Entry Meta (below content) mà. Muốn xuống dòng thì thêm thẻ
br
vào là được.Hiệu ứng này mình thấy bất cập ảnh Png đó bạn :)) . Bỏ đi cũng ổn hơn hehe
Công nhận, ảnh png đúng là không ổn :))
Thực ra là mình có cách đổ bóng cho ảnh PNG nền trong suốt. Nhưng hiệu ứng không đẹp lắm nên mình quyết định bỏ hết luôn cho đỡ rối. :)
Thôi cứ đơn giản là đẹp :P
Cái này áp dụng để lắp quảng cáo Adsense ngon nè. Vì nó random, hiển thị đa dạng nội dung quảng cáo. Chứ còn quảng cáo thường nó trùng lặp không tốt.
Trong bài viết mình cũng đã có chú thích rồi đấy. Nó phù hợp với các mã quảng cáo tự động. :D