Shortcode for Recent Posts with Thumbnails in WordPress Without a Plugin

Sometimes, you may need to add a section in your page that displays your recent blog posts. This can be very useful for portfolio websites and it can be a nice addition to the home page. Normally, you can only add html inside your WordPress posts. However, with the help of shortcodes, you can add some programming logic and create custom content whereever you want. In this post, I will guide you through the process how to create a custom shortcode to display recent posts with thumbnails in WordPress. Read More…

Display Related Posts With Thumbnails in WordPress Without a Pugin

In this tutorial I am going to show you how to display related posts from the same category as the single post page in WordPress. Without the use of any plugins. The related posts are a great way to improve your website conversions (the time that your visitors spend on the website) and improve Google’s search rankings. In the past, I was using Yuzo Related Posts plugin. However, in the beginning of 2019, there was a vulnerability issue and it is no longer supported by the WordPress community. Read More…

Optimize Divi for Speed

Internet users these days do not have the patience to wait for a webpage to load. In fact, Google survey from 2016 figured out that 53% of mobile users abandon a webpage if it takes more than 3 seconds to load! It is obvious that faster websites improve customer satisfaction and provide better user experience. Then, why is the Divi theme so slow? Don’t get me wrong, I love Divi. Read More…

Setting Up Vuepress With Netlify CMS

Example repo: https://github.com/yonkov/Vuepress-project VuePress is one of the most promising frameworks to create extremely fast and lightweight static websites that act as single page applications. By the end of this tutorial, you will know how to set up VuePress and add a light-weight and easy to use content management system to it, called Netlify CMS. Let’s get started! Table of Contents The Rise of Static Site Generators Why VuePress Why Netlify CMS How to Install VuePress Add VuePress to Github Deploy to Netlify Integrate Netlify CMS to VuePress The Rise of Static Site Generators Static site generators are becoming more and more popular these days due to better performance, low cost, high security and better developer experience. Read More…

Display Cookie Notice in Your Divi Theme

In this tutorial, I will show you how to easily add a cookie notification popup to your Divi website. By the end of it, you will be able to display a cookie message on page load just the way I show it on my website. Now, let’s get on with it. (adsbygoogle = window.adsbygoogle || []).push({}); Why do you need cookie consent? Cookie consent is required by European Union’s General Data Protection Regulation (GDPR) and ePrivacy Directive (ePR). Read More…

Easy Way to Add a Cookie Popup in WordPress Without a Plugin

In this tutorial I am going to show you how to easily add a cookie notification popup to a WordPress website without installing any additional plugins. Don’t get me wrong – I like plugins and I use a few of them on my websites. They are one of the main reasons that made WordPress so popular in the first place. With a simple click you can extend your website’s functionalities and give an easy answer to a complex technical problem. Read More…

How to Remove Top Menu Transition Effect in Divi

The Divi theme is one of the most versatile WordPress premium themes with tons of options that also comes together with its powerful page builder. However, in some cases, you want to make some customizations and you simply cannot find a quick fix for them. An example for that is the Divi menu animation. The header always shrinks on page dropdown and while some may argue that this gives a modern feel to your Divi website, this transition effect is certainly not for everyone. Read More…

Easy Way to Add Knowledge Graph to WordPress Without a Plugin

In this article, I am going to show you how to easily add Knowledge Graph to WordPress manually (without the use of plugins) The Google’s Knowledge Graph is the big block of information that appears on the right-hand side of Google’s search results. The Knowledge Graph contains relevant, context-specific information, regarding your search. For example, if you search for Pablo Picasso in Google, you will see images and information regarding the famous painter on the right-hand side of your screen. Read More…

How to Convert Your Wordpress Site to Hugo

In this tutorial, I am going to show you the things that I did to successfully migrate my WordPress website to Hugo static site generator. Why would like to convert your WordPress website to Hugo? WordPress is the most popular framework fo building websites. This is because it is open-source, it has user-friendly CMS, allows for customization and has tons of documentation online. However, sometimes you do not need a dynamic website with a database. Read More…

How to Change the Color of the Cart Icon in Divi

In this article, I am going to teach you how to change the color of the WooCommerce shopping cart icon in Divi. By default, the cart icon appears on your main menu bar after a successful Woocommerce installation. It is very important to style the cart icon in accordance with the other items from your primary menu, since it is one of the first things that the customer will see on your website. Read More…