Technology: Advanced Custom Fields

  • CCIG

    CCIG

    Buildout of the corporate site for CCIG, a national business and home insurance corporation. Used Vite to compile SCSS and JavaScript modules for the assets, with separated frontend, editor and admin builds. Page management with Advanced Custom Fields (ACF) Flexible Content layout modules.

    Each layout is a single file that contains the HTML, CSS, and JavaScript for the layout. The layout file is named the same as the ACF flexible content field group ID (e.g., {my-flexible-field}.php) and is located in the layouts directory. Fonts are served from the site, in keeping with best practices.

    Other features include an ACF admin header color picker to better parse a page full of layout field modules, and built-in functionality to handle WEBP images in WordPress, with methods to automatically resize images and generate HTML tags with responsive image support.

  • National Council on Problem Gambling

    National Council on Problem Gambling

    Buildout of the National Council of Problem Gambling‘s corporate site. Used Vite to compile SCSS and JavaScript modules for the assets, with separated frontend, editor and admin builds. Page management with Advanced Custom Fields (ACF) Flexible Content layout modules.

    Each layout is a single file that contains the HTML, CSS, and JavaScript for the layout. The layout file is named the same as the ACF flexible content field group ID (e.g., {my-flexible-field}.php) and is located in the layouts directory. Fonts are served from the site, in keeping with best practices.

    Other features include an ACF admin header color picker to better parse a page full of layout field modules, and built-in functionality to handle WEBP images in WordPress, with methods to automatically resize images and generate HTML tags with responsive image support.

  • Magneti Marketing

    Leverage advanced WordPress development expertise to craft custom themes and plugins, optimizing website architectures for SEO and integrating automated image optimization solutions. Integrate third-party services like Shopify and HubSpot, and develop custom WooCommerce solutions. Contribute to data-driven applications using React and TypeScript, enhancing reporting functionalities and user experience. Ensure site security and accessibility, refactoring designs to improve intuitiveness and compliance with accessibility standards, as seen in recent projects for the National Council for Problem Gambling and Rainwater, Holt & Sexton law firm.