Sometimes we do not want WordPress to display the default avatar. There isn’t a WP core function to check that. So we will create one. We will also learn how to add the first letters of the user’s first name and last name as a fallback avatar picture using JavaScript.

In this blog, we will learn about how to add the offset and the limit for pagination. In this example, we are showing this for monthly archives, but you can do it similarly for the daily and yearly as well. function get_custom_monthly_archives( $args = []) { global $wpdb…

In this blog, we will learn about how to create a custom post-type search result page in WordPress. We need to take the following steps: Create a custom search page template ( {custom-post-type}-search.php ) Load your template using ‘template_include’ filter Create a custom search form template ( {custom-post-type}-searchform.php ) Step One — Custom Search Page Template Create…

In this blog, we will learn about how to add a scroll to the top button in WordPress Site. Scroll To Top Button Add the scroll to top button in footer.php Note that some of the classes I am using are from tailwindcss <div id="footer-wrapper" class=" text-white footer-wrapper"> <footer id="colophon" class="site-footerpt-50px pb-43px…

Switching CSS classes or properties based on screen size can be achieved using JavaScript as shown below. But handling such things with JavaScript window resize event is not as efficient to achieve it with CSS. $(window).on('resize', function() { if($(window).height() > 400) { $('#body').addClass('your-class'); $('#body').removeClass('your-class'); }else{ $('#body').addClass('your-class-2'); $('#body').removeClass('your-class-2'); } })

In this blog, we will learn about how to add local fonts in TailwindCSS. There are several reasons why you should include fonts locally. Watch this video to know more. Step 1: Download the Fonts Locally Use Google Fonts helper google webfonts helper A Hassle-Free Way to Self-Host Google Fonts. Get eot, ttf, svg, woff and woff2 files + CSS snippets!google-webfonts-helper.herokuapp.com Place the fonts into the fonts directory.

In this blog, we will learn about how to change the URL structure and add rewrites for Custom Post Type Archive Pages Let’s add re-writes, <?php /** * Date Archive Redirect For CPT. * */ namespace YourNameSpace; add_action( 'init', function() { /** * Day Archive Rewrite Rule * *…

In this blog, we will learn how to extract just the monthly archive URL/path , instead of markup. function get_monthly_archive_array() { $years = []; $years_args = [ 'type' => 'monthly'…

In this blog, we will learn about how to create rewrite rules in WordPress. The problem Let’s say we want to have a monthly archive page for a term. WordPress has a term archive page, which is /{taxonomy}/{term}/ , but does not have a monthly archive page for that term. …