The Best Free WordPress Slider – In-depth Tutorial on Depicter

by | Aug 28, 2022 | 0 comments

The Best Free WordPress Slider – In-depth Tutorial on Depicter

by | Aug 28, 2022 | Free Wordpress Plugins | 0 comments



We’re revisiting Depicter with a more in-depth Tutorial on the features and some bugs that you may want to be aware of.

It’s Free and works with shortcodes in your Page Builders/Wordpress Classic.

00:00 Intro
00:43 Get Started
01:00 Templates
01:37 Create a Blank Slider
02:04 Stock Images/Shapes/Text/Videos
03:09 Options
03:36 Rename Slides
04:24 Add Background Image
07:30 ISSUE with Background Image?
08:06 Add Text
09:35 Can we add Custom Fonts?
11:28 Element Settings like Hover
12:28 Animations
13:35 Add a Button
15:13 Button and Text Animations
17:18 Navigation Buttons
19:50 Navigation Actions
21:40 Add another Image
22:49 Check the Mobile View
23:10 ISSUE with Mobile Background Image
23:29 Adjust Layout for the Mobile
24:05 Create Slide 2
25:53 ISSUE with Swapping Images
26:50 ISSUE with Copy and Pasting Styles
27:15 Create Slide 3
28:00 Add a Button to go from Slide 1 to Slide 3
29:35 Preview
29:53 Undo Loop Navigation
30:25 Get the Shortcode
31:04 Add the Shortcode to a Page
31:29 Preview on the Page
31:33 ISSUE with Loop Navigation still remains
32:07 ISSUE with Fonts if you remove Google Fonts
32:52 Page Speed BEFORE adding Depicter
33:51 Page Speed AFTER adding Depicter
35:43 Conclusion

The Best Free WordPress Slider – In-depth Tutorial on Depicter

We love to create – share – respond – and deliver.

🧐 Learn with our Mastery Modules:
👕 Get our Merchandise:
😃 Join our Facebook Group:
😃 Get Code Snippets:
😃 Get Elementor Pro:
🥹 Support us:

Hire us to work on your Website!

💌 [email protected]
👩‍💻 Visit

source

[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-1">First name or full name</label> <input class="tnp-name" type="text" name="nn" id="tnp-1" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-2">Email</label> <input class="tnp-email" type="email" name="ne" id="tnp-2" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>