Youssef Bouhlal

  • Optimize Images on WordPress by Lazy Loading

    Lazy loading images is an effective technique to improve the performance of your WordPress website. By loading images only when they enter the viewport, you can significantly reduce the initial load time and enhance the user experience. In this article, I’ll demonstrate how to implement lazy loading for images in WordPress using a custom approach.

    #
  • How to Optimize SVG Usage in a WordPress Website

    Scalable Vector Graphics (SVG) are a great way to include high-quality graphics in your website without compromising on performance. Here’s a simple guide on how to optimize SVG usage in your WordPress site.

    #
  • Using WordPress Coding Standards for PHP_CodeSniffer in Your Plugin or Theme

    Ensuring that your WordPress plugin or theme adheres to the WordPress Coding Standards is crucial for maintaining high-quality, readable, and maintainable code. PHP_CodeSniffer (PHPCS) is a powerful tool that helps you automate this process. In this article, I will guide you through setting up PHP_CodeSniffer with WordPress Coding Standards using Composer.

    #
  • How to Change WordPress Post Slugs to Include Blog/Category

    Including the blog/category in post slugs offers valuable benefits for both users and SEO. By incorporating this information into URLs, your website becomes more organized and navigable, as users can quickly understand the context of the content and explore related topics with ease. Moreover, it improves SEO by creating keyword-rich URLs that help search engines better understand and index your content, potentially leading to higher rankings.

    #
  • Removing Slug from Custom Post Type in WordPress

    While slugs are useful for organizing content and improving SEO, there are scenarios where removing the slug from a custom post type becomes desirable. One common reason is to create cleaner and more concise URLs, especially for custom post types that serve as landing pages or have shorter titles. Removing the slug can also enhance the aesthetics of your permalinks and make them more user-friendly.

    #
  • Creating a Custom Range Slider with HTML, CSS, and JavaScript

    Range sliders are a handy UI component for selecting a value within a specified range. While the default styling of range sliders provided by browsers might suffice for basic usage, customizing them can add a unique touch to your web application.

    #
  • Leveraging WooCommerce Mailer to Send Emails

    WooCommerce, being extensible by design, provides a robust email system, known as WooCommerce Mailer. This system allows you to send various types of emails, including transactional ones like order receipts, shipping notifications, and customer account updates.

    #
  • Customizing WooCommerce Orders: Adding Custom Statuses

    WooCommerce provides a robust framework for managing orders. However, sometimes the default order statuses might not fully align with your business processes. In such cases, adding custom statuses can be incredibly useful. Whether you want to distinguish between different stages of fulfillment or have unique statuses for specific types of orders, WooCommerce allows you to tailor the order management system to fit your needs.

    #
  • WooCommerce Payment Method Integration for the Checkout Block

    In WooCommerce version 8.3 and beyond, the Checkout Blocks have become the standard for new installations, revolutionizing the user experience. If your extension integrates with a payment gateway, adapting to the block-based checkout is crucial. In this article, I will guide you through the process of seamlessly integrating and supporting Checkout Blocks for your payment gateway, ensuring a smooth and efficient transaction process for your users.

    #
  • Optimizing WooCommerce: A Guide to High-Performance Order Storage

    In the dynamic world of e-commerce, where speed and efficiency are paramount, optimizing order storage in WooCommerce becomes crucial for a seamless shopping experience. The High-Performance-Order-Storage feature in WooCommerce provides developers with tools to enhance the performance of order-related operations. In this article, we’ll explore how developers can implement their code for compatibility with WooCommerce’s High-Performance-Order-Storage (HPOS).

    #