Cách lọc bài viết theo ngày trong Admin Wordpress

Hướng dẫn cách thêm chức năng lọc bài viết theo ngày trong Admin Wordpress, giúp bạn tiết kiệm thời gian và nâng cao hiệu quả quản lý nội dung trên trang web của mình.

Hướng dẫn cách lọc bài viết theo ngày trong Admin Wordpress

Bạn đang quản lý nội dung trên Wordpress và gặp phải khó khăn trong việc tìm kiếm và sắp xếp các bài viết theo ngày? Nếu vậy, đừng lo lắng! Bài viết này sẽ giúp bạn tạo một bộ lọc bài viết theo ngày trong Admin Wordpress, giúp tiết dễ dàng tìm kiếm hoặc lọc (Filter) bài viết theo ngày, tháng dễ dàng hơn bao giờ hết. Hãy cùng ItsmeIT tìm hiểu nó ngay bây giờ!

Cách thêm bộ lọc (Filter) bài viết theo ngày, tháng trong Wordpress bằng code

Nếu bạn thích sử dụng những dòng code mà không sử dụng plugin, bạn có thể sao chép và thêm mà sau vào functions.php trong theme của bạn. Với cách này bạn có thể sử trực tiếp file functions.php hoặc sử dụng plugin Code Snippets.

Đoạn mã để lọc bài viết theo ngày trong Admin Wordpress sẽ như sau:

class FilterPostByDate
{

    public function __construct()
    {
        add_action('init', array($this, 'initFilterPostByDateAdmin'), 99);
    }

    public function initFilterPostByDateAdmin()
    {
        global $pagenow;
        if (is_admin() && in_array($pagenow, array('edit.php', 'upload.php'))) {
            add_filter('months_dropdown_results', '__return_empty_array');
            add_action('admin_enqueue_scripts', array($this, 'jqueryui'));
            add_action('restrict_manage_posts', array($this, 'form'));
            add_action('pre_get_posts', array($this, 'filterQuery'));
        }
    }

    public function jqueryui()
    {
        wp_enqueue_style('jquery-ui', '//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.min.css');
        wp_enqueue_script('jquery-ui-datepicker');
    }

    public function form()
    {

        $from = (isset($_GET['itsmeitDateFrom']) && $_GET['itsmeitDateFrom']) ? $_GET['itsmeitDateFrom'] : '';
        $to = (isset($_GET['itsmeitDateTo']) && $_GET['itsmeitDateTo']) ? $_GET['itsmeitDateTo'] : '';

        echo '<style>
		input[name="itsmeitDateFrom"], input[name="itsmeitDateTo"]{
			line-height: 28px;
			height: 28px;
			margin: 0;
			width:125px;
		}
		</style>
		
		<input type="text" name="itsmeitDateFrom" placeholder="Date From" value="' . esc_attr($from) . '" />
		<input type="text" name="itsmeitDateTo" placeholder="Date To" value="' . esc_attr($to) . '" />
	
		<script>
		jQuery( function($) {
			var from = $(\'input[name="itsmeitDateFrom"]\'),
			    to = $(\'input[name="itsmeitDateTo"]\');
			$( \'input[name="itsmeitDateFrom"], input[name="itsmeitDateTo"]\' ).datepicker( {dateFormat : "yy-mm-dd"} );
    			from.on( \'change\', function() {
				to.datepicker( \'option\', \'minDate\', from.val() );
			});
				
			to.on( \'change\', function() {
				from.datepicker( \'option\', \'maxDate\', to.val() );
			});
			
		});
		</script>';

    }

    public function filterQuery($admin_query)
    {
        if ($admin_query->is_main_query()
            && (!empty($_GET['itsmeitDateFrom']) || !empty($_GET['itsmeitDateTo']))
        ) {
            $admin_query->set(
                'date_query',
                array(
                    'after' => sanitize_text_field($_GET['itsmeitDateFrom']), // any strtotime()-acceptable format!
                    'before' => sanitize_text_field($_GET['itsmeitDateTo']),
                    'inclusive' => true,
                    'column' => 'post_date'
                )
            );

        }
        return $admin_query;
    }
}

new FilterPostByDate();

Đoạn mã trên sử dụng jQuery UI datepicker để hiển thị các trường ngày tháng và sử dụng phương thức pre_get_posts để lọc bài viết theo ngày trong Wordpress. Nhưng bạn không nên đưa tất cả đoạn mã mà bạn custom vào functions.php. Bạn nên tách riêng biệt thành file nhỏ, hoặc một plugin.

Cách tạo bộ lọc bài viết theo ngày trong Wordpress bằng plugin

Phương pháp này thì đơn giản hơn, bạn chỉ cần tải plugin “Filer Post By Date” về, sau đó cài đặt và kích hoạt, với cách này bạn sẽ không cần phải viết code. Đây là plugin từ ItsmeIT đã sử dụng và chia sẻ lại cho mọi người.

Cách 1. Tải plugin Filter post by date từ Github

• Bước 1: Truy cập đến liên kết này để tải về plugin.
• Bước 2: Bấm vào “Code -> Download ZIP”.
• Bước 3: Đổi tên thư mục “filter-post-date-main” thành “filter-post-date” và upload lên thư mục wp-content->plugin
• Bước 4: Đăng nhâp vào trang Admin và điều hướng đến Plugin -> tìm kiếm “Filer Post By Date” và kích hoạt.
• Bước 5: Bây giờ bạn đã có thể lọc bài viết hoặc ảnh, media theo ngày hoặc tháng trong Admin Wordpress.

Cách 2. Tải về plugin từ trang chủ ITSMEIT

Tải plugin từ liên kết phía dưới và cài đặt bằng cách điều hướng đến Plugin->Thêm mới -> Tải lên Plugin. Chọn file zip đã tải xuống và cài đặt, cuối cùng là kích hoạt nó. Sau đó, bạn có thể lọc bài viết theo ngày trong Admin Wordpress.

Link download: wordpress-plugin-filter-post-by-date.zip