<div class="wrap">

  <h2>Responsive Subheader Usage</h2>

  <p><strong>Note:</strong> This plugin works best when you have set static pages for your Front and Posts pages.</p>

  <p>Easily add a responsive subheader to your pages! Your front page has it&apos;s very own sub-header that is a different from your sub-page subheader. You can utilize Nivo Slides on the front page only. For your sub-pages it is the featured image that is displayed on them.</p>

  <p>If you have not done so already, please, <strong><a href="http://codex.wordpress.org/Child_Themes" target="_blank">create a child theme</a></strong> for your current theme. Then copy the &apos;header.php&apos; file into your child theme folder. Only edit the copied file - <strong>never alter your original theme files!</strong></p>

  <p>Once you have copied over the &apos;header.php&apos; 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:</p>
  <pre>
    &lt;&quest;php
    // Output of Responsive Subheader block
    if&#40; class_exists&#40; &apos;ResponsiveSubheader&apos; &#41; &#41; &#123;
      display_responsive_subheader_here&#40;&#41;&#59;
    &#125;
    &quest;&gt;
  </pre>

  <p>Create a new &apos;Responsive Subheader&apos; in the admin panel, just like you would a new post or page, 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..</p>

  <p>In the &apos;Subheader settings &amp; Overlay Image&apos; admin panel you may choose a background color(s) for your front page and sub-pages. You may also choose the overlay style you will want displayed on your subheader - this is only used on the sub-pages. 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.</p>

  <h3>How to use the Slider Feature on the Front Page</h3>
  <p><strong>Note:</strong> The Front page slider has been designed to display a column of text on left side of the image/slider. However, <strong>if you do not add text when in the panel to 'Edit Responsive Subheader' the image will be full width (or whatever you choose in the admin panel for max-width).</strong></p>

    <ol>
      <li>Uncheck the setting to use the 'Featured Image' when you <a href="<?php echo admin_url(); ?>edit.php?post_type=responsive_subheader" rel="nofollow" title="Link to create a Responsive Subheader in the admin section">create your &apos;Responsive Subheader&apos; in the admin panel</a>.</li>
      <li><strong>Attach</strong> - 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.</li>
      <li>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.</li>
      <li>Click the &apos;Update&apos; button in the Publish section to save your changes.</li>
    </ol>

  <p><strong>Please Note:</strong> 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.</p>
  <p>If you have a featured image set to your post, this will not be included as a slide in the slideshow. Un-checking the 'Use Featured Image' checkbox only tells the plugin to setup display multiple image attachments as a slideshow, or, if you only have one other image attached to use that instead.</p>

</div>

