• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền
  • Đánh giá
  • Khuyến mãi
  • Thông báo
  • Giới thiệu
  • Liên hệ

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Tạo widget giữa các bài viết trong theme Paradise
hosting-tot-nhat-danh-cho-wordpress

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

Cập nhật: 20/06/2022 Trung Hiếu 10 Bình luận

Mục lục Hiện
  • 1. Khi nào nên dùng widget này?
  • 2. Tạo widget giữa các bài viết trong trang lưu trữ

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.

tao-widget-giua-cac-bai-viet-trong-trang-luu-tru-cua-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.

khu-vuc-widget-giua-cac-bai-viet

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. :)

  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Chèn breadcrumbs của Rank Math SEO vào theme Paradise
Chèn breadcrumbs của Rank Math SEO vào theme Paradise
Loại bỏ Rank Math SEO CSS để tăng tốc độ load
Loại bỏ Rank Math SEO CSS để tăng tốc độ load
Loại bỏ Auto Sizes CSS trên WordPress 6.7
Loại bỏ Auto Sizes CSS trên WordPress 6.7

Chuyên mục: Thủ thuật WordPress Thẻ: Kiếm tiền với Google AdSense/ Paradise child theme/ Thủ thuật Genesis

wpcanban-com-facebook-group

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « Sửa lỗi không nhận được email khi dùng CloudFlare CDN
Bài viết sau Khắc phục lỗi 503 Service Unavailable trong WordPress »

Reader Interactions

Bình luận

    Để lại một bình luận Hủy

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. Tịnh Nguyễn Blog 168 bình luậnviết

    03/08/2021 lúc 20:00

    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.

    Bình luận
    • Trung Hiếu Quản lýviết

      04/08/2021 lúc 10:50

      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

      Bình luận
  2. Ngoc Blue 425 bình luậnviết

    31/07/2021 lúc 18:49

    Hiệu ứng đổ bóng trông cũng đẹp mà sao phải bỏ Hiếu nhỉ?

    Bình luận
    • Trung Hiếu Quản lýviết

      31/07/2021 lúc 18:53

      Quay về với thiết kế đơn giản. :D

      Bình luận
      • Luật sư Online 32 bình luậnviết

        31/07/2021 lúc 20:50

        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 ạ?

        Bình luận
        • Trung Hiếu Quản lýviết

          01/08/2021 lúc 08:32

          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.

          Bình luận
    • Nguyễn Việt Anh 1 bình luậnviết

      01/08/2021 lúc 11:19

      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

      Bình luận
      • Ngoc Blue 425 bình luậnviết

        03/08/2021 lúc 17:15

        Công nhận, ảnh png đúng là không ổn :))

        Bình luận
        • Trung Hiếu Quản lýviết

          03/08/2021 lúc 17:18

          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. :)

          Bình luận
          • Ngoc Blue 425 bình luậnviết

            03/08/2021 lúc 17:22

            Thôi cứ đơn giản là đẹp :P

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới. Tặng miễn phí ebook "Bảo mật WordPress toàn tập" do WP Căn bản biên soạn!

Theo dõi qua mạng xã hội

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-chat-luong-cao

Bạn đang tìm gì?

WordPress căn bản

Bảo mật WordPress

Tăng tốc WordPress

Sửa lỗi WordPress

Thủ thuật Genesis

Thủ thuật SEO

Thủ thuật CloudFlare

Thủ thuật LiteSpeed

Thủ thuật WooCommerce

Sử dụng theme Paradise

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-wordpress-mien-phi

Dịch vụ quét mã độc miễn phí

dich-vu-quet-ma-doc-wordpress-mien-phi

Footer

Bài viết mới nhất

  • Monarx Security được tích hợp vào dịch vụ WordPress Hosting 15/06/2025
  • Hiển thị code trong bài viết của WordPress 07/06/2025
  • Plugin SMTP siêu nhẹ dành cho WordPress 26/05/2025
  • Plugin contact form siêu nhẹ cho WordPress 23/05/2025

Bình luận mới nhất

  • Trung Hiếu trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • TITAN VINA trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • Trung Hiếu trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting
  • TITAN VINA trong Monarx Security được tích hợp vào dịch vụ WordPress Hosting

Thông tin hữu ích

  • Giới thiệu bản thân
  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

Thống kê WP Căn bản

9 Chuyên mục - 1.005 Bài viết - 35.545 Bình luận

Bản quyền © 2014 - 2025 · WP Căn bản (tiền thân là eBooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting