[Plugin: Meteor Slides] Changing Header Code in Graphene Theme
-
Hi,
I would like to change the header.php code to have the Meteo Slides to display the Slides in my header; I don’t know where to change it…Pls help. Thanks
-
Hi!
The Graphene theme gets updated pretty frequently, so you should create a child theme so as to not loose your custom changes during updates.
Then you simply need to download the plugin, upload it to your site, and activate it.
Once it is activated, copy yourheader.phpfile in the child theme folder, open it with a text editor, and insert this code where you want the slider to appear:<?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?>and that’s pretty much it.
Cheers!To get a better idea of where in the header file to add the template tag, inspect the site you want to add it to using Firebug and take a look at the code in the header. Find the spot you want it in and see what the name of the container is for that spot, you should be able to find that name in the header.php file.
My website is http://www.learningevarsity.com. How do I do the following?:
“create a child theme, copy your header.php file in the child theme folder”. Your help would be highly appreciated…Creating a child theme is very simple, create a new folder for the theme and add a style.css file with the theme name, parent template, and a few other details and you have enough to activate the new child theme. Take a look at this section of the documentation on child themes for the details.
To copy the header file from the parent theme, copy the header.php file from the parent theme directory, and paste it into the new child theme’s directory. If you have installed the theme via the WordPress admin and don’t have a local copy, FTP into your site and grab it, or download a new copy from the theme directory.
I have created the child theme, activated it; but my modifications from my previous main theme were not imported, how do I make sure that they are also brought into this new child theme theme?
If you have already modified the parent theme, there’s no need to create a child theme. If you make all of your changes via a child theme and don’t touch the parent, then you can update the parent theme, but in your case you wouldn’t want to update the modified parent.
Here is what my header.php from the orgininal site looks like: I want to know where to change in order to have the header of my site to be able to use the meteor slides code:
[Mod: Please use pastebin for more than ten lines of code http://codex.ww.wp.xz.cn/Forum_Welcome#Posting_Code ]
Thanks for the previous feedback….sorry, I am so stressed, I even forget to thank you for your help!!
Is this the correct way to use pastebin.com?
http://pastebin.com/nqxmVnj2My header.php is embedded there…thanks!
I want to know where to change in order to have the header of my site to be able to use the meteor slides code.
Well, that depends on where you want to put it. The meteor slideshow code pasted above does not prepare your theme to use the plugin, it actually inserts the slideshow where the code is added.
In order to determine where in your theme you want to show the meteor slideshow, you should really follow JLeuze‘s advice.
I would also add that you don’t necessarily need to use Firebug (Firefox browser), since you can use the Code Inspector of the browser of your choice.
If all this is too complicated, you can try to take a screenshot of your site, mark the location where you want the slideshow inserted, upload the image to Imagebin (look for the “add your image now” link at the bottom of the page) and paste the image link (like you did with Pastebin) here so that we can see it and tell you where in your theme to add it.Thanks for sharing some more info, I am guessing you want to replace the large banner in your header with a slideshow? Try updating your header.php file with this code: http://pastebin.com/GGeM16TE
Hi JLeuze, thank you for your continued assistance. The solution worked; but as usual, something else is wrong. When I place the mouse on the slide Header, the header moves downwards. Check it on: http://www.learningevarsity.com. Thanks.
Add this to your theme’s stylesheet to fix that issue:
.meteor-slides.navhover ul.meteor-nav { display: inline !important; }Hi Jleuze, u r a star…!!!That worked that magic….thank you once again.
You’re welcome!
The topic ‘[Plugin: Meteor Slides] Changing Header Code in Graphene Theme’ is closed to new replies.