The correct way to register styles in WordPress
is to enque them through wp_enqueue_style
function in your theme’s functions.php
.
You can read and learn how to do it here – wp_enqueue_style
/**
* Proper way to enqueue scripts and styles
*/
function wpdocs_theme_name_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 );
}
add_action( 'wp_enqueue_scripts', 'wpdocs_theme_name_scripts' );
Related Posts:
- Remove Open Sans from Twenty Twelve theme
- Enqueue Google Web Fonts Without Messing Up Symbols In URL
- Inbuilt style for jquery-ui-datepicker
- Why is style.css not being enqueued?
- How to conditionally enqueue a stylesheet only for a certain page(s)?
- How to enqueue style before style.css
- What is the correct way to enqueue multiple CSS files?
- Remove wp_add_inline_style
- Is it possible to enqueue a raw CSS string directly from within a template file?
- Use wp_enqueue_scripts, not wp_print_styles?
- Why isn’t my theme processing SASS?
- How to combine multiple CSS files and concatenate JavaScripts if WordPress recommends enqueuing them?
- Adding style sheet to specific page
- How Can I Use A Child Theme Effectively When Parent’s CSS Is Located in a ‘CSS folder’?
- Disable child theme css on certain pages
- When enqueing a stylesheet, is it possible to remove the type attribute? [duplicate]
- Load custom css after bootstrap
- Enqueue style for Password Reset page
- The correct way to include JavaScript and CSS in my WordPress Themes
- Is it possible to change the path of a css file that is registered through wp_enqueue_style()?
- Relative path instead of absolute for wp_enqueue_script
- get_stylesheet_uri returns wrong path
- Override load-styles.php with admin screen css
- CSS file not registering through add_action
- Relative path in wp_register_style not working
- Custom Admin CSS styles to style media uploader?
- getting url in wp_enqueue_style
- Loading different stylesheet on WordPress pages?
- Use wp_add_inline_style to add code to before wp_head?
- why enqueued styles in header.php shows in footer?
- How to insert html/css/javascript code to wordpress plugin
- Adding external stylesheet after ALL other styles
- Different ways to load child theme css
- How to enqueue a random css style?
- How to override Bootstrap css with my child theme css in wordpress?
- Enqueue styles in new site editor in WordPress 5.9
- How to organize priority of plugins CSS files?
- why this media query is not working / not loading when I put it in child theme?
- How do I make header.php use different css for different pages?
- Load CSS in footer, like your can with JS?
- Child theme stylesheet not always overriding “index”
- Child Theme CSS not showing at all
- Faster fonts on mobile
- Display Something in the Header After All Styles are Loaded
- My CSS suddenly doesn’t load anymore [closed]
- How can I force Dynamic CSS via ACF values to update on page load?
- functions.php – inject inline css from file
- Append style tag in head while shortcode runs
- How can I move my custom css to the very bottom of the head section?
- CSS getting injected into index from somewhere after theme/custom CSS is loaded, overriding all of my CSS [closed]
- enqueing Javascript and CSS
- Load custom CSS before admin CSS
- Including CSS files in HEAD based on page content
- How would one set or override a Fallback font for characters in second language?
- First element/selector of enqueued CSS file breaks
- Dequeue styles with query doesn’t work
- Save custom option in CSS file
- How to enqueue stylesheets in child-theme functions.php?
- Dequeing Parent Fontawesome Deques Parent Styles
- Add inline CSS to login page with wp_add_inline_style
- Bootstrap Integtration
- Set different css stylesheet for specific pages [duplicate]
- My Child Theme CSS Isn’t Working
- Font size decreases when child theme is created from parent theme?
- Controling css order
- Why are my parent styles loading after my child styles?
- How to make CSS load live based on options clicked in the theme customizer?
- Replacing parent theme’s IE-specific CSS
- Browser stacks different versions of style.css
- Bootstrap 4 Optimization
- Enqueue MCE Editor CSS in admin page
- plugin not loading my css and js
- Custom theme – Bootstrap CSS not loading via wp_enqueue_style or otherwise
- How enqueue CSS out of theme folder?
- Is there a CSS parent selector?
- How to change the background colour’s opacity in CSS
- difference between css height : 100% vs height : auto
- How do I register/enqueue a custom CSS file?
- PageLines theme: how to change the background color of the main content vs. entire page?
- wp_enqueue_style in Plugin [duplicate]
- Enqueue styles after a plugin
- Efficient way to edit WordPress themes
- Parent theme CSS overriding child CSS rules
- Where Do I Find The Astra Default Font Family That All Text Elements Are Inheriting From? [closed]
- Responsive Images Warping
- Remove margin from CSS gradient color code
- How do I apply/target CSS to a specific user role or roles?
- Why is this jquery / java script code not working in mobile / in devices?
- Seperate functions.php for part of site
- How can I remove the ::after CSS selector which is automaticaly appended to the_content()?
- Using PHP Increment and Conditional Statement to Alternate Loop Background
- Namespacing theme CSS
- How to change the standard navigation menu color when using genesis [closed]
- CSS not being applied using wp_enqueue_style
- Add classes + taxonomy terms to wp_list_pages() output
- Why can’t blocks be hidden with jQuery?
- CSS: Appearance/Customise display different to actual display
- I would like to achieve a two column checkout page
- How to change menu hover color to white on my theme? [closed]
- Do you use css reset in your child theme [closed]