Embed Size (px)
Citation preview
Create a business site with WordPresswithout writing PHP
Dat Hoang● Community & Support at
OnTheGoSystems■ WPML■ Toolset plugins
● Marketing Online● Analytics
A classic business site?
Displays: ● Company’s services, products, or portfolio items.
● Customers’ testimonials
● Team members
● Static pages: About us, Contact us, Jobs and etc.
● News/blog.
How to build?
Simple ways: ● Using a muli-purpose or corporate theme
● Using plugins: Our Team, Portfolio Gallery, Easy
Testimonials
But sometimes the clients (or yourself) want to have uncommon features.
Example: enhance the site with services
We will:● add three random services to homepage● modify a single service page● create a page that aggregates all the services
Everything will be done from your WordPress Dashboard and without PHP coding!
What to do?
● Expand WordPress site with custom content
● How to display your custom content (custom posts with custom fields) on the front-end
* The later part focuses on “add three random services to homepage”
Add custom content to the WordPress admin
The result
Add custom content to the WordPress admin1. Create a new Custom Post Type to store your Services
Go to Types -> Custom Post Types, and add a new Custom Post Type
Add custom content to the WordPress admin2. Create a new Group of custom fields to store Service DetailsGo to Types -> Custom Fields, add a New Group.
● Assign the group a name: Service Details.● Associate your group with Services Custom Post Type:● Create ‘Single line’ field for Font Awesome icon code● Create ‘Numeric Field’ for Price
Add custom content to the WordPress admin2. Create a new Group of custom fields to store Service Details
Display the WordPress custom posts
● Create or modify a WordPress query.
● Use a plugin with shortcode to display: Views.
Display the WordPress custom posts with Views
1. Create a View displaying 3 random services● Create a new View● In the Query section○ Content Selection: Services○ Ordering: Random order○ Limit and Offset: 3
Display the WordPress custom posts with Views
1. Create a View displaying 3 random services
Display the WordPress custom posts with Views
1. Create a View displaying 3 random services● Loop Output section
Display the WordPress custom posts with Views
1. Create a View displaying 3 random services● Content template○ Service Icon○ Post title
with a link○ Excerpt○ Post URL
(‘Learn more’ link)
Display the WordPress custom posts with Views
2. Add your View to your homepage
Display the WordPress custom posts with Views3. Tweak the final effect using some CSS
The result!
Miss anything for ‘service’?
Single ‘service’ Archive ‘service’
SummaryWe expanded our small business site with Services.
● Using the Types plugin, we expanded our site with new structures:
○ a Custom Post Type for storing Services,○ a Group of Custom Fields for storing Services details (a service icon and price)
● Using the Views plugin we displayed the Services:
○ On a single service page (that contains all service custom fields) using a Content Template.
○ On our homepage using a View.○ On a custom service archive page creating a WordPress Archive.
https://wp-types.com/2015/07/how-to-create-a-business-site-with-wordpress-without-writing-php/
DiscussionQ & A
Big Thanks!
Dat HoangCommunity & Support Vietnam E: [email protected]: wpml.org | wp-types.com | icanlocalize.com
Saigon, August 29, 2015
