Step 4: Customizing & Extending Your Plugin

Now that our plugin is functional, let's make it more powerful and customizable!

How to use JavaScript & CSS in Your Plugin 🎭

Adding custom JavaScript and CSS makes your plugin interactive and stylish.

🛠️ Example: Enqueuing JS & CSS Properly

function my_plugin_enqueue_assets() {
    wp_enqueue_style('my-plugin-style', plugin_dir_url(__FILE__) . 'assets/style.css');
    wp_enqueue_script('my-plugin-script', plugin_dir_url(__FILE__) . 'assets/script.js', array('jquery'), false, true);
}
add_action('wp_enqueue_scripts', 'my_plugin_enqueue_assets');

• style.css → Custom styling for your plugin.
• script.js → JavaScript for interactivity.
• wp_enqueue_scripts ensures files are loaded properly.

Working with Custom Post Types & Taxonomies 🏷️

Want to create a custom content type like "Books" or "Movies"? Use Custom Post Types (CPTs)!

🛠️ Example: Creating a Custom Post Type

function my_custom_post_type() {
    register_post_type('books',
        array(
            'labels'      => array('name' => __('Books'), 'singular_name' => __('Book')),
            'public'      => true,
            'has_archive' => true,
            'supports'    => array('title', 'editor', 'thumbnail')
        )
    );
}
add_action('init', 'my_custom_post_type');

Now, "Books" will appear in the WordPress admin panel! 📚

Creating Widgets & Blocks for Gutenberg 📦

If your plugin needs a custom widget or Gutenberg block, you can add one easily.

🛠️ Example: Adding a Simple Widget

class My_Custom_Widget extends WP_Widget {
    function __construct() {
        parent::__construct('my_custom_widget', __('My Custom Widget'), array('description' => __('A simple widget')));
    }

    function widget($args, $instance) {
        echo "<p>👋 Hello from My Custom Widget!</p>";
    }
}

function register_my_widget() {
    register_widget('My_Custom_Widget');
}
add_action('widgets_init', 'register_my_widget');

Now, the widget can be added from the Widgets screen! 🎉

Conclusion 🎯

Now, your plugin can:

✅ Load Custom CSS & JavaScript

✅ Create Custom Post Types (CPTs)

✅ Add Widgets & Gutenberg Blocks

Your plugin is getting more advanced! 🚀