Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Add Image Slider To Themes Header

WP Slides
November 23, 2012

Add Image Slider To Themes Header

Learn how to install an image slider in your themes header.

WP Slides

November 23, 2012
Tweet

More Decks by WP Slides

Other Decks in How-to & DIY

Transcript

  1. Install Image Slider In Theme
    Header
    Learn how to add an image slider to
    the header of both Twenty Eleven &
    Twenty Twelve Themes
    1
    http://wpslides.net

    View full-size slide

  2. Type Easing Slider Into Search Box and
    Click Search Plugins
    2
    http://wpslides.net

    View full-size slide

  3. Install & Activate Plugin
    3
    http://wpslides.net

    View full-size slide

  4. Go To Easing Slider > Custom Images
    4
    http://wpslides.net

    View full-size slide

  5. Upload Images Or Add Image Links
    5
    http://wpslides.net

    View full-size slide

  6. Go To Appearance > Header & Find
    Out The Dimensions of Your Header
    6
    http://wpslides.net

    View full-size slide

  7. Go To Easing Slider > Slider Settings &
    Enter In Your Header Dimensions
    7
    http://wpslides.net

    View full-size slide

  8. Go To Appearance > Editor >
    Header.php
    8
    http://wpslides.net

    View full-size slide

  9. Paste Code In Line 77 Header.php

    9
    http://wpslides.net

    View full-size slide

  10. Image Slider In Header Of Twenty
    Eleven Theme
    10
    http://wpslides.net

    View full-size slide

  11. Image Slider In Twenty Twelve Theme
    Header
    11
    http://wpslides.net

    View full-size slide

  12. Add Code To Line 38 Header.php

    12
    http://wpslides.net

    View full-size slide

  13. Change Slider Settings To Themes
    Header Dimensions
    13
    http://wpslides.net

    View full-size slide