After a lot of research I finally found an easy way to insert a flash header into an Artisteer WordPress theme. To see an example of the finished product click here. NOTE: I have only tested this procedure with templates with a square top and no padding.
Step 1 – Create a template using Artisteer. After saving and exporting the template, go to the exported directory (the directory with the WordPress files generated by Artisteer).
Step 2 – Open the file “style.css” and search for the word “header”. You should find a block of code like this one:
This will give you the size of the header picture. For this example, the header picture is 874 by 225 pixels. Write these numbers down. Close the file.
Step 3 – Create at least two header pictures using your favorite image editor. Make sure the size matches the size in the “style.css” file. For this example the size is 874 by 225 pixels.
Step 4 – Go back to the exported directory and make a copy of the “header.php” file. I like to do this as a precaution (make a backup). You may want to call this copy “header-OLD.php”. Edit the “header.php” file. Go to the bottom of the file, and look for a block of code similar to this one:
You will be replacing the line containing the “Header-jpeg” class definition (depending on your design, there might be other lines present) with the following LONG line (I had to break down the line so that it could fit on the screen):
Make sure you replace YOURDOMAINNAME with your domain name, and WWW with the width and HHH with the height of the header picture. For this example, we will use 874 for the width, and 225 for the height. To download a text file of this line, click here.
After you made the changes to the line, replace the “Header-jpeg” line. The file should look like this:
Step 4 – Download the template to your WordPress installation.
Step 5 – You need to download and install the Flash Fader Revived plug-in. This plug-in will allow you to add flash to your WordPress installation. We will be using it to add flash to our header picture.
Step 6 – After installing the Flash Fader Revived plug-in, click on “Settings”, then on “Flash Fader Revived”. NOTE: You need to set up the options on this plug-in BEFORE you upload your header pictures.
On the Flash Fader Revived screen, click on “Advance Display Settings”, and enter the correct width and height of the header picture. I also like to play with the “Image Display Time” – this defines how long the picture will be displayed before it changes. Personally, I like to set it to 4 seconds. Save your changes.
Next, you are ready to upload your header pictures. You need a minimum of 2, no maximum limit (that I know of).
After all these changes are done, you should see your header changing on your WordPress Website. Pretty cool!!!
I hope this has been helpful. To learn more secrets, click on the link Make a Website using WordPress.
9 comments
Leave a Reply
Add that Professional look and feel to your website...
Check out this Outstanding Website Graphics Package at a killer price!
Now that your WordPress website is up, have you Optimized it for the Search Engines?
Learn how to optimize your website so that the search engines can find it!
Need Traffic for your Website?
Check out this great Video Training on Getting Facebook Traffic!
 |
 |
|
 |
 |
|
 |
 |
I really like your theme. I plan to download it soon. I noticed somewhere you offer help in setting it up. What does this service cost?
Copyrighting is very important specially if you wrote original articles both online and offline.~”-
Great plugin, I like it, I have download it for my blog!
I like your blog. I enjoyed reading it. I thought it was going to be some boring old post, but it really compensated for my time. I just bookmarked it for later reference. I am looking forward to reading what would be your next post. Keep up the good work!
Once again thank you.
Your tutorials are very good. maybe you should do more for use Artiseer starved folks:)
Terry
Thank you for your kind comments.
Ovidio.
Good tutorial. But please i do not have knowledge of php. I just created this website (http://lagosguardian.wordpress.com/) and i have a swf file that corresponds with the size of the header for wordpress but i cannot put it because i don’t know how to go about the php. Do you have a way or can you help me do it?
Unfortunately you are using a Free WordPress account. These free WordPress accounts do not allow you to make these type of changes to the code. This can only be done on WordPress accounts that you host on your own or paid server. I hope this helps.
Ovidio.
still trying to add flash header to my site but failed all the time. starting by using meteor slideshow and almost all plugin but it still no success. btw, my site is wordpress self hosted and before I could change the header into flash, I wouldn’t stop struggle. head over to your site from Google and tried it in my site but still failed. anyway, thanks for the articles. (artesteer theme must be great, too bad I don’t know how to get it even after following the link in this article)
best regards,
UNIROW