Plugin tạo content slider cho WordPress

slider
Trên các blog hay website hiện nay thì slider được sử dụng khá phổ biến. Nó giúp cho website trở nên sinh động hơn và tất nhiên dễ thu hút người xem hơn. Hiện nay rất nhiều theme WordPress từ trả phí đến miễn phí đã hỗ trợ sẵn chức năng content slider hay slider featured. Nhưng nếu theme các bạn đang sử dụng chưa hỗ trợ chức năng này thì các bạn hoàn toàn có thể bổ sung nó bằng một plugin. Ở đây mình giới thiệu cho các bạn một số plugin miễn phi giúp bạn tạo content slider cho blog của mình.

Lazy Content Slider

lazy content slider 1

Đây là một trong số các plugin tạo content slider đơn giản nhất mà bạn có thể sử dụng. Giao diện quản lý của plugin này chỉ bao gồm các mục như hình dưới.

lazy content slider

Bạn chọn thư mục các bài viết cần tạo slider ở mục select new category. Chọn kiểu màu cho slide ở mục Select Color và chọn số bài viết ở mục còn lại.

Để hiển thị slider ra bên ngoài, bạn chèn code sau vào vị trí bạn muốn:

if (is_home()) {
	if (function_exists("drawslider")){ drawslider(); }; 
}

WordPress Content Slide

wordpress content slide

Đây cũng là một plugin khá đơn giản nhưng dễ dàng tùy biến hơn. Giao diện quản lý plugin gồm 3 mục chính:

General setings: tùy chỉnh các cài đặt cơ bản như kích thước ảnh, đường viền, font, kích thước chữ, màu chữ và màu nền.

wordpress content slide option 1Effects & Animation Setings: Cài đặt các hiệu ứng chong slider. Plugin này hỗ trợ khá nhiều hiệu ứng chuyển ảnh đẹp mắt.

wordpress content slide option 2Images Source Setings: Lựa chọn hình ảnh hiển thị. Để sử dụng featured image trong bài viết làm slideshow, ở mục Use custom images bạn chọn No, Using Posts from a Category. Hoặc bạn có thẻ chọn Yes, Custom images để sử dụng hình ảnh khác.

wordpress content slide option 3Để sử dụng plugin này, bạn chèn đoạn code sau vào vị trí bạn muốn hiển thị slider:

if (is_home()) {
		if(function_exists('wp_content_slider')) {wp_content_slider(); } 
}

Dynamic Content Gallery

Dynamic Content GalleryMột plugin tạo content slider có vẻ chuyên nghiệp hơn bao gồm rất nhiều lựa chọn cài đặt cho bạn.

Dynamic Content Gallery optionĐể hiển thị slide của plugin này, bạn sử dụng đoạn code:

if (is_home()) {
	if(function_exists('dynamic_content_gallery')) {dynamic_content_gallery(); } 
}

Trên đây là ba plugin miễn phí có thể giúp bạn tạo content slider hay feature slider. Nếu bạn muốn tạo một slider chuyên nghiệp hơn, bạn có thể tìm hiểu các plugin trả phí như Slider Revolution, Royalslider, Layerslider… Hy vọng bạn sẽ tìm được một plugin vừa ý.

Plugin tạo content slider cho WordPress
1 (20%) 1 vote

Chú ý - WordPress Hosting 1$/tháng - miễn phí tên miền

Bạn có biết GoDaddy đang có khuyến mãi WordPress hosting chỉ còn 1$/tháng kèm theo một tên miền .COM .NET .ORG miễn phí. Hãy đăng ký ngay để tiết kiệm chi phí nhất nhé.
Xem ngay

ĐĂNG KÝ NHẬN TIN QUA EMAIL

Nếu thấy bài viết trên blog có ích cho bạn, hãy đăng ký nhận tin qua email để cập nhật bài viết mới nhanh nhất và thỉnh thoảng nhận quà bất ngờ!

