Skip to content

Savvyify List Layout: a free plugin

    I’m pleased to share a plugin that I have created called Savvyify List Layout, it’s a simple and lightweight shortcode for showing posts in a list layout with thumbnails. The shortcode arguments allow for the posts to be full length or limited to a word count, thumbnails can be on the right, left or alternate. The author, date, categories can be shown or hidden. For mobile devices below 767px the images are full width above the post. If this sounds… Read More »Savvyify List Layout: a free plugin

    Savvyify Dashboard: a free plugin

      I’m pleased to share a plugin that I have created called Savvyify Dashboard. It is a simple and lightweight dashboard widget plugin that can create up to ten dashboard widgets with messages that can easily be changed in the customizer. Then messages can be viewed by any user that is logged in, and if the user has customizer rights they can also edit and create messages. It could be used as a quick way to save notes to yourself, or… Read More »Savvyify Dashboard: a free plugin

      How to bulk compress WordPress images for free, even on a multisite without a plugin

        I have a WordPress multisite that I use for testing that contains 38 theme demos with over 30k images and over 9 gigs. As I looked for a way to easily compress these images and save some space on my server I realized that the plugins I checked were not going to be free for thirty thousand images and I would have to install the plugin on each site and run it thirty-eight times, so this didn’t seem practical. I… Read More »How to bulk compress WordPress images for free, even on a multisite without a plugin

        How to move anything using jQuery insertBefore & insertAfter – Easy Tutorial

          Hi Mike here, in this tutorial I’m going to show you how you can move any element in your WordPress theme using jQuery insertBefore & insertAfter So let’s say you found a theme that you love, except one element is not quite where you would like it to be, let’s say it’s the page title. You can move this yourself easily with some jQuery, jQuery is a javascript library that WordPress loads by default, think of it as a bunch… Read More »How to move anything using jQuery insertBefore & insertAfter – Easy Tutorial

          How to add Gradient Color to Text Tutorial

            Hi Mike here, in the tutorial I’m going to show you how to add Gradient Color to Text. This is a great effect for titles or headings on your website and with the css snippets I’m going to share with you it is easy. So on this page I have two examples the first one is a Gradient fill and the second is a Gradient outline, I thought that these would go together well. So lets work on the Gradient… Read More »How to add Gradient Color to Text Tutorial

            How to Remove Title Tooltips from WordPress with jQuery on Hover – Fast and Easy Tutorial

              Hi Mike here, in this tutorial I’m going to show you how you can use jQuery to remove WordPress title tooltip attributes on hover, which allows screen readers and SEO to use the titles while your site retains a clean modern look. Remove title tooltip attributes from images, links, buttons, icons and more. This is the code used in the video: function custom_remove_title_script() { ?> <script> (function($){ $(“*”).hover(function(){ $(this).removeAttr(“title”); }); })(jQuery); </script> <?php } add_action(‘wp_footer’, ‘custom_remove_title_script’); This snippet would be… Read More »How to Remove Title Tooltips from WordPress with jQuery on Hover – Fast and Easy Tutorial

              Change the order of columns for mobile devices on WordPress with CSS

                In this video tutorial I’m going to demonstrate how the change the order of columns when viewed on a mobile device. Typically, columns on a page for desktop are shown as single item rows for mobile. So for example, if you have alternating picture and text columns that give a nice checkerboard appearance, when viewed on mobile you’ll see picture, picture, and then text, text. Not so nice. The code snippet used in the video was: #av-layout-grid-2 { display: flex;… Read More »Change the order of columns for mobile devices on WordPress with CSS