November 2018 - Dominykas Gelucevičius

The first thing you need to do is to write some HTML for category and publish date select box. This can be added to a custom template or your home page index.php file.

<div class="filter-wrap">
    <div class="category">
        <div class="field-title">Category</div>
        <?php $get_categories = get_categories(array('hide_empty' => 0)); ?>
            <select class="js-category">
                <option value="all">All</option>
                <?php
					if ( $get_categories ) :
						foreach ( $get_categories as $cat ) :
					?>
                    <option value="<?php echo $cat->term_id; ?>">
                        <?php echo $cat->name; ?>
                    </option>
                    <?php endforeach; 
						endif;
					?>
            </select>
    </div>

    <div class="date">
        <div class="field-title">Sort by</div>
        <select class="js-date">
            <option value="new">Newest</option>
            <option value="old">Oldest</option>
        </select>
    </div>
</div>

<div class="field-title">Category</div>

<?php $get_categories = get_categories(array('hide_empty' => 0)); ?>

<?php

if ( $get_categories ) :

foreach ( $get_categories as $cat ) :

<?php echo $cat->name; ?>

</option>

<?php endforeach;

endif;

</select>

</div>

<option value="new">Newest</option>

<option value="old">Oldest</option>

</select>

</div>

Now, when we have HTML ready, we also need to show some latest blog posts.

<div class="filtered-posts">
<?php

if ( have_posts() ) :
	while ( have_posts() ) : the_post();
		get_template_part( 'template-parts/content-post' );
	endwhile;
endif;

?>
</div>

<?php

if ( have_posts() ) :

while ( have_posts() ) : the_post();

get_template_part( 'template-parts/content-post' );

endwhile;

endif;

</div>

Create a file called content-post.php […]

Monthly Archives: November 2018

Change WooCommerce price and currency with a tiny plugin

Simple AJAX posts filter by category and publish date for WordPress