Back to Forhad's Creations

ACC WordPress Plugin – Advanced Custom Fields Alternative Plugin

By WP Forhad / October 16, 2024 / 2 discussion

ACC (Advanced Custom Code) is a versatile WordPress plugin designed to help developers and site administrators easily add custom HTML, CSS, JavaScript, or PHP to their website. It works like a powerful code manager, allowing users to insert code snippets that enhance the functionality and design of their WordPress site. ACC is perfect for developers who want to make quick modifications, integrate third-party libraries, or customize elements without having to alter the core theme files.

The plugin comes with features like support for multiple page builders (Gutenberg, Elementor, WPBakery, etc.), theme compatibility (Astra, Divi, Neve, and more), and the ability to add code to function.php, header.php, and footer.php. With a simple, user-friendly interface built on the native WordPress UI, ACC provides the ability to make your website adaptable and add personalized code solutions without hassle. Whether you're adding Google Analytics, Facebook Pixels, or any other type of custom code, ACC is an essential tool for simplifying these processes.

Key Features

  1. Custom HTML, CSS, JavaScript, and PHP Integration: Easily add custom HTML, CSS, JavaScript, or PHP code directly to your WordPress site without altering core theme files. This allows for greater flexibility in tailoring your website.
  2. Code Snippet Management: Manage and organize all your custom code snippets effectively. Add snippets for specific pages, posts, or globally to enhance various parts of your site.
  3. Third-Party Library Support: Seamlessly include popular third-party libraries like Bootstrap, Font Awesome, Animate.css, Owl Carousel, and many more. This feature allows you to easily extend the capabilities and design of your website.
  4. No Configuration Needed: Get started without any complex configuration. The ACC plugin provides a simple interface that allows users to add code without dealing with complicated settings.
  5. Header, Footer, and Function File Integration: Add custom code to function.php, header.php, and footer.php effortlessly. This feature is particularly useful for integrating tracking codes like Google Analytics, Facebook Pixel, and more.
  6. Supports Popular Page Builders: Compatible with popular WordPress page builders like Gutenberg, Elementor, WPBakery, BeaverBuilder, DiviBuilder, and many others. This ensures a smooth experience when adding custom codes to sites built with any of these tools.
  7. Works Even After Theme Changes: Custom code added through ACC will continue to work even if you change the website's theme, providing consistency and avoiding the hassle of reapplying codes.
  8. Enhanced Code Editor: Write custom code in an intuitive code editor with syntax highlighting, making it easy to read and modify your custom HTML, CSS, JavaScript, or PHP snippets.
  9. Quick Customization for Freelancers: Perfect for freelance developers working on marketplaces like Upwork, Fiverr, or PeoplePerHour, providing an efficient way to customize client websites without modifying core theme files.
  10. Theme Compatibility: Compatible with popular themes like Astra, Divi, OceanWP, Ultra, Neve, and more, ensuring that your custom code works seamlessly regardless of the theme.
  11. Solve Partial Sections with Ease: Add advanced website features like Tooltips, Mega Menus, Counters, Mobile Sliders, and other enhancements through easy-to-add code snippets.
  12. Optimized for Performance: The plugin applies optimized methods for executing custom code without causing performance issues. There are no complicated database queries, ensuring your website remains fast and efficient.
  13. No Developer Knowledge Required: While the plugin is packed with features for developers, it also comes with an easy-to-use interface for site administrators who may not have coding experience, making it simple to add snippets without risk.
  14. Regular Updates: The ACC plugin is continuously updated to stay compatible with the latest WordPress releases and standards, ensuring reliability and security for your custom codes.

