- This topic has 3 replies, 2 voices, and was last updated 11 years, 4 months ago by
.
-
Posts
-
I need to be able to insert a few stylesheets (Bootstrap) into the <head> tags of of a particular page. I am able to add them to the entire site using the Header and Scripts section of the Theme Settings, but that isn't what I need. I need to be able to add them on a single page. I have created a special template for the page (if that matters).
I looked through the hooks, and I don't see anything that allows me to inject the stylesheet references into the header file. Any suggestions on how I might insert the stylesheet references into the <head> tags on a single page? Any thoughts would be greatly appreciated.Okay, I figured this out. Here's the code that I used for future reference.
// * Add Bootstrap custom styles to form; need to add the parameter for is_page(page), replacing "page" with the slug for the page where the stylesheet should appear function bootstrap_custom_style_sheets() { if (is_page(page) ) { wp_enqueue_style( 'bootstrap-custom', home_url('/form/assets/css/custom.css')); wp_enqueue_style( 'bootstrap-min', home_url('/form/assets/bs/css/bootstrap.min.css')); wp_enqueue_style( 'bootstrap-theme', home_url('/form/assets/bs/css/bootstrap-theme.min.css')); wp_enqueue_style( 'font-awesome', home_url('/form/assets/fa/css/font-awesome.css')); }} add_action('wp_enqueue_scripts', 'bootstrap_custom_style_sheets');There may be a better way, but this worked for me.
You can also to do this via the "Scripts" section of each individual page. For instance , if you want to use Font Awesome icons only on one page, add this to the page's Scripts edit box:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
and the icon code via the page's text editor:
<i class="fa fa-copyright"></i>
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]
- The forum ‘General Discussion’ is closed to new topics and replies.