Author: Victor
-
WordPress – Alter query on archive page
When managing a content-rich WordPress website, you might encounter a need to tweak the main query on specific pages or archives, particularly when dealing with custom post types. The PHP snippet below offers a solution to alter the post query for custom post type archives to display all posts without pagination. The Code This code…
-
WordPress – How to disable/enable plugin programmatically
Maintaining different environments for a WordPress site—such as development, staging, and production—can often require specific plugins to be active in one environment and not in others. The following PHP code snippet simplifies the process of enabling and disabling plugins based on the environment type, right from the WordPress admin dashboard. The Code The function env_plugins_notice…
-
WordPress – Login page customization
In the world of WordPress, personalizing the login page can make for a more branded and cohesive user experience. The following snippet of PHP code allows you to customize the WordPress login page by changing the logo, its link, and the title text. The Code The code snippet should be added to your theme’s functions.php…
-
WordPress – Empty title placeholder
When managing a WordPress website, content editors and authors sometimes leave the title field blank, which can lead to confusion and a lack of consistency in the user interface. To address this issue, the following WordPress snippet automatically adds a placeholder text (No title) when a page or post title is left undefined. The Code…
-
SCSS – Simple checkbox styling
Styling checkboxes in CSS often requires additional HTML elements or complex workarounds. However, this method simplifies the process by leveraging pseudo-elements directly within the input[type=’checkbox’] element, eliminating the need for extra HTML modifications. SCSS Magic The magic happens in the SCSS, where custom properties are declared for easy styling. The input[type=’checkbox’] is targeted directly, with…
-
JavaScript – Set Scrollbar Size as a CSS Variable
Managing layout shifts and space allocation in web design can be tricky when considering the variable size of scrollbars across different browsers and operating systems. This JavaScript function, dynamically calculates the size of the scrollbar and sets it as a CSS custom property, making it easier to handle layout adjustments. Function Overview The function putScrollbarSizeInCSSVariable…
-
WordPress – Environment Indicator
When managing multiple environments for a WordPress website, such as development, staging, and production, it’s crucial to differentiate between them to prevent mistakes like applying changes to the live site instead of a test environment. The following PHP snippet provides a visual cue in the WordPress admin dashboard to indicate the current environment type. This…
-
WordPress – Customize Page Title
In the realm of WordPress, altering the title of a page dynamically can be an essential customization to better reflect the content or the branding of the site. The following PHP snippet demonstrates how to change the page title using a WordPress filter hook. Code This snippet leverages the pre_get_document_title filter, which allows developers to…
-
Implementing Custom Popups with HTML, CSS, and JavaScript
Creating interactive popups can greatly enhance user engagement on websites. This implementation showcases a simple yet effective way to create custom popups using native HTML <dialog> elements, accompanied by CSS for styling and JavaScript for functionality. HTML Structure for Popups The HTML structure includes two main sections: one with buttons to trigger the popups and…
-
SCSS – Media & Container Queries
Introduction to Responsive Design Variables To kickstart a responsive design, a set of predefined breakpoints is essential. These breakpoints serve as the foundation for media and container queries that adjust styles based on viewport sizes or container dimensions. The SCSS snippet below defines a map of breakpoints: Responsive Design Snippet The SCSS snippet provided offers…