PrimePress Theme for WordPress Rotating Header Image

Customizing Rotating Header Images

"...Worth a Thousand Words"
another boring cliche that has lost its intended meaning? hell no! It has been over-used alright... (and I wouldn't dare say that out loud) but its true to its every word.

A few well chosen images - can add tons of visual appeal to your site, can convey more information, can make a good site a great one. so gather up all the pictures you like, putting them up in PrimePress is easy.

note: If you are already using PrimePress, please update your theme to version 1.2. It has a better image rotation solution. These instructions apply to v1.2 and on.

How-to?

I'm assuming you have your images cropped and ready. If not, crop them to a wide aspect ratio. The ideal and default width here is 920px and any bigger or smaller images will be scaled to this width. The height is calculated to a value that doesn't mess up the aspect ratio.

  1. upload them to the /headers folder inside the primepress directory
  2. hehe... that's it. Its done, you don't have to rename them or edit any of the theme files.

Every image in this folder will automatically be read and randomly rotated. For the record, you can upload any number of images - just let me know if you wanna put up more than a 100.

Don't want them rotating?

May be you've got a single header image ready and would like to show only that one. That's easy, just upload that one image to the /headers folder inside the theme directory and delete any other files in that folder.

110 Comments

  1. IndiaAsks says:

    Oh nice. You have made the script read the number of images and then randomize. Less work for me :D

    Congrats and Keep up the good work.

    1. Çeviri says:

      Yes, good. :)

    2. Great info for to customize rotating header images.

  2. Julie says:

    I loaded my three photos, but only two rotate thru??? Am I doing something wrong? Also, how do I change the background color on the sidebars? I also changed the color for my header (Fort Mill Yoga) but I don’t know how to change it to a darker green to match the header pictures. Sorry for all of the questions- I am new to wordpress and I am a little rusty at coding ;)

    One last question. . . how do I change the “Blogroll” to “Yoga Links”.

  3. Ravi Varma says:

    @IndiaAsks
    Thanks a lot man

    @Julie
    Hi Julie,
    all three images are being rotated. however, you have 2 different files of the same photo.

    you have to rename the Blogroll in your WordPress admin. Goto Manage > Link Categories and rename it to “Yoga Links” and click Edit Category.

    If it is the site title u want to change the color of, then add this code to your custom.css and change it to a color of your choice.

    body.custom .homelink a {
    	color: #006633;}

    changing the sidebar color would make the design a bit inconsistent. instead, I suggest you change the widget color like this

    body.custom .widget {
    	background: #E0EFD1;}

    or better yet, forget the above code and change the background color to a dark green for a much better overall design.

  4. Bradley says:

    Hello:
    I’m using your template in a ‘multiblog’ set-up, the problem I had was I didn’t want all the banners to show up on all the blogs– so I modified the header-image.php file as such…

    <img src="<?php bloginfo('template_url'); ?>/headers/<?php bloginfo('name'); ?>.jpg"
    width="920" alt="<?php bloginfo('name'); ?> Rotating Header Image" title="<?php bloginfo('name'); ?> Random Header Image" />

    Basically this calls for an image that has the same name as the blog (+.jpg). It works great, but I would love to still be able to have random images that are specific to a blog– ie “blogname#.jpg”, so “myblog” would only randomly pick images “myblog1.jpg”, “myblog3.jpg”, etc.

    Is this possible? Thanks!

  5. Ali says:

    Hello,

    I downloaded primepress yesterday. I just have one question – how come my blogroll doesn’t show up? I have added a couple of links, but there is not a blogroll at all on my site..

    Thanks!

  6. Ali says:

    Hi again,

    Under presentation – widgets, I tried dragging and dropping links into the sidebar, but nothing ever changes…

    Thanks again

  7. Ravi Varma says:

    @Bradley
    Hi Bradley. From what I understand, this code should work.

    <img src="<?php bloginfo('template_url'); ?>/headers/<?php bloginfo('name'); ?><?php echo(mt_rand(1,4)); ?>.jpg"
    width="920" alt="<?php bloginfo('name'); ?> Rotating Header Image" title="<?php bloginfo('name'); ?> Random Header Image" />

    This code will randomly pick from these images on “myblog” – “myblog1.jpg”, “myblog2.jpg”, “myblogn3.jpg”, “myblog4.jpg”

    change no. 4 in the code to an appropriate number according to your filenames.

    @Ali
    Thanks Ali for your interest in the theme.
    This is definitely something you’d have to do in your WordPress admin. Make sure you save changes after you change any widgets. Which version of WordPress are you running? A link would be helpful.

  8. Richardson says:

    Hi there,
    I’m wondering if there is any possible way to assign a specific caption for each of the rotating banner images? An example would be like the Cornell University web page. A certain text would be assigned to each image.

  9. Ravi Varma says:

    Hi Richardson,
    I’m afraid it cannot be done with the way the random images are setup in this theme.

  10. Hi Ravi,
    I’m playing with your PrimePress theme, on a local copy of WP.
    How do I get rid of the default “Search” box and input?
    I’ve been thru the files, commented out everything I’ve found for the Search box, but it still shows up. I use Lijit for my search, and would like to not use the default Search box.
    Many thanks in advance! And you really should set up a Donate button for us to “thank” you for such a nice, clean theme!

  11. Brian Meagher says:

    Oops! Skip the above question… I found the answer to turn off the Search box here:
    http://www.techtrot.com/primepress/theme-customization-changing-background-color-border/#comment-113

    I also turned off the Feed box, as I use the Feedburner Plugin.

    Finally, sorry to be off topic. I don’t think my question/answer belong here in the Customize Rotating Header Image post. Doh!

  12. Jonas says:

    Hi Ravi!

    I have big problems with the rotating header images, you can look at my site http://jomari.se

    Thanks! :)

  13. Ravi Varma says:

    @Brian
    Thank you Brian. glad you’ve sorted it out.

    @Jonas
    I see you’ve solved the problem. No problem..

  14. Great theme… I like it a lot.

    Question… can the rotating banner graphics be hyperlinked individually to a unique URL for each banner graphic?

    I’m using the blog to generate traffic to several sites. The banner graphic acts as an ad rotator.

    Keep up the great work.

    Enrique

  15. Carl Chapman says:

    Ravi,

    I love your theme. Brilliantly executed. Does EVERYTHING right. Very readable. I will be using it on HUNDREDS of blogs very soon.

    I am installing a number of WordPressMU installs using domain mapping and MultiSite manager plugin. Your theme is one of the most popular, but the random rotating images are a bit of a problem. I would like them to be unique for each blog.

    Seems to me that a wonderful enhancement to the them would be to add a header-image.php file that was database maintained, that showed up in the ‘design’ tab as several text input boxes (perhaps with a browse) where one could input the name of the image file that would be used for that particular install. Maybe a radio button to choose if you wanted multiple rotating images. Then with them stored in the database, they would be unique for each install on the WPMU site.

    If you could do that it would be FANTASTIC. On the other hand, your ‘hack’ works for the time being, just not so elegant as the theme. :-)

  16. Ravi Varma says:

    @Enrique
    Thanks Enrique. But I’m afraid what you want cannot be done with the current setup, at least not right now. I’ll surely look into this in the future.

    @Carl Chapman
    Thanks a lot Carl.
    hmm.. sounds good, more flexibility and super smooth customization. I should definitely look into, spend some time on this.
    Thanks again for the suggestion.

  17. Adam says:

    Hey,

    Thanks for a wonderful theme, so wonderful in fact that I’ve chosen it for my blog. I just have a question.

    Is it possible to associate a particular image with a static page but keep the rotating one on the home page? I have several pages for each country I cover – and would like for an image from that country to appear when they click on its tab at the top – it’s not so good to have a pic of Croatia when they click on Albania etc…

    Any help would be really, really appreciated.

    Thanks for a great theme!

  18. Ravi Varma says:

    Thank you Adam,
    It was too big a question to be answered in the comments. So, here you go.

  19. Eric S says:

    Hi Ravi,

    Awesome template, I like the customizations.

    I have multiple header images that I would like to have rotated automatically (sans refresh). Something along the lines of the “Slideshow” widget on my site.

    Any ideas?

    Thanks!

  20. Ulfa Maryon says:

    I have recently use primepress theme for my blog. What a wonderful theme it is. I wanna ask you about rotating header images. I have upload 16 images to /headers directory and I wanna set them rotating by sequence, not random. How to set it? Which part of rotating.php that i have to change?

    Thanks in advance.

  21. Ravi Varma says:

    @Eric S
    Thanks Eric and good job with the slideshow type headers.

    @Ulfa Maryon
    Thanks Ulfa,
    but sadly I’m not aware of a simple mod to achieve this right now. Perhaps you can take a look at the JW Image rotator or NextGEN Gallery and implement it into rotating-images.php.

  22. wow, great theme! thank you!

  23. Hi Ravi,
    Just a quick note to say I’m using Primepress1.3 and really like it. I’m new to this and just got my blog going so I haven’t attempted to do any customizing yet(that will come in time:-) but what a great support system you have here for it.
    Anyway keep up the good work Ravi, and you know I’ll be watching for any other themes ect. you put out!

  24. Chris says:

    Hi Great work on the theme! By far the best theme out there and I have been using it for some time. The problem just happened within the last couple of days. My rotating header images dissapeared and now are just showing the test “Frequency Solutions Rotating Header Image”. Any ideas on what may have happened? Feel free to look at my site. Any help would be greatly appreciated.

  25. Hi Ravi,

    Excellent theme. I searched but didn’t find my answer – so here it goes:

    Right now when you hover over the header image – it shows the alt text of the blog name and then “Random Header Image”. Is there a fix or set of code that I can use (or you can integrate) that would take the name I give the file – convert dashes to spaces and make that the alt text and title text of the image? It is a nice SEO technique too.

    Thanks again for the theme?
    Tom

  26. TobyWollin says:

    Ravi – I just downloaded primepress for my blog and I have the exact same problem as Boiling Springs and Chris – I deleted the rotating image.php files that came with Primepress in the header file and replaced it with another .php image and now all I have is ‘kitchencountereconomics kitchencounter economics’. Did I also need to change something in the theme editor?

  27. Bradley says:

    I have a quick question–

    You mentioned in the upgrade info that now it is possible to have some static text on the pages that will span the two/three columns beneath the logo… how can I do this?

    Thanks in advance.

    B.

  28. Thank you so much.

  29. tim says:

    So, how do I turn off the image scaling?

  30. Jill says:

    Ravi,
    Thanks for making a great theme. I need some help figuring out why the photos I uploaded for the rotating banner won’t show up. There are four different .jpg files that are all 920 pixels wide. I put them in the header directory with your .jpg banners. When refreshing the page, your banners sometimes show up and mine don’t ever show up. Any ideas? Thanks Again.

  31. Jill says:

    More info from experimenting. The (broken) image properties (when right clicked in the browser) seem to think it’s 1051 pixels high, even though in Photoshop, it’s only 32 pixels high. I’ll try saving with a different photo editor and see if that makes a difference.

  32. Jill says:

    In case anyone else runs into this problem, it turned out to be a permissions issue. I had to assign read access to each graphic file. Love the theme, it’s exactly what I was looking for.

  33. Juv says:

    awesome theme. thanks so much!

  34. German Jones says:

    Hi, Ravi.

    I am brand-new to wordpress. I just created my own domain with dreamhost and downloaded your primepress theme to begin blogging. I figured out how to import content from my old blogger blog, but I CANNOT for the life of me figure out much else. I really want to change the header image to one of my own. I’ve read your helpful comments, but I don’t know where my header folder is or how to upload anything to it. Can you explain? Sorry, I’m brand new to the DIY side of things…

  35. Aytekinet says:

    Thank you so much.

  36. Mike says:

    Ravi,
    this is a very nice theme, which I’m thinking of using for my blog

    I would like to ask two questions

    a) your images only rotate if you refresh the page; i’m hoping that the image can rotate if you click on the header (I’ve seen this on other blogs) is there a way to achieve that?

    b) can you integrate ads into this theme (is that a stupid question?)

  37. Nizam Mohammad says:

    Hi Ravi,

    thanks for your great theme. i kind of like it and have used it especially the 3 sidebars.

    my question sir, when first i installa it, i can do copy and paste the code in the widget, but lately, i’m not able to do that.

    when i’d like to put the same code in the widget i.e text box, i’ve to write it again instead of doing copy and paste.

    appreciate ur assistance

    thanks

  38. Jack says:

    I have figured out how to have rotating banners with a different url associated with each banner. Works perfectly! check it out at http://promma.info. This is a feature that should be in primepress from now on. If you are using this theme and want to know how to do this, hit me up at jackbratcher@promma.info

  39. Sarah says:

    Hi Ravi

    I love your template. Thanks for creating it.

    I am probably going to sound like a complete idiot here: but WHERE is the primepress directory to upload the images to?

    Thanks
    Sarah

    1. That makes me an idiot too, because I cannot find a Primepress Directory with a Headers folder to upload the photos! Where is it?

  40. Aşk,organik says:

    Hi ravi

    Thank you post

  41. tatil says:

    thank you very good you post

  42. Çeviri says:

    Good, Thank you post.

  43. müzik says:

    Thanks for a wonderful theme, so wonderful in fact that I’ve chosen it for my blog.

  44. müzik says:

    Thanks for your articles…

  45. forumturkey says:

    good jobb

  46. Caner says:

    In case anyone else runs into this problem, it turned out to be a permissions issue. I had to assign read access to each graphic file. Love the theme, it’s exactly what I was looking for.

  47. Thanks For shearinh have nice day.

  48. blog says:

    Thanks for making a great theme. I need some help figuring out why the photos I uploaded for the rotating banner won’t show up. There are four different .jpg files that are all 920 pixels wide. I put them in the header directory with your .jpg banners. When refreshing the page, your banners sometimes show up and mine don’t ever show up. Any ideas? Thanks Again.

  49. oyunlar 1 says:

    thanks for this nice theme..

  50. Perdeci says:

    great article, thanks..

  51. thank you for this post.

  52. kelebek says:

    thanks you

  53. oyunlar1 says:

    thanks a lot

  54. mIRCindiiR says:

    thanks you

  55. Sherine says:

    Hi.. I’m trying to change the header images.. I’ve uploaded to images as a test to see what happens and I can’t seem to get it working. What am I doing wrong?
    Thanks!

  56. ben 10 oyna says:

    Thanks For shearinh have nice day.

  57. That’s very simple, thanks for making this wordpress theme so simple to use.

  58. webtasarım says:

    thank you very good very good article

  59. rugs says:

    Floor rug is a common and highly popular decorative object, which serves, nonetheless, practical purposes as well. Rugs usually come in small sizes, and are placed in homes on certain areas of the floor, which are most likely to be trod on. A frequently met type of floor rug is the Persian rug, which is woven according to traditional patterns.

  60. müzik dinle says:

    perfectly
    god job

  61. müzik dinle says:

    Thanks For shearinh have nice day.

  62. dizi izle says:

    Thanks
    Good and greatly job!!!

  63. Very nice theme, but I want to customize the header images.

    The instructions above say: 1.upload them to the /headers folder inside the primepress directory

    But I can’t find where I get at that directory – and I suspect i’m missing something obvious, but that’s wher I am right now.

    Thanks for the help.

    1. Gaurav says:

      Ravi, excellent theme! Like so many others have said, I kept coming back to Wordpress when choosing a template.

      I am having exactly the same problem as Chuck. I am unable to find the /headers folder inside the primepress directory. Since I can’t even find locate the primepress directory.

      Even if I am unable to locate the directory to upload a new image, is there a way I can just get rid of only the kamikaze flag, and keep all the other default images rotating?

      Thanks for all the help and the time you have put in to make this possible.

      1. firman says:

        GOD! No one want to answer??? We need answer here instead of thanks! I wanna die to find where is the the %#$* folder, even the primepress directory!

  64. oyunlar1 says:

    In case anyone else runs into this problem, appeared to be a permissions issue. Her chart read access for file I have to assign Thanks

  65. Ivo says:

    Hello all,

    i have a strange problem – after upgrading to the latest version of wordpress and promepress theme my Rotating images stopped to work and Windows Explorer thinks my image height is 1051 pixels. Anybody have any idea why this happens ? I adjusted the read permissions on the files but with no success.

  66. tarifler says:

    Congrats and Keep up the good work…

  67. bulgaristan says:

    thanks for any help

  68. dekoratif ayna

  69. dekoratif aynalar

  70. ayna modelleri

  71. ayna çeşitleri

    polen

  72. dekor ayna aynacı

    ayna çeşit fiyat
    bal bal
    polen
    kestane balı

  73. ayna çeşit fiyat
    bal bal
    polen
    kestane balı
    hakiki bal

  74. dokuzharf says:

    mavice

  75. dokuzharf says:

    Gökyüzü yine mavi , havada aşk kokusu var. Bu zamanlarda köy‘de olmak vardı. :)

  76. thanx you

  77. engin says:

    thanx you nice posts….

  78. 3g modem says:

    thanx you nice posts….

  79. good knowledge

  80. thxx

  81. thx

  82. sepetli viç says:

    this is the best site for machines

  83. this is the best site for machines

  84. traditional wears thx

  85. metal müzik says:

    Congrats and Keep up the good work…

  86. seo says:

    Thank you, good article

  87. diancitie says:

    Thank you, good article

  88. Tara says:

    Thinking about using this theme. Can you tell me if the header size is adjustable?

  89. Gelinlik says:

    a good text. Thanks for article and share.

  90. Epilasyon says:

    Thankss ;)

  91. Leads says:

    Cheers, great post

  92. çanakkale says:

    good post.thanks ;)

  93. Don says:

    Hi

    Is there any limit to how many images you can have in rotation?

    hope this has not already been asked

    Thanks

    Don

  94. Leads Guy says:

    This is great stuff thanks

  95. Leads Guy says:

    How does this rotator work?

  96. I want to get this for my blog so I can rotate the many beautiful beach photos I have

  97. programlama says:

    thanks good idea boy

  98. Güncel Blog says:

    good post.thanks

  99. gokhan says:

    thank you Oyunteksas

  100. Very nice theme, Thanx bro.

  101. Dinle says:

    Very nice theme, Thanx bro.

  102. Thank you, good article

  103. great article, thankyou admin

  104. mert says:

    thankyou admin :) )

  105. Thank you, good theme

Leave a Reply

  • Donate to PrimePress

    If you are happy with the theme and would like to make a donation, please use the button below. Thank you for supporting the development of PrimePress.

  • Recommended Host

    If you are looking for a good web-host, Dreamhost is among the best out there. Apart from the great stuff they offer, Dreamhost's got a hassle-free hosting environemnt ideal for WordPress. Type in PRIMEPRESS as the promo code to save US$50 while signing-up.