Introduction to assets management - mdhemalakhand1999/WordPressPluginDevelopment GitHub Wiki

Hey!

Welcome to assets management first tutorial


Here we will able to learn about how we can utilize our assets with Wordpress standard.

Plugin File structure:


/plugin-name
     plugin-name.php
     uninstall.php
     /languages
     /includes
     /admin
          /js
          /css
          /images
     /public
          /js
          /css
          /images


So! lets get started


Create a plugin starter boilarplate and register class


<?php
/**
  • @package assetsninja
    /
    /

    Plugin Name: assetsninja
    Plugin URI: https://assetsninja.com/
    Description: assetsninja plugin is a light weight for count words.
    Version: 1.0
    Requires at least: 1.0
    Requires PHP: 5.2
    Author: HemalRika(HR) Foundation
    Author URI: https://hemalrika-hr.com
    License: GPLv2 or later
    Text Domain: assetsninja
    */

class AssetsNinja {

}
AssetsNinja();



Now lets first add textdomain into our plugin.



class AssetsNinja {
    public function __construct() {
        add_action("plugins_loaded", array($this, "load_textdomain"));
    }
    function load_textdomain() {
        load_plugin_textdomain( 'assetsninja', false, plugin_dir_url(__FILE__).'/languages' );
    }
}
AssetsNinja();


Now we can enqueue our essential js and css file using wp_enqueue_scripts hook.



Here is complete code:


<?php
/**
  • @package assetsninja
    /
    /

    Plugin Name: assetsninja
    Plugin URI: https://assetsninja.com/
    Description: assetsninja plugin is a light weight for count words.
    Version: 1.0
    Requires at least: 1.0
    Requires PHP: 5.2
    Author: HemalRika(HR) Foundation
    Author URI: https://hemalrika-hr.com
    License: GPLv2 or later
    Text Domain: assetsninja
    */

class AssetsNinja {
public function construct() {
add_action(“plugins_loaded”, array($this, “load_textdomain”));
add_action(“wp_enqueue_scripts”, array($this, “load_front_assets”));
}
function load_textdomain() {
load_plugin_textdomain( ‘assetsninja’, false, plugin_dir_url(
FILE__).‘/languages’ );
}
function load_front_assets() {

}

}
AssetsNinja();

That’s it! Congrats for done successfully.

⚠️ **GitHub.com Fallback** ⚠️