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.
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
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