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

Add Image Slider To Themes Header

Avatar for WP Slides WP Slides
November 23, 2012
How-to & DIY
0
310

Add Image Slider To Themes Header

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

Avatar for WP Slides

WP Slides

November 23, 2012
Tweet

More Decks by WP Slides

See All by WP Slides
Import Live Journal Blog To WordPress
Avatar for WP Slides wpslides
0
86
Configure WordPress SEO by Yoast Plugin Settings
Avatar for WP Slides wpslides
1
230
Install WordPress In a Sub Domain
Avatar for WP Slides wpslides
0
110
Install WordPress Manually Using FTP
Avatar for WP Slides wpslides
0
260
Uploading & Editing Images In WordPress
Avatar for WP Slides wpslides
0
200
Import Blog Content Into WordPress.org
Avatar for WP Slides wpslides
0
180
Assign An Addon Domain
Avatar for WP Slides wpslides
0
230
Upload & Install A Theme
Avatar for WP Slides wpslides
0
190
Change Your Default Post Category
Avatar for WP Slides wpslides
0
210

Other Decks in How-to & DIY

See All in How-to & DIY
Within the team, I grow as a tester and continuously pursue product quality
Avatar for おおひら camel_404
6
2.9k
#Stampfly #M5Stack 開発ストーリーと今後の可能性 前説
Avatar for TAKASU Masakazu takasumasakazu
0
160
カンファレンスでリフレッシュ！無理なく楽しむカンファレンス参加術 / How to enjoy conferences without stress
Avatar for Katsuya kattsuuya
1
9.4k
JAWS-UG/AWSコミュニティ JAWS-UG おおいた
Avatar for awsj communty program manager - Shigeru Numaguchi awsjcpm
2
2.9k
未来大生の胃を支える函館グルメ
Avatar for 猫ロキP@deflis deflis
0
580
「変えること」「変わること」を楽しむ力で"敵わない存在"と向き合う
Avatar for subroh_0508 subroh0508
1
420
【ふりかえりワークショップ】Tryを決めるだけじゃない！感情にフォーカスした、ふりかえりを体験しよう！
Avatar for scrummasudar scrummasudar
0
900
AIお菓子ロッカー
Avatar for keicafeblack keicafeblack
0
230
CH32Vシリーズを楽しもう(74thの場合) / enjoy ch32v series
Avatar for 74th(Atsushi Morimoto) 74th
1
1.3k
個人制作コンテンツの多言語展開のノウハウを全公開！　〜世界に自分を発信しよう！〜
Avatar for Syota-Sasaki syotasasaki593876
0
130
餃子コミュニティの活性化/TechGYOZA
Avatar for Ichiro Nishiuma nishiuma
2
200
JAWS-UGのご紹介 JAWS-UGとは？
Avatar for awsj communty program manager - Shigeru Numaguchi awsjcpm
0
5.5k

Featured

See All Featured
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
200
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
99
Abbi's Birthday
Avatar for Violet Bock coloredviolet
0
4k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
43
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.4k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.3k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k

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

  2. Type Easing Slider Into Search Box and Click Search Plugins

    2 http://wpslides.net

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

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

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

  6. Go To Appearance > Header & Find Out The Dimensions

    of Your Header 6 http://wpslides.net

  7. Go To Easing Slider > Slider Settings & Enter In

    Your Header Dimensions 7 http://wpslides.net

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

  9. Paste Code In Line 77 Header.php <?php if (function_exists('easing_slider')){ easing_slider();

    }; ?> 9 http://wpslides.net

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

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

  12. Add Code To Line 38 Header.php <?php if (function_exists('easing_slider')){ easing_slider();

    }; ?> 12 http://wpslides.net

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