Custom Theme Building with Elementor Pro

Introduction

• Advanced theme building with Elementor
• What you should know
• Exercise files
• Pro vs. free version

1. Get Started

• Project overview
• Project setup
• Getting started with Elementor Pro
• Theme styles and global settings
• Upload media
• Creating pages
• Creating posts
• Using custom fields
• Creating the menu

2. Theme Building

• What are the theme builder and templates?
• Overview of the theme builder
• Creating a custom header
• Modifying the header for alternate devices
• Creating a custom footer
• 404 error theme
• Creating templates
• Search results page
• Building the trip archive page
• Building the blog archive page
• Building the trip post hero with dynamic content
• Creating the trip post content with dynamic content
• Ensuring that the post theme template works responsively
• Creating the blog theme template
• Creating and duplicating from a template

3. Web Page Enhancements

• Using the flip box widget
• Custom accordion: Layout
• Custom accordion: CSS
• Overlapping elements
• Dynamic map
• Anchor links
• Screen stacking
• Portfolio
• Testimonials

4. Parallax and Animations

• Parallax layering effect: The setup
• Parallax layering effect: Adding movement
• Making your parallax effect responsive
• Adding mouse tracking animations
• Adding entrance animations

5. Pop-Ups

• Building a pop-up
• Linking the pop-up to a button

6. Creating User Interactions

• Using the form builder
• Other form field types
• Preventing spam
• Submissions
• Redirecting a form on submission

7. Extra Enhancements for Working with Others

• What is the role manager?
• Using roles

Conclusion

• How to get help
• Next steps