App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform
-
Upload
mandi-wise -
Category
Technology
-
view
733 -
download
3
Transcript of App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform
![Page 1: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/1.jpg)
App-ifying WordPress: Practical Tips for
Using WordPress as an Application Platform
by Mandi Wise for WordCamp Vancouver 2014
![Page 2: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/2.jpg)
WP as an AP WTF?
![Page 3: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/3.jpg)
From The State of the Word 2013
![Page 4: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/4.jpg)
From The State of the Word 2013
![Page 5: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/5.jpg)
App vs. Website
![Page 6: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/6.jpg)
Tasks vs. Content
Photo Credit: JD Hancock
![Page 7: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/7.jpg)
Action-oriented vs. Information-oriented
Photo Credit: JD Hancock
![Page 8: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/8.jpg)
Creation vs. Consumption
Photo Credit: JD Hancock
![Page 9: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/9.jpg)
Many of us likely live here
App Site
![Page 10: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/10.jpg)
What Makes an App?
![Page 11: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/11.jpg)
Multi-Tier ArchitecturePresentation Tier
Application Tier
Database Tier
![Page 12: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/12.jpg)
Platform vs. Framework
![Page 13: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/13.jpg)
Why WordPress?Already known and loved.
Much of the work has been done for you.
Plenty of documentation and examples.
![Page 14: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/14.jpg)
But Should you?
![Page 15: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/15.jpg)
–Dr. Ian Malcolm
“Your scientists were so preoccupied with whether they could they didn’t stop to think if they should.”
![Page 16: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/16.jpg)
Who’s Already Doing It?
![Page 17: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/17.jpg)
PressBooksTurn WP Multisite into a self-hosted
writing/publishing app by installing the PressBooks theme.
![Page 18: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/18.jpg)
![Page 19: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/19.jpg)
HappytablesCreate, host, and manage a website for your restaurant using the Happytables
website builder.
![Page 20: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/20.jpg)
![Page 21: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/21.jpg)
![Page 22: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/22.jpg)
QuartzBackbone.js business up front, WordPress party in the back.
![Page 23: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/23.jpg)
![Page 24: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/24.jpg)
DMA FriendsAn app built with BadgeOS and a WordPress-
powered back-end to increase audience engagement at the Dallas Museum of Art.
![Page 25: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/25.jpg)
![Page 26: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/26.jpg)
AppPresserA plugin for creating native mobile apps by integrating PhoneGap with WordPress.
![Page 27: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/27.jpg)
![Page 28: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/28.jpg)
Different strokes for different folks.
![Page 29: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/29.jpg)
Your WordPress Toolbox
![Page 30: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/30.jpg)
Custom Post TypesThe world is your custom post type oyster.
Remember all the $args!
![Page 31: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/31.jpg)
Custom TaxonomiesA powerful way to filter, sort and connect
your post types and their posts.
![Page 32: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/32.jpg)
Metaboxes & SettingsAlmost inevitable you’ll end up using these…
Check out Custom Metaboxes and Fields on Github.
![Page 33: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/33.jpg)
User Roles, Caps & MetaKey to customizing and controlling user
permissions in your app.
![Page 34: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/34.jpg)
Admin ThemesThe WordPress admin area doesn’t have to look
like WordPress anymore.
![Page 35: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/35.jpg)
The DashboardThere’s a good chance you won’t want the default dashboard widgets in your app.
![Page 36: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/36.jpg)
TemplatingDrag and drop your way to templated bliss…
maybe.
![Page 37: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/37.jpg)
Don’t Forget!Multisite
BuddyPress
And all of these other things…
![Page 38: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/38.jpg)
HeartBeat API wp_mail, wp_Cron & wp_ajax
Custom Database Tables Posts 2 Posts Gravity Forms
eCommerce Plugins Membership Plugins (…You Get the Point)
![Page 39: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/39.jpg)
That all sounds great, but what’s still missing?
![Page 40: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/40.jpg)
Some APIs aren’t as user-friendly as they could be. I’m looking at you, Settings API.
Custom post statuses are only half-way there.
Customizing the 3.5+ media uploader can be tricky if you don’t have some Backbone chops.
Very real real-time limitations.
Some things don’t like to be messed with.
![Page 41: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/41.jpg)
Things to think about
![Page 42: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/42.jpg)
Theme or Plugin?
![Page 43: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/43.jpg)
Get Organized
Photo Credit: Pietro Bellini
![Page 44: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/44.jpg)
Protect Your Users
Photo Credit: JD Hancock
Take privacy protection seriously.
Look for easy backdoors.
SSL where it’s needed.
It’s 10pm. Do you know where your servers are?
![Page 45: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/45.jpg)
Protect Yourself(Because unlike these guys, you don’t have a time machine.)
Malware and brute force attacks.
Custom database prefixes.
Data validation, sanitization, and escaping.
Use nonces.
Prepare and escape your custom SQL queries.
Make back-ups. Then back-up your back-ups.
![Page 46: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/46.jpg)
Debug & test
![Page 47: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/47.jpg)
Will it scale?
Hosting that can grow with you.
Caching and transients.
LEMP (nginx) vs. typical LAMP stack.
Minify scripts and styles, optimize images.
Localize your text strings for translation.
![Page 49: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/49.jpg)
The Road Ahead...
![Page 50: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/50.jpg)
JSON REST APIPick your flavour: Jetpack or WP API (in 4.1 core)
![Page 51: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/51.jpg)
JavaScript, Javascript, JavascriptThe Media Uploader was only the beginning…
![Page 52: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/52.jpg)
More and More Front-EndDevelopment of a front-end editor for core is
well-underway at make.wordpress.org.
![Page 53: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/53.jpg)
Metadata UI API?Still very alpha, but exciting to stalk on
make.wordpress.org and Github!
![Page 54: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/54.jpg)
Finally, Some Resources:github.com/mandiwise/appifying-wp-resources
![Page 55: App-ifiying WordPress: Practical Tips for Using WordPress as an Application Platform](https://reader033.fdocuments.us/reader033/viewer/2022052913/55d748d8bb61eb97178b466c/html5/thumbnails/55.jpg)
Thanks On Twitter and Github: @mandiwise