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
300

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
84
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
190
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
苦手の克服方法 / How to overcome weaknesses
Avatar for とうま toma_sm
0
300
プログラミング道場 "CoderDojo" を支援するサーバー提供システム 『DojoPaaS』 / How DojoPaaS powers the CoderDojo community in Japan
Avatar for CoderDojo Japan coderdojojapan
0
100
Why did my proposals get rejected?
Avatar for Masafumi Okura okuramasafumi
1
760
SoracomUG-Ishikawa-1.pdf
Avatar for yukima77 yukima77
0
110
JAWS-UG KOBE #1 - JAWS-UG Updates
Avatar for awsj communty program manager - Shigeru Numaguchi awsjcpm
0
100
AWSコミュニティプログラムのご紹介　-グローバル展開するコミュニティプログラム-
Avatar for awsj communty program manager - Shigeru Numaguchi awsjcpm
0
210
グローバルAWSユーザー コミュニティとJAWS-UG - JAWS FESTA 2024 in Hiroshima
Avatar for awsj communty program manager - Shigeru Numaguchi awsjcpm
0
4.9k
LT(Lightning Talk)のドキドキ感を共有する IoT ぼっとを作った話
Avatar for Kenichi Yoshida scbc1167
1
250
苦いビールを避ける冴えたやり方
Avatar for watany watany
2
440
[電子工作]クリップモーターをつくろう
Avatar for haru-orion oriontakemura
0
380
【加筆修正版】ハードワークを支えるフィジカルとメンタルを構築る#rubymusclemixin 活動 #きのこ2025 #きのこ2025_b
Avatar for bash0C7 bash0c7
0
270
ブロックテーマをゴリゴリに使い倒してサイトを作った話 / Kansai WordPress Meetup 2025 01 25
Avatar for tbshiki tbshiki
1
710

Featured

See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
22k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.2k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
27
2.2k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
2
200
It's Worth the Effort
Avatar for 3n 3n
187
28k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
650
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
10
630
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k

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