22nds
8/6/2017 - 6:46 AM

Enqueue scripts and styles for WordPress

Enqueue scripts and styles for WordPress

class MyClass {

  function __construct() {
    add_action('admin_enqueue_scripts', 'plugin_scripts');
  }
  
  function plugin_scripts()
  {
      wp_enqueue_style('bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css', false, '1.0.0');
      wp_enqueue_script('jquery', '//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js', array(), '1.0.0', true);
      wp_enqueue_script('bootstrap-js', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js', array(), '1.0.0', true);
  }
}

new myClass();


// Refer to the class elsewhere in the plugin
global $my_class;
$my_class = new MyClass()
// display value of the variable

die($hook)

// echo variable 

printf('<pre>');
echo var_dump($arguments);
printf('</pre>');
/**
 * PLUGIN
 * Enqueue scripts and styles - for all admin pages.
 */

function plugin_scripts()
{
    wp_enqueue_style('bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css', false, '1.0.0');
    wp_enqueue_script('jquery', '//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js', array(), '1.0.0', true);
    wp_enqueue_script('bootstrap-js', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js', array(), '1.0.0', true);
}
add_action('admin_enqueue_scripts', 'plugin_scripts');


/**
 * PLUGIN
 * Enqueue scripts and styles - for a particular admin page.
 */
function plugin_name_scripts($hook)
{
    if ('toplevel_page_XXXXX' != $hook) {
        return;
    }
    wp_enqueue_style('bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css', false, '1.0.0');
    wp_enqueue_script('jquery', '//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js', array(), '1.0.0', true);
    wp_enqueue_script('bootstrap-js', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js', array(), '1.0.0', true);
}
add_action('admin_enqueue_scripts', 'plugin_name_scripts');



/**
 * THEME
 * Enqueue scripts and styles
 */
 
 
function theme_scripts()
{
    wp_enqueue_style('style-name', get_stylesheet_uri() );
    wp_enqueue_script('script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true);
    wp_enqueue_style('bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css', false, '1.0.0');
    wp_enqueue_script('jquery', '//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js', array(), '1.0.0', true);
    wp_enqueue_script('bootstrap-js', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js', array(), '1.0.0', true);
}
add_action('wp_enqueue_scripts', 'plugin_scripts');
function debug_console($data) {
      $mode = 'dev';
      $output = $data;
      if (is_array($output)) {
          $output = implode(',', $output);
      }
      if ($mode === 'dev') {
          echo "<script>console.log( 'DEBUG: " . $output . "' );</script>";
      }
  }

// usage with some variable
debug_console($hook);