Use Case

  • Adding Custom HTML Elements: Use ACC to add HTML elements like divs, forms, or other custom structures directly to your site, ensuring enhanced flexibility and customization.
  • CSS Customization: Add custom CSS styles to control the appearance of your entire website, create breakpoints for specific devices, or make individual changes to sections without touching the core files.
  • JavaScript Integration: Use ACC to add JavaScript (including jQuery) for implementing custom functionalities, such as dynamic content, animations, or page-specific interactions.
  • PHP Hooks and Filters: Insert PHP code to add hooks, filters, or other backend customizations to enhance your WordPress functionality without altering the core theme files.
  • Header/Footer Code Insertion: Easily add third-party integrations like Google Analytics, Facebook Pixel, or other tracking codes to your header and footer, simplifying the setup of these essential services.
  • Adding Third-Party Libraries: Integrate popular third-party libraries such as Bootstrap, Font Awesome, Owl Carousel, and many more, providing extensive options for enhancing the look and functionality of your site.
  • Quick Customization for Freelancers: ACC is perfect for freelance developers who need a quick and efficient way to modify client websites. It can be used on projects for Upwork, Fiverr, and other freelance marketplaces where time efficiency and custom code solutions are key.

How to setup ACC plugin

Step 01: First we have to go to the WordPress dashboard.

WP Dashboard

Step 02: Then we have to click the Plugins option from the dashboard. Then we have to click  “Add New Plugin” button  , from there we have to click “Upload Plugin”. Then we have to choose the plugin from our device. Then we have to click install button. Here we can Active The Plugin or we may active it later from Plugins options

Plugin Activation

3. After activation we will see ACC options on dashboard like below

Plugin Options

4. Then we can make shortcode snippet like below

Shortcode Snippet

5. Now we can use this short code where we want

Use Shortcode

6. The styles has changed for the shortcode

styles changes using ACC

Use our recommended page builder plugin, FancyPost to unlock a number of powerful blocks to help you to design amazing websites!

More screenshots

Custom code at login page
we can use JS code
JS use example
External Query load
Add fontawesome icon using ACC
Add fontawesome icon using ACC
Header Specific custom code

Download

Ready to take control of your website’s custom code needs? Click the button below to download the ACC - Advanced Custom Code plugin. With ACC, you can easily add and manage custom code, integrate third-party libraries, and make powerful customizations to your WordPress website—all from an intuitive, user-friendly interface.

Please enable JavaScript in your browser to complete this form.

Developer area

The ACC - Advanced Custom Code plugin offers various ways for developers to customize and extend its features. Whether you want to add custom functionality, modify the existing behavior, or integrate with other tools, the Developer Area provides the flexibility you need.

1. Hooks and Filters

The ACC plugin includes multiple action hooks and filters that can be used to extend or modify its behavior without changing core plugin files.

Example Hook: acc_before_custom_code_execution

This action hook can be used to execute custom functionality before any custom code (HTML, CSS, JavaScript, or PHP) is executed.

add_action('acc_before_custom_code_execution', 'my_custom_pre_execution_code');
function my_custom_pre_execution_code() {
    // Custom code to execute before any ACC custom code
    error_log('Executing code before ACC custom scripts run.');
}
Example Filter: acc_modify_custom_html

This filter allows you to modify the HTML code that is added using ACC before it gets rendered.

add_filter('acc_modify_custom_html', 'modify_custom_html_code', 10, 1);
function modify_custom_html_code($html_code) {
    // Add a custom wrapper to all HTML snippets added via ACC
    return '<div class="my-custom-wrapper">' . $html_code . '</div>';
}

2. Extending Functionality with JavaScript and CSS

If you need to extend the ACC functionality using JavaScript or CSS, you can enqueue custom scripts or styles that interact with the elements created by ACC.

add_action('wp_enqueue_scripts', 'enqueue_acc_custom_scripts');
function enqueue_acc_custom_scripts() {
    wp_enqueue_script('my-acc-custom-script', get_stylesheet_directory_uri() . '/js/custom-acc.js', array('jquery'), '1.0', true);
    wp_enqueue_style('my-acc-custom-style', get_stylesheet_directory_uri() . '/css/custom-acc.css', array(), '1.0');
}

