Share This.

Nicasio Design – Dynamic WordPress Headers

WordPress Icon Large

WordPress Design is our specialty

Visit our Custom WordPress Portfolio

If you need assistance with the development of your WordPress site, custom WordPress design services, or simply want to talk about improving an existing WordPress site – call or email us. We’d be glad to help. 912-441-7011 or
info @ nicasio design dot com

Dynamic Headers has reached 100,000 downloads in about 9 months! Thanks for the support. In addition Version 3.5.1 was also released today so make sure you’re up to date!

—————————————-

Nicasio Design is proud to announce the launch of our first WordPress plugin that is publicly available.  Dynamic Headers does just what you think it would based on the name – it allows you to create highly dynamic header space on your WordPress site.

More info, installation directions, directions for use and screenshots after the break.

Dynamic Headers by Nicasio Design

For the impatient – Download Here.

Support:

  • Limited free support is available when we have time, but due to the large difference in the way different themes are coded it is very difficult for us to address every theme related question, so if anyone finds a method to implement the plugin with a particular theme, please share with the community here.
  • Comment here for support questions/comments.
  • You can also email plugins@nicasiodesign.com
  • Custom plugin development, plugin customization, and Paid support is available. Contact Us for a quote.

Features:

  • Set different headers for each page and post.
  • Use different media types on each page (image files, flash files).
  • Cross browser compliant embed code automatically generated.
  • Can set default header for pages/posts without set header image.
  • Fails gracefully if no header media present for current page.
  • Random media for individual pages/posts and default media.
  • Alt / Title tag management for images.
  • Supports both built in browser uploader or FTP.
  • Quick and lightweight.
  • Simply add template tag to theme to pull dynamic media.
  • Tested and validated to work on WordPress version 2.6+
  • May work on 2.3+

The only minor coding required on your part is to drop the template tag into your theme file where you want your dynamic media to appear.

Hint: While we designed this plugin to handle your header images, you can actually insert the template tag anywhere in your theme – so use your imagination. We plan to add the ability to create your own dynamic media modules in a future release so you will actually be able to have multiple dynamic image areas on each page.

Planned Future Functionality:

  • Ability to manage multiple dynamic media modules on each page.
  • Ability to create your own dynamic media modules.
  • More visual selection and management of your dynamic media library.
  • Integration to allow use of WordPress Media Library.
  • Ability to set header for different WordPress archive pages.
  • Ability to associate links with an image, so the plugin could, in theory, become a basic ad manager.

Directions for Use

1. After installing the plugin you will need to make sure /wp-content/plugins/custom-header/header-images/ is writable. If you are unsure on how to do this, consult your hosting company, your help files for your hosting, your FTP client documentation, etc. This process can vary from server to server.

If the directory is not writable you should be seeing an error message at the top of the plugin admin pages.

2. Upload media (using the filtypes listed above) on the Add New File Page.

3. Go to the Settings Page (under the Headers main menu item created by the plugin) and set your default header image. If you do not set a default header image, no media will be shown for posts and pages that do not have a header image associated with it.

Alternatively, you can also add images to the /wp-content/plugins/custom-header/header-images/ directory using your FTP client or other file manager.

4. Create or edit a post or page and at the bottom of the page you will see a new box called “Dynamic Header by Nicasio Design”. Select from the drop down one of your uploaded media files. This media will be shown only on the page or posts you set it to appear on.

5. Now you will need to add the template tag created by the plugin to your theme file where you want your dynamic header to appear (this will usually be in wp-content/themes/your-theme-name/header.php).

You have 2 options for adding your dynamic header:

Option 1 (Recommended): Simply drop the this line of code into your theme file

<?php show_media_header(); ?>

This will automatically determine what type of media you are using and generate the appropriate code to insert it. No other coding is required on your part.

Option 2: You can use this line of code to simply get the URL of the media for a particular post or page. This will allow you to do some more advanced things and embed the media yourself if you know what you are doing.

<?php $dynamic_header_url = get_media_header_url(); ?>

You can then use the variable $dynamic_header_url however you see fit. It will contain the full path to your media file.

It is advised that most users simply use Option 1 as it is significantly more simple.

Note: This function can return NULL or the string ‘None’ if there are no headers for the current page.

Important Notes: On archive pages, the header media is controlled by the first post in the list. We plan to add control for archives pages separately in a future release, but for now, be aware that the first post on an archives page controls that page’s header.

Screenshots

add_new manage

settings post


About Nicasio Design

Nicasio Design is a web, print, and mobile design & development firm located in Savannah, GA. We offer a number of services for WordPress site owners, such as Custom WordPress Theme Design, Theme Development, Plugin Development, Site Maintenance and Upgrades, Existing Theme Design and Functional Customizations, Site Migrations, and much more.


let us help you.

learn more about our services.

