How to Build Sliders in WordPress
0:00 Intro
0:34 Slider Philosophy
1:34 Slider Parts
3:36 Basic Pre-Wired Starter Sliders
4:13 Adding the Slider (Inline) Prefab
4:49 The data-x-slide-prev and data-x-slide-next Attributes
5:27 Exploring the Starter Slider Markup
6:44 Making our Style Changes
7:16 Slide Container Introduction
7:55 Slide Container Layout and Options Controls
8:41 Slide Container Content Sizing Controls
10:09 Slide Container Design Controls
10:57 Overflow Considerations
14:24 Copying Slide Styles
15:53 Building a Slider from Scratch
18:36 Example Slider with Looper
19:30 Virtual Element Styling Update
20:29 Layout Controls Introduction (Inline vs Stacked)
21:32 Inline: Paged vs Auto
23:08 Inline: # Per Page
25:36 Inline: Gap
26:25 Inline: Align and Adaptive Height
29:42 Inline: Justify and Scroll By (and a bit of Wrap)
32:11 Inline: Contain
33:26 Inline: Autoplay
34:42 Inline: Interaction and Scrolling
36:40 Inline: Transition
37:17 Stacked: Align
38:47 Stacked: Swipe
39:24 Stacked: Entrance and Exit Management
41:50 Using Scroll Effects for Current and Non-Current Slide States
46:00 Thoughts on Content Sizing
Documentation: https://theme.co/docs/sliders
Learn about Cornerstone's powerful new Slider Element and build native sliders in WordPress, all without 3rd party plugins or extra code! Cornerstone is the world-class page builder behind two of the most popular WordPress themes on the market — X (https://theme.co/x) and Pro (https://theme.co/pro).
Ready to take sliders to the next level? Check out our Course and Expansion Pack — Modern Sliders (https://theme.co/modern-sliders/).
#wordpress #sliders #cornerstone
Watch video How to Build Sliders in WordPress online without registration, duration hours minute second in high quality. This video was added by user Themeco 26 October 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 5,821 once and liked it 96 people.