3. Custom Code Placement Hooks

Developers can choose where to place their custom code within WordPress using dedicated hooks. Here are some examples:

  • Add Custom Code to the Header: Use the hook wp_head to insert custom JavaScript or CSS directly into the <head> section of the site.
add_action('wp_head', 'insert_custom_header_code');
function insert_custom_header_code() {
    // Your custom code for the header
    echo '<script>console.log("Custom JavaScript code from ACC.");</script>';
}
  • Add Custom Code to the Footer: Use wp_footer to add scripts or elements that should be loaded at the bottom of the page.
add_action('wp_footer', 'insert_custom_footer_code');
function insert_custom_footer_code() {
    // Custom JavaScript for tracking
    echo '<script>console.log("Custom footer code executed!");</script>';
}

4. Using PHP for Backend Customization

With ACC, developers can add custom PHP code to create hooks, filters, or any other backend functionality they require. Here's an example of adding a new WooCommerce filter:

add_action('init', 'customize_product_price');
function customize_product_price() {
    if (class_exists('WooCommerce')) {
        add_filter('woocommerce_get_price_html', 'modify_price_display', 10, 2);
    }
}

function modify_price_display($price, $product) {
    // Adding a discount label to the price display
    return $price . ' <span class="discount-label">Limited Time Offer!</span>';
}

5. Example Code Block for Third-Party Libraries

ACC also allows you to add third-party libraries like Bootstrap, Font Awesome, etc. Here’s an example of how to enqueue Bootstrap via ACC:

add_action('wp_enqueue_scripts', 'enqueue_bootstrap_via_acc');
function enqueue_bootstrap_via_acc() {
    wp_enqueue_style('bootstrap-css', 'https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css');
    wp_enqueue_script('bootstrap-js', 'https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js', array('jquery'), '5.3.0', true);
}

6. Developer Documentation and Resources

  • Detailed Hook List: The plugin provides a list of available hooks and filters in the official documentation. Make sure to check it to understand where and how to extend the plugin.
  • Code Snippets: Refer to provided code snippets for the most common customization needs—these can be adapted to suit specific requirements.

The ACC - Advanced Custom Code plugin offers a wide range of opportunities for developers to extend its features and customize its behavior. With support for hooks, filters, JavaScript, CSS, and even backend PHP customization, developers can take full advantage of its flexibility to meet specific project needs

Associate Plugins

  • Woo Commerce By Automattic

Request for new features

We are always looking to improve! If you have any suggestions for new features or improvements to the plugin, feel free to reach out to us. Your feedback helps us make Easy Job Listing even better.(Contact form , Telegram, WhatsApp, Messenger)

Donate

If you enjoy using ACC-Advanced Custom Code and would like to support its continued development, please consider making a donation. Your contributions will help us add more features, provide regular updates, and continue offering support to all users.

Forhad Avatar

Hossain Muhammed Forhad

Forhad Hossain is the co-founder of Pluginic. He brings a one-of-a-kind fusion of tech brilliance, business savvy and marketing mojo to the table.

Forhad has consistently spearheaded the development of innovative products like Gutenic, Editorial Rating, FancyPost and many others that have become market leaders in their respective niches.

Website Builder Front Website Builder Back

Want To Build Better WordPress Websites?
Start Here! 👇

5
1 0 Rating
2 0 Rating
3 0 Rating
4 0 Rating
5 3 Ratings
Total Vote: 3

Aggregate Rating System by Editorial Rating

2 responses to “ACC WordPress Plugin – Advanced Custom Fields Alternative Plugin”

    • Script insertion plugins are powerful yet risky, needing strict security. WordPress limits JavaScript handling to prevent unsafe code and offers options to lock theme/plugin edits. Without strong security measures, plugins may be rejected.

Leave a Reply

Your email address will not be published. Required fields are marked *