Hi there,
I'm having trouble figuring out how to change the header images from the defaults to my own. I've uploaded my own images in the content/themes/header/images file under the cutline theme, but it's still reverting back to the default? I've read the tutorial, but I must be missing something. What am I doing wrong???
Please help.
Thanks,
Lizzy
Cutline Theme Support Forums » General
Trying to Change Header Image
(8 posts)-
Posted 4 years ago #
-
Because cutline is set up to rotate between different pictures (6 to be exact), you should upload the header pic you want as each of those 6 files. (It's the easiest way to do it without changing the code.)
So, upload the same picture as header_1, header_2, header_3, etc....
Be sure that it's in .JPG format and the file name is EXACTLY as the one currently in the directory.
After you upload the pic you want under all 6 of those header files and it still doesn't work, then clear out your browsers cache. Sometimes it may take 5 minutes to show up, but that will do the trick.
Posted 4 years ago # -
Thanks for this. Is there an FAQ here or on the support blog that I'm not seeing?
Posted 4 years ago # -
No FAQ. Apparently desperately hunting and searching is the burden that comes with doing blogs. Simple changes can sometimes take days.
Posted 4 years ago # -
http://cutline.tubetorial.com/how-to-customize-your-header-images/
or
http://cutline.tubetorial.com/totally-random-header-images-for-cutline/Depending on what you want to do.
If you want to get creative you can use the Nextgen plugin to rotate header image using flash like my site.Posted 4 years ago # -
TIP:
With my son's help, I figured out how to make it so a person with access to the site - but not to FTPing images can just upload images like they would for any page or post - then change the header file so it points to those images.
STEPS TO FOLLOW
First I uploaded five images - consistently named:
header08_1.jpg, header08_2.jpg, header08_3.jpg, header08_4.jpg, header08_5.jpgIn this example I uploaded the files August 2008 and my wordpress is located at parentpage.org/hthnc
Go to this part of the header file:
<div id="header_img">
<img src="<?php bloginfo('template_url'); ?>/images/header_<?php echo(rand(1,5)); ?>.jpg" width="770" height="140" alt="<?php bloginfo('name'); ?> random header image" title="<?php bloginfo('name'); ?> random header image" />
</div>I only changed the part of the rotating image script in the header file after <img src= so it was the same as the folder where my images were.
<img src="http://parentpage.org/hthnc/wp-content/uploads/2008/08/header08_<?php echo(rand(1,5)); ?>.jpg" width="770" height="140" alt="<?php bloginfo('name'); ?> random header image" title="<?php bloginfo('name'); ?> random header image" />
</div>The person working on the installation of wordpress does not have access to FTP - she was having to email me her header files so I could upload in the images folder for her.
This little tip will enable her to customize the look of her site on her own.
She is empowered to change the headers with new images she has created and uploaded without needing to wait for me to do anything!
ANOTHER EXAMPLE
So if in October she wants to change it to include 2 new images she would need to upload the two new images and the five old images again - perhaps this time naming them 10header_1.jpg to 10header_7.jpg
The header would be changed to be:
<img src="http://parentpage.org/hthnc/wp-content/uploads/2008/10/10header_<?php echo(rand(1,7)); ?>.jpg" width="770" height="140" alt="<?php bloginfo('name'); ?> random header image" title="<?php bloginfo('name'); ?> random header image" />
</div>Hope this helps someone.
: )
JunePosted 3 years ago # -
Man, you just laid it all. Thanks for all these codes. Amazing how this site is filled with brilliant people. http://usedridinglawnmowersforsale.com
Posted 11 months ago # -
The header would be changed to be:
<img src="http://parentpage.org/hthnc/wp-content/uploads/2008/10/10header_<?php echo(rand(1,7)); ?>.jpg" width="770" height="140" alt="<?php bloginfo('name'); ?> random header image" title="<?php bloginfo('name'); ?> random header image" />
</div>Posted 11 months ago #
Reply
You must log in to post.