html - Wordpress not working after adding style.css -


i have been trying find solution while no luck... busy making custom theme wordpress per this article. html , php hooks get_header() working try add style.css doesn't work , "demo theme" stuck on loading.however when remove works css in style.css file not loaded. these css files load page.

<link rel="stylesheet" href="http://www.website.com/wp-content/themes/canvas/css/bootstrap.css" type="text/css" /> <link rel="stylesheet" href="http://www.website.com/wp-content/themes/canvas/style.css" type="text/css" /> <link rel="stylesheet" href="http://www.website.com/wp-content/themes/canvas/css/dark.css" type="text/css" /> <link rel="stylesheet" href="http://www.website.com/wp-content/themes/canvas/css/font-icons.css" type="text/css" /> <link rel="stylesheet" href="http://www.website.com/wp-content/themes/canvas/css/animate.css" type="text/css" /> <link rel="stylesheet" href="http://www.website.com/wp-content/themes/canvas/css/magnific-popup.css" type="text/css" /> <link rel="stylesheet" href="http://www.website.com/wp-content/themes/canvas/css/responsive.css" type="text/css" /> 

how correctly load of these css files wordpress page. thanks! using following code

    define("theme_dir", get_template_directory_uri()); /*--- remove generator meta tag ---*/ remove_action('wp_head', 'wp_generator');  // enqueue styles  function enqueue_styles() {      /** register css**/     wp_register_style( 'bootstrap', theme_dir . '/css/bootstrap.css', array(), '1', 'all' );     wp_register_style( 'dark', theme_dir . '/css/dark.css', array(), '1', 'all' );     wp_register_style( 'font-icons', theme_dir . '/css/font-icons.css', array(), '1', 'all' );     wp_register_style( 'animate', theme_dir . '/css/animate.css', array(), '1', 'all' );     wp_register_style( 'magnific-popup', theme_dir . '/css/magnific-popup.css', array(), '1', 'all' );     wp_register_style( 'responsive', theme_dir . '/css/responsive.css', array(), '1', 'all' );     //wp_register_style( 'style', theme_dir . '/style.css', array(), '1', 'all' );      /** enqueue css**/     wp_enqueue_style( 'bootstrap' );     wp_enqueue_style( 'dark' );     wp_enqueue_style( 'font-icons' );     wp_enqueue_style( 'animate' );     wp_enqueue_style( 'magnific-popup' );        wp_enqueue_style( 'responsive' );     //wp_enqueue_style( 'style' ); } add_action( 'wp_enqueue_scripts', 'enqueue_styles' );  // enqueue scripts  function enqueue_scripts() {      wp_register_script( 'html5-shim', 'http://html5shim.googlecode.com/svn/trunk/html5.js', array( 'jquery' ), '1', false );     wp_enqueue_script( 'html5-shim' );       wp_register_script( 'custom-script', theme_dir . '/js_path/customscript.js', array( 'jquery' ), '1', false );     wp_enqueue_script( 'custom-script' );  } add_action( 'wp_enqueue_scripts', 'enqueue_scripts' ); 

but isn't working... have checked wp_head() present in header file , php working ??? as add style.css gets stuck on loading enter image description here

enter image description here

generally, idea use unique names stylesheet handles (see reference). wasn't able recreate error, try changing

wp_register_style( 'style', theme_dir . '/style.css', array(), '1', 'all' ); 

to

wp_register_style( 'unique-name-style', theme_dir . '/style.css', array(), '1', 'all' ); 

and

wp_enqueue_style( 'style' ); 

to

wp_enqueue_style( 'unique-name-style' ); 

Comments

Popular posts from this blog

php - Wordpress website dashboard page or post editor content is not showing but front end data is showing properly -

How to get the ip address of VM and use it to configure SSH connection dynamically in Ansible -

javascript - Get parameter of GET request -