javascript - Bootstrap and css are not being recognized in my plugin -

-

i trying make own plugin on wordpress bootstrap , css don't work, there no connection being formed between them. here code, if have idea thankful. 

 function my_options_style() {       wp_register_style('my_options_css', plugin_dir_url(__file__) . 'css/style.css', false, '1.0.0');       wp_register_style('bootstrap_options_css', plugin_dir_url(__file__) . 'includes/bootstrap-3.3.6-dist/css/bootstrap.min.css', false, '1.0.0');       wp_register_style('bootstrap_css', plugin_dir_url(__file__) . 'includes/bootstrap-3.3.6-dist/css/bootstrap-theme.min.css', false, '1.0.0');       wp_enqueue_style('my_options_css');       wp_enqueue_style('bootstrap_options_css');       wp_enqueue_style('bootstrap_css');      }      add_action('admin_enqueue_scripts', 'my_options_style');       function theme_scripts() {       wp_enqueue_script( 'my-ads', plugin_dir_url(__file__) . 'includes/bootstrap-3.3.6-dist/js/bootstrap.min.js', array(), '1.0.1', true );      }      add_action( 'wp_enqueue_scripts', 'theme_scripts' );

you need use wp_register_style() & wp_register_script()

demo for registers script 

// register script function custom_scripts() {      wp_deregister_script( 'jquery' );     wp_register_script( 'jquery', '//code.jquery.com/jquery-2.1.1.min.js', false, '2.1.1', false );     wp_enqueue_script( 'jquery' );      wp_deregister_script( 'bootstrap' );     wp_register_script( 'bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js', array( 'jquery' ), '3.2.0', false );     wp_enqueue_script( 'bootstrap' );  } add_action( 'wp_enqueue_scripts', 'custom_scripts' );

and register style 

// register style function custom_styles() {      wp_register_style( 'bootstrap', '//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css', false, '3.2.0' );     wp_enqueue_style( 'bootstrap' );      wp_register_style( 'bootstrap-theme', '//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css', array( 'bootstrap' ), '3.2.0' );     wp_enqueue_style( 'bootstrap-theme' );  } add_action( 'wp_enqueue_scripts', 'custom_styles' );

for more details

https://developer.wordpress.org/reference/functions/wp_enqueue_style/

https://developer.wordpress.org/reference/functions/wp_enqueue_script/


Comments

Post a Comment

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

-
i beginner in autocad plugins .i have created array of circle using following code. now, have hatch circles in array .how that??how hatch circles @ once? moreover, how can return hatch method , use hatch objects.sorry language.thanks in advance. [assembly: commandclass(typeof(beamsection.class1))] namespace beamsection { public class class1 { //class1 obj = new class1(); [commandmethod("beamatsupport")] public void addlightweightpolyline() { // current document , database document acdoc = application.documentmanager.mdiactivedocument; database accurdb = acdoc.database; promptpointresult ppr = acdoc.editor.getpoint("\nselect starting point "); var ucs = acdoc.editor.currentusercoordinatesystem; point3d startingpt = ppr.value.transformby(ucs); list<double> radius = new list<double>(); radius.add(0.5);
Read more

ios - UITEXTFIELD InputView Uipicker not working in swift -

-
hello trying pop uipickerview view programmatically when user clicks on textfield. have tried doesn't doing anything. isn't working. nothing happening when click textfield class userprofiletableviewcontroller: uitableviewcontroller,uitextfielddelegate,uipickerviewdelegate,uipickerviewdatasource { var itempicker: uipickerview! = uipickerview() @iboutlet weak var gendertxtfield: uitextfield! var gender = ["male","female"] override func viewdidload() { super.viewdidload() gendertxtfield.delegate = self itempicker!.delegate = self itempicker!.datasource = self itempicker!.backgroundcolor = uicolor.blackcolor() self.gendertxtfield.inputview = itempicker } func numberofcomponentsinpickerview(pickerview: uipickerview) -> int{ return 1 } // returns # of rows in each component.. func pickerview(pickerview: uipickerview, numberofrowsincomponent component:
Read more