JS: Running JavaScript After Page Load
To run JavaScript code after the entire page has loaded, you can use the window.onload event. The onload event is triggered when all the page’s...
My Learnings
Explore my blog posts documenting the insights and solutions I've gained from overcoming challenges over the past three years. Dive into a range of topics and lessons that showcase my continuous growth and expertise.
Explore by topic
Understanding WordPress Nonces for security
WordPress Nonce is a security feature in WordPress that helps prevent unauthorized access to actions and data on website. Nonce stands for “Number Used Once.”...
WordPress: User roles and permission.
WordPress is a popular content management system that allows users to create and manage websites. WordPress provides a system of user roles and permission to...
Customizing and Modifying WordPress Search Results and Query
Modifying the search result query in WordPress can be done by using the `pre_get_posts` filter to alter the query arguments before the search result query...
WordPress: esc_url()
`esc_url()` is a function in WordPress that is used for sanitizing and validating URLs(Uniform Resource Locator) to ensure that they are safe and valid to...
CSS: Combinator selectors
Combinator selectors are a type of CSS selectors that allows you to select based in their realtionship to other element. There are four types of...
WordPress: Custom post type?
A custom post type in WordPress is a feature that allows you to create your own post types in addition to the default post types...
What are hooks in WordPress?
In WordPress, a hook is a mechanism that allows you to modify or extend the functionality of the core WordPress code or plugin/themes without modifying...
How Can You Create a WordPress Theme From Scratch?
One of the best features of WordPress is the ability to create custom themes, which allows you ti completely customize the look and feel of...
CSS: Center position absolute div.
When working with position absolute divs, it can be tricky to center them, but it’s not impossible. In this blog post, we’ll go through the...
CSS: How to center a div
To center a `<div>` using CSS, there are several methods you can use depending on your layout and design requirements. Here some most common ways:...
CSS: Simple Selector
In CSS, simple selectors are the most basic type of selector that target elements based on their tag name, ID, class name. There used to...
Notice: Function register_rest_route was called incorrectly!
Notice: Function register_rest_route was called incorrectly. The REST API route definition for university/v1/search is missing the required permission_callback argument. For REST API routes that are...
Using sanitize_text_field() to Secure User Input in WordPress
Let’s say you have a form on your website where users can submit comments. when the form is submitted, you want to sanitize the comment...
How to get data of custom post type in WordPress REST API?
If you access data in REST API by default you will get all data from “posts”. But if you created a custom post type such...
What is CRUD?
CRUD is an acronym that stands: Create Read Update Delete It is a set of common operations that are performed on data in a database...
CSS: Selectors
CSS Selectors are patterns used to select and applay styles to specific HTML element in a web page. A CSS selector can target elements based...
WordPress: Pass data from the server side to JavaScript scripts.
If want to pass data from the backend to the front-end. For example: In my case, I need to use the site-root URL in JavaScript...
HTML: Text Field Suggestions
If you find the browser’s auto-suggestion feature annoying for the input field. For example To Prevent the browser from showing the previous terms you’ve entered...
What is YAML format?
YAML is a human-readable data serialization language that is often used for writing configuration files. Depending on who you ask, YAML stands for yet another...