Goodbye Themes, Hello Elementor – Beyond Creating Basic Websites
1 like706 views
This document introduces Elementor, a page builder plugin for WordPress that allows users to create dynamic websites without coding. It discusses how Elementor provides widgets and templates to build custom post types and pages using custom fields. Elementor is compared to other page builders and its features like mobile responsiveness, theme customization, and dynamic content are highlighted. The document provides an example of how Elementor could be used to build a website for capsule hotels by creating custom post types, fields, templates, and skins.
Goodbye Themes, Hello Elementor – Beyond Creating Basic Websites
- 1. Goodbye Themes, Hello Elementor! Mick Viller // WCSYD 2019 // 16th NOV Beyond Creating Basic Websites.
- 2. Who am I? What’s my story?
- 3. I can’t CODE! ● HTML ● GeoCities ● Photoshop Slices ● WYSIWYG Builders ● Joomla ● WordPress I rely on themes/plugins
- 4. I love to help people! ● Mick the WP Mentor ● Admin of the Elementor Community ● Run the Gold Coast Elementor Meetup
- 5. Question!
- 6. Why am I talking about this topic?
- 7. Introducing Page Builders ELEMENTOR Beaver Builder DIVI
- 10. There’s two versions of Elementor ELEMENTOR FREE ELEMENTOR PRO
- 11. Lots of Widgets to Choose From
- 12. Pop Up Builder
- 14. Theme Builder ● Headers ● Footers ● Archive templates ● Single post templates ● WooCommerce templates ● Search pages ● 404 pages
- 15. Why I love Elementor
- 16. Dynamic Content, Custom Fields & Post types Beyond the Basic Site
- 17. 20 + Widgets Support Dynamic Content ● Heading widget ● Image widget ● Text editor ● Button widget ● Google maps ● Star rating ● Icon list ● Progress bar ● And more…
- 18. Dynamic Content Support Types of Sites You Can Build With CF + PT ● Movie reviews ● Product reviews ● Recipe listings ● Real estate listings ● Portfolio pages ● Pet rescue listings ● Website proposals ● Team member pages ● Podcast pages ● And more...
- 19. What are Custom Post Types? WordPress allows users to create their own Custom Post Types, often referred to as CPTs. Examples are blog posts and pages, that you get 'out of the box' when you install WordPress. You can create CPTs for content types such as reviews, portfolios and directory listings. Each CPT can feature different fields too.
- 20. How to create Custom Post Types ● CPTUI Plugin: Custom: ● Write code
- 21. What are Custom Fields? ● Page title ● Content area ● Author field ● Featured image ● Excerpt field Custom fields store extra information for different types of content you need to publish Blog post has: Product has: ● Product title ● Product disc ● Price field ● Product image ● Product price
- 22. Plugins to create Custom Fields
- 23. EXAMPLE SITE - WWW.CAPSULEHOTELS.COM.AU
- 24. Custom Post Type Website Setup PT - Capsule Hotels TAX - Locations Plugins ● CPTUI
- 25. Custom Fields Website Setup ● Slogan ● Excerpt ● Description ● Location ● Gallery ● Star rating Plugins ● ACF
- 26. Single Post Template To show the custom fields you need to create a single post template. And pull in the dynamic content from the custom fields.
- 27. Single Post Template Website Setup ● Hotel title ● Hotel slogan ● Hotel excerpt ● Hotel location ● Parking ● Internet ● Hotel image ● Hotel gallery ● Other information Plugins ● ACF
- 28. Archive Template Website Setup ● Hero image ● City header ● City description ● Anchor link button ● Custom loop template Plugins ● ACF ● ELE custom skin
- 29. Custom Skin Templates Website Setup ● Hotel title ● Hotel slogan ● Hotel excerpt ● Hotel location ● Parking ● Internet ● Hotel image ● Button Plugins ● ACF ● ELE custom skin
- 30. www.wptuts.co.uk WHAT’S NEXT Check out WPTuts on YouTube for great video tutorials on using Elementor Pro and ACF/Pods