Responsive Subheader

This plugin works best when you have set static pages for your Front and Posts pages.

Easily add a responsive subheader to your pages. There is a separate subheader for your Front page, created when you add a new ‘Responsive Subheader’ post and a second type for all other pages. Be sure to add a featured image to your pages if you want the subheader to display on them.

Features:
– Custom, editable subheader on the Front page
– Use a featured image as the subheader for all subpages
– Attach multiple images to the Front page Responsive Subheader to make a slideshow
– Choose your transition type for the slideshow
– Choose your custom color for the subheader backgrounds
– Each page will have its own unique subheader
– The page title is displayed on all subpage subheaders

Create a new ‘Responsive Subheader’ and add a ‘Featured Image’ to it. The title is only for reference; it is not displayed on pages. Be sure to add a ‘Featured Image’ (at least 720px x 200px) to your pages. You can even add a featured image to the page you set as your ‘Posts’ page.

Be sure to choose a background color and the overlay style you will want displayed on your subheader. On your sub-pages (those not the Front page) the page title will be displayed over the colored background on the right side. The image you choose as the ‘Featured Image’ for the page will be displayed on the left side. This is a dynamic, responsive subheader that should display properly on all screens.

This plugin will add the option for your theme to use thumbnail images automatically. It will also add the image sizes it needs to the list of available sizes.

If you have not done so already, please, create a child theme for your current theme. Then copy the ‘header.php’ file into your child theme folder. Only edit the copied file – never alter your original theme files!

Once you have copied over the ‘header.php’ file to your child theme, open it up in a text editor and add the following code (including the opening and closing php tags) to the bottom of the file:

<?php
// Output of Responsive Subheader block
if( class_exists( 'ResponsiveSubheader' ) ) {
  display_responsive_subheader_here();
}
?>

— How to use the Slider Feature on the Front Page —

Uncheck the setting to use the ‘Featured Image’ when you create your Responsive Subheader in the admin area.
Attach – do NOT insert – the images that you would like to use to your Responsive Subheader post. To attach without inserting – in the Edit Responsive Subheader screen – click on the ‘Add Media’ button. When the ‘Insert Media’ modal window opens select the ‘Upload Files’ option tab. Upload the files you would like to use for your slider – Do NOT click on ‘Insert into post’ button – just ‘x’ out of the modal window to close it.

Your attachment images will be automatically resized down to 800px x 432px for this plugin to use, but if you prefer, you may resize them manually before attaching. If your images are smaller than that size, please enlarge them before uploading. Images smaller than 800px x 432px may not display properly and cause problems. The software lacks the capability to resize smaller images to a larger format. This will need to be done manually before uploading.

Please Note: this plugin currently does not implement the ability to detach files from a post – not yet anyway. To do this, you will need to add another plugin or delete the image you uploaded as an attachment in the media library to detach it.

If you have a featured image set to your post, this will not be included as a slide in the slideshow. Unchecking the ‘Use Featured Image’ checkbox only tells the plugin to setup display mulitple image attachments as a slideshow, or, if you only have one other image attached to use that instead.

Upcoming Releases

In future updates I hope to:
* Add additional features to the front-page sub-header such as font color settings.
* Add a feature to easily attach and detach images from the Responsive Sub-header for the slider
* Add more overlays
* Add a manual cropping function for your sub-page attached images
* Add translations