Comments

  1. Thống Nhất says:

    cảm ơn bài viết
    cho em hỏi tí, Genesis dùng trên Stablehost tốt không, nghe đâu cài WP bằng fantatico thì genesis bị lỗi thì phải

  2. Uload file wordpress lên host cũng nhanh thôi mà, sao không up luôn để khỏi bị lỗi

    • Công nhận là up thì nhanh thôi nhưng mình cũng thường cài bằng script có sẵn, nhanh gọn lẹ, chưa gặp lỗi bao giờ {c6}

  3. Pham Chung says:

    bac noi ro hon ve doan nay duoc k?
    Để hiển thị slide của plugin này, bạn sử dụng đoạn code:
    if (is_home()) {
    if(function_exists(‘dynamic_content_gallery’)) {dynamic_content_gallery(); }
    }

    • Bạn chèn đoạn code đó vào vị trí bạn muốn hiển thị trên blog của bạn nhé

      • Nhưng em vẫn chưa hiểu lắm, tức là chèn vào page mới hay post mới hay sao ạ. Vì em muốn slide chạy trên trang chủ nhưng không biết chèn mã này vào thư mục nào để nó chạy. Làm phiền anh chỉ rõ hơn xíu giúp em với. Cảm ơn anh!

  4. thuyphuong says:

    HI Bảo,
    Cho mình hỏi đối với WP theme có sẵn slide thì dùng như thế nào
    Mình dùng theme Genesis
    cảm ơn bạn nhiều!

  5. Plugin của hình đầu tiên trên cùng là plugin tên gì vậy bạn? Không phải cải Lazy Content Slider nha bạn. Plugin đó nó thể lấy bài viết mới nhất từ các category không bạn?

  6. Cái đoạn code này…Mình chèn vào file function.php ấy hả ad…Mình muốn slide chạy trên trang chủ mà lay hoay mãi mà không biết làm sao…Giúp mình với….

  7. Mình chèn vào home.php…Nhưng kết quả là không ra cái ảnh mà nó ra luôn cái đoạn code đó luôn…Năm trên cùng trang home…Tình hình là sao nữa hả ad…

  8. PhamToan says:

    Chào admin! Nhờ bác hướng dẫn em cách hiện thị silde ra ngoài trang chủ với WordPress Content Silde với. Em chèn vào trang index.php thì báo là lỗi. Em chèn bằng thẻ Text ở Appearance -> Withgets thì nó ra đoạn code đó luôn. Thanks bác soi đường! {c1}

  9. Nguyễn Trung Hiếu says:

    Bạn ơi, cho mình hỏi sao cái Lazy Content Slider nó không autoplay được nhỉ? {c26}

  10. Bạn admin ơi – Rayno mình chèm code vào index.php nhưng chẳng có hiệu ứng gì, Rayno cho mình hỏi chèn chỗ nào được không ?
    —-nguyên thủy theo ghi chú —
    —-theo Rayno giới thiệu —

    Ví dụ trước hay sau thẻ : vẫn không thấy bất cứ gì thay đổi, View code thì không thấy gì luôn. – vui lòng hướng dẫn – website đang tiến hành add slide : http://tintuphuong.com

    • Có thể bạn quên đặt nó vào trong cặp thẻ < ?php ?>

      • Hi, QUÊn là điều mình không thích lắm nên Rayno an tâm sao quên được đã vậy mình áp dụng cả 2 đoạn shortcode cả bản download từ wordpress.org và của bạn share, nhưng không có áp phê gì……
        bạn view code của site mình rồi cho mình biến nên add chỗ nào ? thanks

        • Mình không biết bạn dùng theme gì, đây là file index.php của theme twentythirteen mình đã thêm vào code của plugin WordPress Content Slide

          get_header(); ?>
          	<div style="width: 600px; margin: 0 auto;">
          		<?php if (is_home()) {if(function_exists('wp_content_slider')) {wp_content_slider(); } } ?>
          		</div>
          	<div id="primary" class="content-area">
          		<div id="content" class="site-content" role="main">
          		
          		<?php if ( have_posts() ) : ?>
          
          			<?php /* The loop */ ?>
          			<?php while ( have_posts() ) : the_post(); ?>
          				<?php get_template_part( 'content', get_post_format() ); ?>
          			<?php endwhile; ?>
          
          			<?php twentythirteen_paging_nav(); ?>
          
          		<?php else : ?>
          			<?php get_template_part( 'content', 'none' ); ?>
          		<?php endif; ?>
          
          		</div><!-- #content -->
          	</div><!-- #primary -->
          
          <?php get_sidebar(); ?>
          <?php get_footer(); ?>
          

          Bạn có thể xem demo kết quả ở đây: http://raynoblog.com/?themedemo=twentythirteen

  11. mình càn plugin có thể tạo slide cho post! ai biết share với {c26}

  12. Đã chạy như tác giả cung cấp code, nếu muốn đẹp chỉ có cách css lại, nhìn nó buốn quá với gram màu sám nhạt, thanks.

  13. Vietnam travel says:

    có slider nào cho mình tùy chọn ảnh muốn hiển thị ko các bác. cho e xin với

  14. Anh ơi, cho e hỏi 1 chút ạ, e có sử dụng Lazy content slider tạo đc 1 slide rồi. vậy e muốn chỉnh sửa nó bằng CSS 1 chút thì làm thế nào ạ. e tìm mãi mà k thấy chỗ để chỉnh ở đâu trong file style.css cả ạ

  15. Chào a. Hiện e đang dung plugin tạo silde Revolution Sliders, nhưng khi e vài thì nó báo lỗi như “Revolution Slider Error: Slider with alias not found.
    Maybe you mean: ‘Slider1′”

    Mong a giúp đỡ ạ

  16. Jazzmin says:

    mih chen doan nay vào header thì k chạy slide nữa, vì mình chỉ muốn nó hiện ở trang chủ thôi thì làm sao mong bạn giúp
    còn khi mình chèn thì chạy slide nhưng là chạy trên tất cả các trang

    • Jazzmin says:

      “”
      khi mình chèn thì chạy slide nhưng là chạy trên tất cả các trang

      mih chen doan nay vào header thì k chạy slide nữa, vì mình chỉ muốn nó hiện ở trang chủ thôi thì làm sao mong bạn giúp mình có thêm đoạn này”‘

    • Trong các đoạn code trên mình sử dụng is_home() để chỉ hiển thị trên trang chủ thôi mà

  17. Chao ban!.
    Minh muon chinh sua slider cua themes san, co bai viet nao huong dan chi tiet phan nay k ban?
    Minh tay ngang vao tap tanh lap web nen khi len mang thay 1 rung tai lieu chang hieu gi ca?? Hic
    Web minhvdang tap tanh la dienchanvn.com. rat mong dc su giup do cua ban.
    Cam on nhieu!

Gửi bình luận

Lưu ý: Không sử dụng keyword để thay cho tên của bạn, hãy sử dụng tên thật. Cảm ơn bạn đã tham gia bình luận trên blog!