WordPress as a Career and Intro to Theming
- 1. WordPress As a Career Jesse Friedman
- 2. Jesse Friedman - @professor Author • Speaker • Professor • Developer
- 5. @professor
- 6. facebook.com/wordpressandweb Giving away 10 copies of Web Designers Guide to WordPress to the next 200 likes
- 8. Agenda • Why WordPress • Build Process • WordPress in the Wild • Activating a Theme • Installing WordPress • Integrating Plugins • Media • Putting a Site Live • Site Architecture • WordPress Theming (code) • Continuing Education • Maintaining Responsive Integrity • Security on.fb.me/wpandweb | @professor
- 9. I can’t teach you WordPress Theming in 45 min on.fb.me/wpandweb | @professor
- 10. I can’t teach my students WordPress Theming in 11 weeks on.fb.me/wpandweb | @professor
- 11. I CAN teach you how to learn WordPress on.fb.me/wpandweb | @professor
- 12. Why WordPress Get over 30% of BlueHost bit.ly/blhstcoup
- 13. WordPress Powers 22 out of every 100 new domains Get over 30% of BlueHost bit.ly/blhstcoup
- 14. That’s 22% of the New Internet Get over 30% of BlueHost bit.ly/blhstcoup
- 15. wordpress.com Get over 30% of BlueHost bit.ly/blhstcoup
- 16. WordPress powers over 50% of websites using a CMS Get over 30% of BlueHost bit.ly/blhstcoup
- 17. Essentially Get over 30% of BlueHost bit.ly/blhstcoup
- 18. Destroying Get over 30% of BlueHost bit.ly/blhstcoup
- 19. the Competition Get over 30% of BlueHost bit.ly/blhstcoup
- 20. In All Seriousness Get over 30% of BlueHost bit.ly/blhstcoup
- 21. In All Seriousness • WordPress has a lower barrier of Entry Get over 30% of BlueHost bit.ly/blhstcoup
- 22. In All Seriousness • WordPress has a lower barrier of Entry • 10x more educational resources and events Get over 30% of BlueHost bit.ly/blhstcoup
- 23. In All Seriousness • WordPress has a lower barrier of Entry • 10x more educational resources and events • Extremely easy to get started messing around Get over 30% of BlueHost bit.ly/blhstcoup
- 24. In All Seriousness • WordPress has a lower barrier of Entry • 10x more educational resources and events • Extremely easy to get started messing around • Nearly 20,000 plugins and many times that in Themes Get over 30% of BlueHost bit.ly/blhstcoup
- 25. In All Seriousness • WordPress has a lower barrier of Entry • 10x more educational resources and events • Extremely easy to get started messing around • Nearly 20,000 plugins and many times that in Themes • No real limit to how many sites you can host or what you can accomplish Get over 30% of BlueHost bit.ly/blhstcoup
- 26. In All Seriousness • WordPress has a lower barrier of Entry • 10x more educational resources and events • Extremely easy to get started messing around • Nearly 20,000 plugins and many times that in Themes • No real limit to how many sites you can host or what you can accomplish • SIDE NOTE: I <3 Drupal (and it’s developers) Get over 30% of BlueHost bit.ly/blhstcoup
- 27. In All Seriousness Get over 30% of BlueHost bit.ly/blhstcoup
- 28. In All Seriousness Think about your investment of time, money and resources Get over 30% of BlueHost bit.ly/blhstcoup
- 29. WordPress in The Wild Get over 30% of BlueHost bit.ly/blhstcoup
- 30. WordPress Powers nearly 100,000,000 websites Get over 30% of BlueHost bit.ly/blhstcoup
- 31. WordPress Powers nearly 100,000,000 websites They are NOT all blogs Get over 30% of BlueHost bit.ly/blhstcoup
- 32. People May Argue This Get over 30% of BlueHost bit.ly/blhstcoup
- 33. The Truth Is Get over 30% of BlueHost bit.ly/blhstcoup
- 34. The Truth Is WordPress is a full fledged CMS and it’s not going anywhere Get over 30% of BlueHost bit.ly/blhstcoup
- 35. How do you Stand Your Ground? Get over 30% of BlueHost bit.ly/blhstcoup
- 36. Show Facts! Get over 30% of BlueHost bit.ly/blhstcoup
- 37. Show Facts! Show EXAMPLES Get over 30% of BlueHost bit.ly/blhstcoup
- 39. time.com
- 40. live.cnn.com
- 42. mashable.com
- 44. techcrunch.com
- 46. archer-group.com
- 48. clouds365.com
- 49. jffdesign.com
- 50. Stand Your Ground! Get over 30% of BlueHost bit.ly/blhstcoup
- 51. Now That I’ve Got You To Drink The Kool-Aid Get over 30% of BlueHost bit.ly/blhstcoup
- 52. Now That I’ve Got You To Drink The Kool-Aid Get over 30% of BlueHost bit.ly/blhstcoup
- 53. Now That I’ve Got You To Drink The Kool-Aid • WordPress is a full fledged CMS great for Blogging and Other Projects Get over 30% of BlueHost bit.ly/blhstcoup
- 54. Now That I’ve Got You To Drink The Kool-Aid • WordPress is a full fledged CMS great for Blogging and Other Projects • It’s fast, secure and highly reliable Get over 30% of BlueHost bit.ly/blhstcoup
- 55. Now That I’ve Got You To Drink The Kool-Aid • WordPress is a full fledged CMS great for Blogging and Other Projects • It’s fast, secure and highly reliable • Support from thousands of developers around the world Get over 30% of BlueHost bit.ly/blhstcoup
- 56. Now That I’ve Got You To Drink The Kool-Aid • WordPress is a full fledged CMS great for Blogging and Other Projects • It’s fast, secure and highly reliable • Support from thousands of developers around the world • Proven to work! Get over 30% of BlueHost bit.ly/blhstcoup
- 57. Now That I’ve Got You To Drink The Kool-Aid • WordPress is a full fledged CMS great for Blogging and Other Projects • It’s fast, secure and highly reliable • Support from thousands of developers around the world • Proven to work! • Plenty of educational resources and valuable information Get over 30% of BlueHost bit.ly/blhstcoup
- 58. How Do You Make Money? Get over 30% of BlueHost bit.ly/blhstcoup
- 59. How Do You Make Money? •Client based web projects Get over 30% of BlueHost bit.ly/blhstcoup
- 60. How Do You Make Money? •Client based web projects • Getting that project will be easier, using the power of WordPress Get over 30% of BlueHost bit.ly/blhstcoup
- 61. How Do You Make Money? •Client based web projects • Getting that project will be easier, using the power of WordPress •Designing only Get over 30% of BlueHost bit.ly/blhstcoup
- 62. How Do You Make Money? •Client based web projects • Getting that project will be easier, using the power of WordPress •Designing only • You don’t need to know how to develop just be familiar Get over 30% of BlueHost bit.ly/blhstcoup
- 63. How Do You Make Money? •Client based web projects • Getting that project will be easier, using the power of WordPress •Designing only • You don’t need to know how to develop just be familiar •Partner with a Developer Get over 30% of BlueHost bit.ly/blhstcoup
- 64. How Do You Make Money? •Client based web projects • Getting that project will be easier, using the power of WordPress •Designing only • You don’t need to know how to develop just be familiar •Partner with a Developer •Submitting to a repository Get over 30% of BlueHost bit.ly/blhstcoup
- 65. How Do You Make Money? •Client based web projects • Getting that project will be easier, using the power of WordPress •Designing only • You don’t need to know how to develop just be familiar •Partner with a Developer •Submitting to a repository • WordPress.org, ThemeForest Get over 30% of BlueHost bit.ly/blhstcoup
- 66. How Do You Make Money? •Client based web projects • Getting that project will be easier, using the power of WordPress •Designing only • You don’t need to know how to develop just be familiar •Partner with a Developer •Submitting to a repository • WordPress.org, ThemeForest •Writing, Speaking, Consulting Get over 30% of BlueHost bit.ly/blhstcoup
- 67. Installation Get over 30% of BlueHost bit.ly/blhstcoup
- 68. Installation is Fast and Simple Get over 30% of BlueHost bit.ly/blhstcoup
- 69. The One Click Install Get over 30% of BlueHost bit.ly/blhstcoup
- 70. Next Steps • Activate Theme of choice • Install and Activate Necessary Plugins • Install content • Theme over content • BUILD IN THE BROWSER • Launch Get over 30% of BlueHost bit.ly/blhstcoup
- 71. Demo Get over 30% of BlueHost bit.ly/blhstcoup
- 72. Site Architecture Getting Organized on.fb.me/wpandweb | @professor
- 73. Categories Tags Custom Taxonomies Taxonomy A Way To Group Things Together on.fb.me/wpandweb | @professor
- 74. Pets Broader Terms = Categories
- 75. Mammals Slightly More Specific Terms = Child Categories
- 76. Reptiles and Amphibians Slightly More Specific Terms = Child Categories
- 77. Birds Slightly More Specific Terms = Child Categories
- 78. Fish Slightly More Specific Terms = Child Categories
- 79. Tags Should Be Used To Link Things Outside Broad Terms
- 80. (likes) Water Should Be Used To Link Things Outside Broad Terms
- 81. Tags: “Hops” Should Be Used To Link Things Outside Broad Terms
- 82. Tail Should Be Used To Link Things Outside Broad Terms
- 83. Articles Tutorials Interviews Reviews Rants HTML HTML CSS RWD WordPress CSS jQuery Translating This to Posts Categories and Tags Working Together
- 84. Demo Get over 30% of BlueHost bit.ly/blhstcoup
- 85. Image Resizing Taking Control of Your Media on.fb.me/wpandweb | @professor
- 86. Hard Soft Hard vs Soft Cropping This is universal throughout WordPress on.fb.me/wpandweb | @professor
- 87. Media Settings Changing Cropping Sizes of All Images Uploaded on.fb.me/wpandweb | @professor
- 88. Featured Images a.k.a. Post Thumbnails on.fb.me/wpandweb | @professor
- 89. Featured Images Defining Names and Sizes on.fb.me/wpandweb | @professor
- 90. Featured Images Displaying Featured Images on.fb.me/wpandweb | @professor
- 91. Demo Get over 30% of BlueHost bit.ly/blhstcoup
- 92. Support on.fb.me/wpandweb | @professor
- 93. Support on.fb.me/wpandweb | @professor
- 94. Support on.fb.me/wpandweb | @professor
- 95. Support on.fb.me/wpandweb | @professor
- 96. Support on.fb.me/wpandweb | @professor
- 97. WordPress Theming Jesse Friedman
- 98. Build Process on.fb.me/wpandweb | @professor
- 99. Planning on.fb.me/wpandweb | @professor
- 100. Design on.fb.me/wpandweb | @professor
- 101. Development on.fb.me/wpandweb | @professor
- 102. Theme Build on.fb.me/wpandweb | @professor
- 104. FRAMEWORKS, on.fb.me/wpandweb | @professor
- 105. FRAMEWORKS, GRID SYSTEMS, on.fb.me/wpandweb | @professor
- 106. FRAMEWORKS, GRID SYSTEMS, ALL THAT STUFF, on.fb.me/wpandweb | @professor
- 107. FRAMEWORKS, GRID SYSTEMS, ALL THAT STUFF, STILL WORKS! on.fb.me/wpandweb | @professor
- 108. Get Started Building a Theme on.fb.me/wpandweb | @professor
- 109. Get Started Building a Theme codex.wordpress.org/Site_Design_and_Layout on.fb.me/wpandweb | @professor
- 110. Get Started Building a Theme on.fb.me/wpandweb | @professor
- 111. Get Started Building a Theme codex.wordpress.org/Theme_Development on.fb.me/wpandweb | @professor
- 112. Tools on.fb.me/wpandweb | @professor
- 113. Themes wordpress.org/extend/themes/twentyeleven on.fb.me/wpandweb | @professor
- 114. Themes themble.com/bones/ on.fb.me/wpandweb | @professor
- 115. Content codex.wordpress.org/Theme_Unit_Test on.fb.me/wpandweb | @professor
- 116. Styles codex.wordpress.org/CSS on.fb.me/wpandweb | @professor
- 117. Converting into a Theme on.fb.me/wpandweb | @professor
- 118. Where Content Comes From on.fb.me/wpandweb | @professor
- 119. Where Content Shows Up on.fb.me/wpandweb | @professor
- 121. REMEMBER IT’S JUST MARKUP on.fb.me/wpandweb | @professor
- 122. WordPress Calls on.fb.me/wpandweb | @professor
- 123. The Template Tag The Finished Product on.fb.me/wpandweb | @professor
- 124. The Template Tag The Static HTML on.fb.me/wpandweb | @professor
- 125. The Template Tag The Theme Code on.fb.me/wpandweb | @professor
- 126. The Template Tag The Generated Markup on.fb.me/wpandweb | @professor
- 127. The Loop on.fb.me/wpandweb | @professor
- 128. The Site on.fb.me/wpandweb | @professor
- 129. The loop Get over 30% of BlueHost bit.ly/blhstcoup
- 130. The Loop on.fb.me/wpandweb | @professor
- 131. Once You’ve Mastered These Two Steps + on.fb.me/wpandweb | @professor
- 132. functions.php on.fb.me/wpandweb | @professor
- 133. Maintaining Responsive Integrity on.fb.me/wpandweb | @professor
- 134. Addressing the User Admin on.fb.me/wpandweb | @professor
- 135. Taking Control on.fb.me/wpandweb | @professor
- 136. Taking Control WordPress wp_is_mobile(); on.fb.me/wpandweb | @professor
- 137. Taking Control WordPress wp_is_mobile(); <?php if ( wp_is_mobile() ) the_post_thumbnail( 'post-thumb' ); else the_post_thumbnail ( 'post-large' ); ?> on.fb.me/wpandweb | @professor
- 138. Taking More Control on.fb.me/wpandweb | @professor
- 139. Taking More Control isiPhone() isSamsungTablet() iswebOS() isBlackBerry() isHTCtablet() isbadaOS() isHTC() isMotorolaTablet() isBREWOS() isNexus() isAsusTablet() isChrome() isDellStreak() isNookTablet() isDolfin() isMotorola() isAcerTablet() isOpera() isSamsung() isYarvikTablet() isSkyfire() isSony() isGenericTablet() isIE() isAsus() isAndroidOS() isFirefox() isPalm() isBlackBerryOS() isBolt() isGenericPhone() isPalmOS() isTeaShark() isAcerTablet() isSymbianOS() isBlazer() isYarvikTablet() isWindowsMobileOS() isSafari() isGenericTablet() isiOS() isMidori() isBlackBerryTablet() isFlashLiteOS() isGenericBrowser() isiPad() isJavaOS() isKindle() isNokiaOS() on.fb.me/wpandweb | @professor
- 140. Create a Customized Environment wordpress.org/extend/plugins/wp-mobile-detect/ on.fb.me/wpandweb | @professor
- 141. Don’t Forget it’s NOT Just Mobile on.fb.me/wpandweb | @professor
- 142. Maintaining Responsive Integrity on.fb.me/wpandweb | @professor
- 143. Meet Responsive Robot on.fb.me/wpandweb | @professor
- 144. WordPress Rest of the Internet 22% 78% WordPress Security Step 1. Understanding It on.fb.me/wpandweb | @professor
- 145. 99% of the time it’s a lame password WordPress Security Step 2. Identifying Vulnerabilities on.fb.me/wpandweb | @professor
- 146. •Create hard passwords •Assign “admin” user account “subscriber” level access •Don’t post under any Administrator level account •Change your table prefix from wp_ to something like abc123_ •Force SSL in the admin define('FORCE_SSL_ADMIN', true); •Deny access to your wp-config.php file with .htaccess •Remove your WP Version with remove_action('wp_head', 'wp_generator'); WordPress Security Step 3. Be Unpredictable on.fb.me/wpandweb | @professor
- 147. BACKUP Step 4.
- 148. BACKUP Step 5.
- 149. vaultpress.com on.fb.me/wpandweb | @professor
- 150. Jesse Friedman - @professor Author • Speaker • Professor • Developer
- 151. wdgwp.com/onamazon
- 152. @professor
- 154. bit.ly/WP28days use code JFRIEDMAN bit.ly/WPadvanced use code JFRIEDMAN Thanks to thenounproject.com on.fb.me/wpandweb | @professor
Editor's Notes
- #2: \n
- #3: \n
- #4: \n
- #5: \n
- #6: \n
- #7: \n
- #8: \n
- #9: \n
- #10: \n
- #11: \n
- #12: \n
- #13: \n
- #14: \n
- #15: \n
- #16: \n
- #17: \n
- #18: \n
- #19: \n
- #20: \n
- #21: \n
- #22: \n
- #23: \n
- #24: \n
- #25: \n
- #26: \n
- #27: \n
- #28: \n
- #29: \n
- #30: \n
- #31: \n
- #32: \n
- #33: \n
- #34: \n
- #35: \n
- #36: \n
- #37: \n
- #38: \n
- #39: \n
- #40: \n
- #41: \n
- #42: \n
- #43: \n
- #44: \n
- #45: \n
- #46: \n
- #47: \n
- #48: \n
- #49: \n
- #50: \n
- #51: \n
- #52: \n
- #53: \n
- #54: \n
- #55: \n
- #56: \n
- #57: \n
- #58: \n
- #59: \n
- #60: \n
- #61: \n
- #62: \n
- #63: \n
- #64: \n
- #65: \n
- #66: \n
- #67: \n
- #68: \n
- #69: \n
- #70: \n
- #71: \n
- #72: \n
- #73: \n
- #74: \n
- #75: \n
- #76: \n
- #77: \n
- #78: \n
- #79: \n
- #80: \n
- #81: \n
- #82: \n
- #83: \n
- #84: \n
- #85: \n
- #86: \n
- #87: \n
- #88: \n
- #89: \n
- #90: \n
- #91: \n
- #92: \n
- #93: \n
- #94: \n
- #95: \n
- #96: \n
- #97: \n
- #98: \n
- #99: \n
- #100: \n
- #101: \n
- #102: \n
- #103: \n
- #104: \n
- #105: \n
- #106: \n
- #107: \n
- #108: \n
- #109: \n
- #110: \n
- #111: \n
- #112: \n
- #113: \n
- #114: \n
- #115: \n
- #116: \n
- #117: \n
- #118: \n
- #119: \n
- #120: \n
- #121: \n
- #122: \n
- #123: \n
- #124: \n
- #125: \n
- #126: \n
- #127: \n
- #128: \n
- #129: \n
- #130: \n
- #131: \n
- #132: \n
- #133: \n
- #134: \n
- #135: \n
- #136: \n
- #137: \n
- #138: \n
- #139: \n
- #140: \n
- #141: \n
- #142: \n
- #143: \n
- #144: \n
- #145: \n
- #146: \n
- #147: \n
- #148: \n
- #149: \n
- #150: \n
- #151: \n
- #152: \n
- #153: \n
- #154: \n
- #155: \n