324 Responses to Nicasio Design – Dynamic WordPress Headers

  1. I love the plugin, but it stopped working lately. I switch a header and nothing updates in the site. Is this a known issue?

  2. I’m using the Genesis theme framework (by Studiopress) with the Bee Crafty child theme, and this plugin just won’t work with it. The child theme does not have a header.php file. The header.php file is in the core Genesis theme, but the instructions say to not edit the core file, but to do all editing in the child theme. Should I just copy the header.php file and add it to the child theme? I have no idea how to get this to work.

  3. Weaver Themes (2010, 2.0)
    Problem: Double headers with dynamic-headers

    Many thanks to Gary for your suggestion to change the header size to 0 in the Weaver Admin>>Main Options>>Header Options. With so many options in the Weaver set-up it’s daunting to figure out how to get around problems like this. Nice to see the solution is so simple.

  4. This plugin was a lifesaver for me. All I wanted to do was have one swf file–the same for all the website pages. It had been working previously; but upgrading to WordPress 3.1.1 and Atahualpa 3.6.4 caused the swf file to refuse to display. This plugin worked when others failed. Plus, it was much easier to use than the other plugins or suggestions I tried–some of which involved harrowing and extensive changes to important php files.

    A special thank-you to Steve above, whose pointer above to the bytesforall.com forum was a big help with getting this to work with Atahualpa. Substituting a change to the bfa_header_config.php file for the general directions’ suggested change to the header.php file worked perfectly.

    Another thanks to Lee above, whose comment helped me figure out that there was a new item called Headers at the bottom of the Dashboard column.

  5. I love your plugin. Thank you for creating it. However, now that I have it installed, 2 header images are being displayed, the random image on top, and a static image on the bottom. I cannot figure out how to remove the bottom image. ANy ideas would be appreciated.

  6. Pingback: Dynamic Headers Review – Best Wordpress Plugins

  7. Very smart plugin. It would be nice, if we can manage the headers per calendar, because we have a spezial header for christmas, autuum, spring, summer, winter, halloween, sylvester, …

    I´m looking foreward for an update.

    Christian

  8. Howdy,

    I don’t want the alt tag to show. I tried modifying the header but it wouldn’t modify the alt. Then I went into my database and deleted the “alt” information. That removed the descriptive alt information but then “by default” (?) it now shows the image name such as headimage.jpg.

    I don’t want any alt or image name to show when someone mouses over the header image. How do I turn off the feature?

  9. I think I’m going to like this plugin. My theme (Weaver) fully supports your plugin so I was able to get an image in my header by simply pasting the following code in a designated section of the theme admin pages:

    The down side is that I want to push the image to the far right of the header. Is there a way to do this within the code snippet above and not have to modify a style sheet?

  10. Hello i’ve used this plug-in in the past with no problems – just starting a new project and get this message;

    Warning: opendir(/web1/user33763/website/wp-content/header-images/) [function.opendir]: failed to open dir: No such file or directory in /web1/user33763/website/wp-content/plugins/dynamic-headers/custom-header.php on line 272

    I have changed permissions to 777 (is this safe ?) and put the php in the header.

    Many Thanks

    Nigel

  11. Why do my header images expand and have this large background behind them? How do I get rid of it? I love this plugin and really want it to work!!

    Thanks!

  12. I’ve used this wonderful plugin several times, but with a home page that contains a Flash header. Can a JS rotating banner be used instead of Flash, just for the home page, leaving just PNGs or JPGs for the remaining page headers? It would make my life a lot easier!

  13. Pingback: Dynamic header | Yourkenoinfo

  14. How do you use the plugin once it is installed and activated?

  15. John Cabut says:

    Dropped in this code to the header.php in Organic Themes Portfolio white theme and the header appears on the upper left corner of the background, not the document of the document. Any hints on this?

  16. Is there a donate page for this plug-in?

    I’ve just posted on my site that I intend to donate to all the plug-in developers who accept donations.

    http://billbennett.co.nz/paying-wordpress-plugins/

    But I don’t see an option for this plug-in.

  17. Have you had anyone use this plug in on a photocrati theme? i’m having a hard time getting it to work. i’ve done everything in the steps, but it’s just not showing up period. Not sure where to go from here. I love the idea of a custom header for each page. :)

  18. Does anybody know where I drop in the code in the TwentyEleven theme? Really love this idea of this plugin – but don’t know code very well and am lost.
    Thanks!
    Sherine

  19. hi,

    got some trouble inputting the line of code, but at last with my determination to be successful, it really worked… thanks for building the plug in…

  20. Does not work with version 3.2.1

    Warning: Cannot modify header information – headers already sent by (output started at ..wp-content/plugins/dynamic-headers/custom-header.php:2) in ..wp-includes/pluggable.php on line 934

  21. Thanks for the plugin, just trying to get it sorted, I’ve got it working but it’s not displaying correctly, this is the current code that pulls my header

    <div >

    I’ve got a completely static site and don’t use the slider thingy so the only part of that that is really doing anything is the wrap-inner which is pulling the header image and positioning.

    If I put your code under it

    <div >

    it sits in the right place but bumps the page title text to underneath it, how do I get the page title to sit on top of it??

    Thank you :)

  22. I am in the process of redeveloping my larger website in DNN. My blog is currently on WordPress, and I want to keep it that way. The new DNN site will have a graphic header and a menu bar with large, pull-down menus. I’m trying to figure out if there is any way to embed the header and menu bar into the WordPress blog, so that if I make changes to the menu, it is also reflected on the blog menu.

    Will this add-in allow for that? I’m sorry if I sound like a real newb. I’ve got some people telling me it’s possible – even easy – and others telling me it’s impossible. Unfortunately, the ones who say it’s easy aren’t developers.

  23. Kevin Schmidt says:

    Is it possible to install a slider into the Dynamic Header plugin?

  24. Hey, first off, EXCELLENT plugin! I only have one main problem though, I have a responsive theme that works very well with any mobile device, I changed the headers and such using this plugin and now no matter what I do, it doesn’t display very well on mobile, it breaks everything and I really want to bypass that and be able to use this plug-in + have it work on mobile. Any idea how I can fix this?

Leave a Reply.

Your email is never published nor shared.
Your name, email address, comment, and spam filter entry are required!