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
240
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
190
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 enjoy conferences without stress
Avatar for Katsuya kattsuuya
1
9.6k
放っておくと怖い睡眠負債について/fjordbootcamp-251122
Avatar for Yuukago yuukago
3
220
JAWS-UG/AWS Communities Updates 2025/11/8 JAWS-UG 島根支部
Avatar for awsj communty program manager - Shigeru Numaguchi awsjcpm
1
140
「変えること」「変わること」を楽しむ力で"敵わない存在"と向き合う
Avatar for subroh_0508 subroh0508
2
1.5k
とある地方技術勉強会に集うエンジニアたちのこれまでとこれから
Avatar for ふぁらお加藤 pharaohkj
1
140
JAWS-UGとAWS - JAWS-UG彩の国埼玉設立のお祝い
Avatar for awsj communty program manager - Shigeru Numaguchi awsjcpm
2
650
私がカンファレンスのプロポーザルを書くときに考えていること
Avatar for ことみん / kotomin_m kotomin_m
1
680
登壇資料を素早く作るための順番
Avatar for ことみん / kotomin_m kotomin_m
7
1.7k
ボードゲーム × 専用収納 〜3Dプリントで埋めるニッチな隙間〜 / Board Games × Custom Storage
Avatar for NAGATA Hiroaki handlename
0
240
プログラミング道場 "CoderDojo" を支援するサーバー提供システム 『DojoPaaS』 / How DojoPaaS powers the CoderDojo community in Japan
Avatar for CoderDojo Japan coderdojojapan
PRO
0
150
人を補助するAI ～AIとの壁打ちがきっかけになる～ #共創AIミートアップ
Avatar for 癒色えも ishikiemo
2
550
猟銃所持許可を取ってみた
Avatar for kenkino kenkino
2
150

Featured

See All Featured
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
270
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.2k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
150
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
140
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
290
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
260

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