Wordpress
How to Fix WordPress Menu Highlighting for Custom Post Types
Is your WordPress menu highlighting the wrong item for custom post types? Fix it with this simple PHP function and ensure the correct navigation link is active.
Read article →HSR Technologies Blog
Useful notes from real development work.
Detailed WordPress, AI and front-end articles with working approaches you can apply to your own projects.
Wordpress
Essential Configuration Hacks for a Smooth WordPress Staging Site Setup
Unlock the secrets to a flawless WordPress staging site setup with our essential configuration hacks. From debugging and memory limits to managing updates and more, our guide offers practical tips to ensure your staging environment runs smoothly and securely. Perfect for testing changes without impacting your live site!
Read article →Wordpress
Renaming a Custom Post Type or Taxonomy in WordPress: A Comprehensive Guide
When managing a WordPress site, there might come a time when you need to rename a custom post type or taxonomy. Whether it’s due to rebranding, a change in functionality, or simply improving the clarity of your site’s structure, renaming a custom post type or taxonomy can be a necessary task. However, it’s crucial to […]
Read article →React
Building a Custom Color Picker Component with MUI and React-Color
In modern web applications, integrating a robust and user-friendly color picker can significantly enhance the user experience. This is especially true for design tools, customizable theme interfaces, and other interactive applications. In this blog post, we’ll walk you through creating a custom MUI Color Picker component using Material-UI (MUI) and React-Color. The MUI Color Picker […]
Read article →CSS
Master CSS Grid Layout: Centering Content in Cells
To understand how centering works in a grid container, it’s first important to know the grid layout’s structure and scope. The HTML structure of a grid container consists of three layers: Each layer operates independently when it comes to applying grid properties. The scope of a grid container is limited to a parent-child relationship, meaning […]
Read article →Wordpress
Add Different Background Images for Desktop and Mobile Views in WordPress using the ACF plugin
One way to give users more control over their website’s appearance is by allowing them to change background images for both desktop and mobile views. In this tutorial, I’ll show you how to achieve this using Advanced Custom Fields (ACF) and the wp_add_inline_style function in WordPress. Step 1: Install and Set Up ACF Before we […]
Read article →CSS
Why Reboot is created for Bootstrap 4 instead of using Normalize?
You might have used normalize in your projects. Bootstrap 4 has created its on version on top of the normalize called reboot. If you are not familiar with normalize, it overwrites browser’s default CSS to eliminate browser inconsistencies, like different font sizes, or margin etc. It also add many CSS rules that helps you make […]
Read article →Wordpress
WooCommerce Cheatsheet: Single Product Page
WooCommerce comes with its own template structure, hooks, and functions. It takes a lot of time to find the relevant hooks, functions or template files when you want to make some changes in WooCommerce. I have created this series of Visual Guides / Cheat Sheets to make it easier to find the information regarding a […]
Read article →CSS
Understanding EMs and REMs
As we know Bootstrap 4 is using em’s and rem’s instead of pixels, so its necessary to understand what these units are, and how they work. Let’s take a look. There are few things that you should memorise about em’s and rem’s, these points will help you understand these units more easily.
Read article →Wordpress
WooCommerce Cheatsheet: Archives / Shop / Category Page
WooCommerce comes with its own template structure, hooks, and functions. It takes a lot of time to find the relevant hooks, functions or template files when you want to make some changes in WooCommerce. I have created this series of Visual Guides / Cheat Sheets to make it easier to find the information regarding a […]
Read article →