wordpress: more than blogs
DESCRIPTION
TRANSCRIPT
![Page 1: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/1.jpg)
WordPress: More Than Just Blogs
Paul Mueller (UserAid)www.useraid.com@Paul_UserAid
![Page 2: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/2.jpg)
© 2011-2013 UserAid, all rights reserved.2
Why WordPress?
Free content management system Many free sources of plugins (added features) Easy to customize and maintain Good SEO support Automated content listing, sorting, categorizing Allow users to comment/augment content
![Page 3: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/3.jpg)
© 2011-2013 UserAid, all rights reserved.3
What Will We Talk About?
Sample WordPress Sites
Setting up WordPress
Understanding user access
Common elements: themes, plugins, widgets
Adding features (custom code)
Resources to see and use
![Page 4: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/4.jpg)
© 2011-2013 UserAid, all rights reserved.4
WordPress Samples - Blog
Part of Epiphany (www.epiphanyinc.net/newsandnotes)
Main site uses custom php
![Page 5: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/5.jpg)
© 2011-2013 UserAid, all rights reserved.5
WordPress Samples - Blog
Part of Epiphany (www.epiphanyinc.net/newsandnotes)
Blog is in WordPress and matches the design of the main site
![Page 6: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/6.jpg)
© 2011-2013 UserAid, all rights reserved.6
WordPress Samples – Whole Site
STC Houston (www.stc-houston.org)
Whole site is in WordPress and can use blog elements throughout the design
![Page 7: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/7.jpg)
© 2011-2013 UserAid, all rights reserved.7
WordPress Samples – Whole Site
Data Dynamics (www.datadynamicsinc.com)
Whole site can use purchased themes to implement design
![Page 8: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/8.jpg)
© 2011-2013 UserAid, all rights reserved.8
WordPress Samples – Whole Site
Cutting Room Salon (www.cuttingroomsalon.com)
Whole site can have custom design to match your brand
![Page 9: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/9.jpg)
© 2011-2013 UserAid, all rights reserved.
Paul for STC Vice President (www.stc-paulmueller.com)
9
WordPress Samples – Whole Site
You can quickly create personal web sites
![Page 10: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/10.jpg)
© 2011-2013 UserAid, all rights reserved.10
WordPress Samples – Support & More
SmartVault Support (smartvault.com/support)
Integrated main site, support center, learning center, knowledge base, help, & more
![Page 11: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/11.jpg)
© 2011-2013 UserAid, all rights reserved.11
WordPress Samples – Social Network
metroPUP (www.metropup.us)
Facebook for dogs & owners
![Page 12: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/12.jpg)
© 2011-2013 UserAid, all rights reserved.12
WordPress Is Flexible
You can do anything you want…
once you know the basics
![Page 13: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/13.jpg)
© 2011-2013 UserAid, all rights reserved.13
Setting Up WordPress
Use WP provider, such as wpengine.com
--- OR ---
Use your ISP automated install
--- OR ---
Create database (MySQL)
Copy WordPress files into place
Edit wp-config.php file for database connection info
Open /wp-admin (displays login page)
![Page 14: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/14.jpg)
© 2011-2013 UserAid, all rights reserved.14
Working with WordPress
Open /wp-admin (log in)
![Page 15: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/15.jpg)
© 2011-2013 UserAid, all rights reserved.15
Understanding User Access
Administrator
Editor
Author
Contributor
Subscriber
Can customize the permissions model
![Page 16: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/16.jpg)
Common Elements
“But I don’t see <?php ?> in the periodic table.”
![Page 17: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/17.jpg)
© 2011-2013 UserAid, all rights reserved.17
Common Elements
Pages – Fixed (fairly static) content
Posts – Fluid, periodic content
Other types of content? (can create custom types)
Pages & Posts
![Page 18: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/18.jpg)
© 2011-2013 UserAid, all rights reserved.18
Common Elements
Define the overall appearance (look & feel)
Get a free theme
Buy a theme you like
Use a framework theme, such as Thesis or Genesys
Use child themes (some call them skins)
Themes
![Page 19: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/19.jpg)
© 2011-2013 UserAid, all rights reserved.19
Common Elements
Many Sites− Akismet (spam comment protection)− Google XML Sitemaps (SEO support)− WP-DB-Backup (database backup)− Simple Mail Address Encoder (protect email addr from spiders)− Easy Fancybox (DIV for links - images/iframes/swf)− AddThis Social Bookmarking (help people share your content)
Extras− Gravity Forms (manage forms and related response data)− Blog in Blog (custom pages listing some posts per categories)− Mingle (social networking)− oQey Gallery OR PhotoSmash (photos & slideshows)− PHP Execution (custom content on pages – be careful!)− WP125 (advertising management)− …the list is endless…
Plugins
![Page 20: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/20.jpg)
© 2011-2013 UserAid, all rights reserved.20
Common Elements
Modules in sidebars are called widgets
Plug-ins can provide widgets
Standard modules− Archives: Months, Authors, Categories− Popular Posts (Popular Posts plugin)− Recent Posts− Recent Comments− Twitter Feed
Text – anything you want− Links− Sponsors (STC Houston – uses JavaScript)− Events (Google calendar)
Widgets
![Page 21: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/21.jpg)
© 2011-2013 UserAid, all rights reserved.21
Common Elements
Widget areas can be included anywhere on a page
Widgets
![Page 22: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/22.jpg)
© 2011-2013 UserAid, all rights reserved.22
Common Elements
Widgets define the sidebar for this page
Widgets
![Page 23: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/23.jpg)
© 2011-2013 UserAid, all rights reserved.23
Common Elements
Easy UI to create lists of links
Can be navigation menus
Can be lists in other parts of page
Menus
![Page 24: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/24.jpg)
Adding Features (Custom Code)
![Page 25: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/25.jpg)
© 2011-2013 UserAid, all rights reserved.25
Adding Features
Lightbox to display full-sized graphics
Fancybox to display graphics, iframe, video, swf
Lightbox, Fancybox
![Page 26: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/26.jpg)
© 2011-2013 UserAid, all rights reserved.26
Adding Features
<html><head><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" /></head>
<body>
<a class="iframe" href="http://www.google.com">Open iframe</a>
</body></html>
Fancybox Example
![Page 27: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/27.jpg)
Resources
![Page 28: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/28.jpg)
© 2011-2013 UserAid, all rights reserved.28
Resources
w3schools.com provides tutorials & reference info
![Page 29: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/29.jpg)
© 2011-2013 UserAid, all rights reserved.29
Resources
dynamicdrive.com provides samples and code
![Page 30: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/30.jpg)
© 2011-2013 UserAid, all rights reserved.30
Resources
msdn.microsoft.com provides reference & samples
![Page 31: WordPress: More Than Blogs](https://reader033.vdocuments.us/reader033/viewer/2022051400/54c1f3f24a79596d028b45af/html5/thumbnails/31.jpg)
Thank You