Slide bài viết mới trong WordPress

Hiện nay trên WordPress.org có khá nhiều plugin tạo slide bài viết được chia sẻ miễn phí. Tuy nhiên mình cảm thấy ưng ý nhất đó là WP Responsive Recent Post Slider/Carousel. Nó cho phép hiển thị danh sách bài viết mới nhất hoặc theo chuyên mục mong muốn. Hơn thế nữa còn có nhiều tùy chỉnh khá hay. Hãy cùng với mình đi khám pháp nó nào.

Để tạo Slider cho bài viết bạn dùng Shortcode chèn vào một page

Các hàm thông dụng trong WordPress

Nếu bạn đang muốn học lập trình Theme Wordpress thì bạn cần phải tham khảo một số hàm thông dụng...
Read More
Các hàm thông dụng trong WordPress

Chức năng hữu trong file functions.php

Functions.php là tập tin đóng vai trò quan trọng trong Wordpress. Nó là một file gồm nhiều chức năng giúp...
Read More
Chức năng hữu trong file functions.php

Hướng dẫn tạo Meta Box trong WordPress

Mặc định trong Post, Page hay Custom Post Type của Wordpress sẽ không có nhiều tùy chỉnh. Thông thường các...
Read More
Hướng dẫn tạo Meta Box trong WordPress

[Bài 3] Hướng dẫn sử dụng UX Builder

Tiếp tục Series làm web bán hàng với Theme Flatsome bài này mình sẽ hướng dẫn bạn cách sử dụng...
Read More
[Bài 3] Hướng dẫn sử dụng UX Builder

[Bài 2] Thiết lập trang chủ cho Theme Flatsome

Sau khi cài đặt xong Theme bạn sẽ phải thực hiện một số công việc như sau: Cài Plugin WooCommerce...
Read More
[Bài 2] Thiết lập trang chủ cho Theme Flatsome

[Bài 1] Hướng dẫn cài đặt Theme Flatsome

Flatsome là một Theme có nhiều tính năng thường được sử dụng để xây dựng website bán hàng. Với nhiều...
Read More
[Bài 1] Hướng dẫn cài đặt Theme Flatsome

Hướng dẫn sử dụng Advanced Custom Fields (ACF)

Với một trang web thông thường thì mọi thứ không có gì khó khăn với người mới học làm web...
Read More
Hướng dẫn sử dụng Advanced Custom Fields (ACF)

8 Cách viết CSS chuẩn, dễ đọc và tối ưu

Nói tới xây dựng giao diện phía Front-end không thể thiếu CSS. Ngôn ngữ được sử dụng phổ biến để...
Read More
8 Cách viết CSS chuẩn, dễ đọc và tối ưu

Biến (Variables) trong JavaScript

Mọi ngôn ngữ lập trình đều không thể thiếu biến (Variables). Đối với JavaScript cũng tương tự. Bài viết này...
Read More
Biến (Variables) trong JavaScript

Hàm gọi lại (Callback) trong jQuery

Trong ngôn ngữ JavaScript các đoạn mã sẽ được thực thi từ trên xuống dưới. Sau khi kết thúc nó...
Read More
Hàm gọi lại (Callback) trong jQuery

Sử dụng dạng Carousel

Còn để chèn vào file .php bạn sẽ dùng
<?php echo do_shortcode('

Các hàm thông dụng trong WordPress

Nếu bạn đang muốn học lập trình Theme Wordpress thì bạn cần phải tham khảo một số hàm thông dụng...
Read More
Các hàm thông dụng trong WordPress

Chức năng hữu trong file functions.php

Functions.php là tập tin đóng vai trò quan trọng trong Wordpress. Nó là một file gồm nhiều chức năng giúp...
Read More
Chức năng hữu trong file functions.php

Hướng dẫn tạo Meta Box trong WordPress

Mặc định trong Post, Page hay Custom Post Type của Wordpress sẽ không có nhiều tùy chỉnh. Thông thường các...
Read More
Hướng dẫn tạo Meta Box trong WordPress

[Bài 3] Hướng dẫn sử dụng UX Builder

Tiếp tục Series làm web bán hàng với Theme Flatsome bài này mình sẽ hướng dẫn bạn cách sử dụng...
Read More
[Bài 3] Hướng dẫn sử dụng UX Builder

[Bài 2] Thiết lập trang chủ cho Theme Flatsome

Sau khi cài đặt xong Theme bạn sẽ phải thực hiện một số công việc như sau: Cài Plugin WooCommerce...
Read More
[Bài 2] Thiết lập trang chủ cho Theme Flatsome

[Bài 1] Hướng dẫn cài đặt Theme Flatsome

Flatsome là một Theme có nhiều tính năng thường được sử dụng để xây dựng website bán hàng. Với nhiều...
Read More
[Bài 1] Hướng dẫn cài đặt Theme Flatsome

Hướng dẫn sử dụng Advanced Custom Fields (ACF)

Với một trang web thông thường thì mọi thứ không có gì khó khăn với người mới học làm web...
Read More
Hướng dẫn sử dụng Advanced Custom Fields (ACF)

8 Cách viết CSS chuẩn, dễ đọc và tối ưu

Nói tới xây dựng giao diện phía Front-end không thể thiếu CSS. Ngôn ngữ được sử dụng phổ biến để...
Read More
8 Cách viết CSS chuẩn, dễ đọc và tối ưu

Biến (Variables) trong JavaScript

Mọi ngôn ngữ lập trình đều không thể thiếu biến (Variables). Đối với JavaScript cũng tương tự. Bài viết này...
Read More
Biến (Variables) trong JavaScript

Hàm gọi lại (Callback) trong jQuery

Trong ngôn ngữ JavaScript các đoạn mã sẽ được thực thi từ trên xuống dưới. Sau khi kết thúc nó...
Read More
Hàm gọi lại (Callback) trong jQuery
');?>

carousel-wordpressGiới hạn số lượng bài:
limit="8"
Tuy nhiên như vậy chưa đẹp lắm, mình sẽ thêm một số tùy chỉnh khác nữa

Hiện 3 bài viết trong một lần
slides_to_show="3"
Tốc độ trượt bài viết
speed="500"
Giới hạn hiển thị mô tả
content_words_limit="20"
Ẩn/ hiện tác giả (True hoặc False)
show_author="true"
Hiện chữ readmore (True hoặc False)
show_read_more="true"
Cuối cùng bạn thêm một đoạn mã CSS để cho các bức ảnh đều hơn

.slick-slide img {

display: block;

height: 222px;

object-fit: cover; }

Kết quả cũng không tệ chút nào phải không

carousel-wordpress-1

Kết luận: Bạn đang muốn thiết kế blog, website với các Module đẹp, mới lạ thì chắc chắn rằng WP Responsive Recent Post Slider/Carousel là plugin rất đáng để sử dụng. Sáng sủa, đẹp mắt và chuyên nghiệp. Bên cạnh đó khả năng tùy chỉnh cũng khá đơn giản chỉ cần sử dụng đoạn mã Shortcode.

Tham khảo bài viết hướng dẫn của nhà phát triển tại đây.

Hãy để lại bình luận:

Mình rất vui khi bạn đã để lại một bình luận. Xin lưu ý rằng tất cả các bình luận đều được kiểm duyệt theo chính sách bảo mật và tất cả các liên kết đều là nofollow. KHÔNG sử dụng từ khóa trong trường tên. Hãy để lại một cuộc trò chuyện cá nhân và ý nghĩa. *