Designing for WordPress
- 1. UCDA 2010DESIGNING FORWORDPRESSMike RichwalskyJohn Carroll Universitywww.highedwebtech.com@mrichwalsky
- 2. Director of Marketing Services / JCUhighedwebtech.com/ blog@mrichwalsky/ TWITTERWEB DEV,CLOUD,SM,VIDEO/ specialities10/3/10MY PRESENTATION TITLE
- 3. I <3WORDPRESS10/3/10MY PRESENTATION TITLE
- 4. BLOGGING TOOLCONTENT MANAGEMENT SYSTEMSOCIAL NETWORKSUPER FLEXIBLE PLATFORMWORDPRESS10/3/10MY PRESENTATION TITLE
- 5. WHY WORDPRESS?OPEN SOURCEHack it into whatever you’d like it to be. Share your changes and updates for the good of everyone. COMMUNITYAmazingly robust community of coders, plugin developers, designers, themes, support and more. 10/3/10MY PRESENTATION TITLE
- 9. WORDPRESS THEMESCollection of HTML, CSS, PHP, Javascript that serves as the foundation of all WordPress sites. TEMPLATESPages inside a theme that allow you to build any type of page or blog post you’d like.10/3/10MY PRESENTATION TITLE
- 10. BUT I DON’t KNOW__________.Can I DO THIS?YES.PHP / JAVASCRIPT / JQUERY / CSS10/3/10MY PRESENTATION TITLE
- 11. You CAN TAKE THE EASY WAY OUT
- 12. THE END.10/3/10MY PRESENTATION TITLE
- 13. THOUSANDS OF FREE AND PREMIUM THEMESThe hard work has been done for youYou can focus on contentTweak, hack, customize as necessary.10/3/10MY PRESENTATION TITLE
- 16. HOW TO BUILD A THEMEPhotoshopSlice it upBuild your WP elementsTest and DeployShare?10/3/10MY PRESENTATION TITLE
- 18. GENERATE A STATIC HTML FILE10/3/10MY PRESENTATION TITLEMake sure everything looks and behaves correctly. Get your CSS, Javascript, layout and test across browsers and platforms. Web standards and accessibility testing
- 19. Install WordpressOne click install on many web hosts5 minute easy installationDownload filesCreate databaseCopy over and install filesConfigure.Done.10/3/10MY PRESENTATION TITLE
- 22. At the very least, You’ll need a filecalledindex.php10/3/10MY PRESENTATION TITLE
- 25. TEMPLATE HIERARCHY10/3/10MY PRESENTATION TITLE
- 26. START BREAKING UP YOUR STATIC FILEFind logical breaks for headers, footers, etc.Code in the calls for elements as needed.10/3/10MY PRESENTATION TITLE
- 27. HEADERPage title and other meta tagsCall CSS, Javascripts as neededHeader (name/logo) and Navigation10/3/10MY PRESENTATION TITLE
- 28. SIDEBARCall in widgetsSearch boxesSecondary NavigationRecent posts, categories, tag clouds, RSS10/3/10MY PRESENTATION TITLE
- 29. FOOTERNavigationCopyrightCall in scripts such as Google AnalyticsClose up the container DIVs, etc.10/3/10MY PRESENTATION TITLE
- 30. CONTENTHome pageSingle blog post, page, or categoryCommentsBuilt using “the loop”10/3/10MY PRESENTATION TITLE
- 31. THE LOOPThis is where WordPress grabs whatever content you’ve asked forBlog postsMediaPagesQuery specific posts, categories, tags, keywords, etc.10/3/10MY PRESENTATION TITLE
- 32. THE LOOP <?phpif(have_posts() ): while ( have_posts() ):the_post(); // DO STUFF?>10/3/10MY PRESENTATION TITLE
- 33. LET WP DO THE WORKUse WordPress specific tags Let WP enter in data specific to your siteIf you are sharing this theme, this is important.<?phpbloginfo('name'); ?>10/3/10MY PRESENTATION TITLE
- 34. DEMO & LIVE STUFF10/3/10MY PRESENTATION TITLE
- 35. PLUGINSPlugins extend WordPress to do new and different things.Make life a little easier:jQuery slidersBackupsContact FormseCommerceAnd so, so, so, so, so, so many more.10/3/10MY PRESENTATION TITLE
- 36. SHARE YOUR WORKShare themes and plugins to WORDPRESS itselfAccessible to millions of usersInstall & deploy from inside WP10/3/10MY PRESENTATION TITLE
- 37. KEEP UP TO DATEPlugins and WP itself are always being upgraded, so keep software up to date.Older versions may be vulnerable10/3/10MY PRESENTATION TITLE
- 38. ADDITIONAL RESOURCESSixRevisions.comSmashingMagazine.comwww.binarymoon.co.ukWORDPRESS.ORGHIGHEr ED EXPERTS WEBINAR - 201110/3/10MY PRESENTATION TITLE