WordPress as a Career and Intro to Theming

760 views

Published on

Jesse Friedman discusses Why you should choose WordPress to focus your efforts, time and money on learning. WordPress has the ability to make you a lot of money if you know what you're doing. Learn how to sell WordPress and make a career out of projects based on it.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
760
On SlideShare
0
From Embeds
0
Number of Embeds
30
Actions
Shares
0
Downloads
15
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • WordPress as a Career and Intro to Theming

    1. 1. WordPress As a Career Jesse Friedman
    2. 2. Jesse Friedman - @professor Author • Speaker • Professor • Developer
    3. 3. wdgwp.com/onamazon
    4. 4. @professor
    5. 5. facebook.com/wordpressandwebGiving away 10 copies of Web Designers Guide to WordPress to the next 200 likes
    6. 6. launch.wdgwp.com/the-raffle/
    7. 7. 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
    8. 8. I can’t teach you WordPress Theming in 45 min on.fb.me/wpandweb | @professor
    9. 9. I can’t teach my students WordPress Theming in 11 weeks on.fb.me/wpandweb | @professor
    10. 10. I CAN teach you how to learn WordPress on.fb.me/wpandweb | @professor
    11. 11. Why WordPress Get over 30% of BlueHost bit.ly/blhstcoup
    12. 12. WordPress Powers 22 out of every 100 new domains Get over 30% of BlueHost bit.ly/blhstcoup
    13. 13. That’s 22% of the New Internet Get over 30% of BlueHost bit.ly/blhstcoup
    14. 14. wordpress.com Get over 30% of BlueHost bit.ly/blhstcoup
    15. 15. WordPress powers over 50% of websites using a CMS Get over 30% of BlueHost bit.ly/blhstcoup
    16. 16. Essentially Get over 30% of BlueHost bit.ly/blhstcoup
    17. 17. Destroying Get over 30% of BlueHost bit.ly/blhstcoup
    18. 18. the Competition Get over 30% of BlueHost bit.ly/blhstcoup
    19. 19. In All Seriousness Get over 30% of BlueHost bit.ly/blhstcoup
    20. 20. In All Seriousness• WordPress has a lower barrier of Entry Get over 30% of BlueHost bit.ly/blhstcoup
    21. 21. In All Seriousness• WordPress has a lower barrier of Entry• 10x more educational resources and events Get over 30% of BlueHost bit.ly/blhstcoup
    22. 22. 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
    23. 23. 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
    24. 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• No real limit to how many sites you can host or what you can accomplish Get over 30% of BlueHost bit.ly/blhstcoup
    25. 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• SIDE NOTE: I <3 Drupal (and it’s developers) Get over 30% of BlueHost bit.ly/blhstcoup
    26. 26. In All Seriousness Get over 30% of BlueHost bit.ly/blhstcoup
    27. 27. In All SeriousnessThink about your investment of time, money and resources Get over 30% of BlueHost bit.ly/blhstcoup
    28. 28. WordPress in The Wild Get over 30% of BlueHost bit.ly/blhstcoup
    29. 29. WordPress Powers nearly 100,000,000 websites Get over 30% of BlueHost bit.ly/blhstcoup
    30. 30. WordPress Powers nearly 100,000,000 websitesThey are NOT all blogs Get over 30% of BlueHost bit.ly/blhstcoup
    31. 31. People May Argue This Get over 30% of BlueHost bit.ly/blhstcoup
    32. 32. The Truth Is Get over 30% of BlueHost bit.ly/blhstcoup
    33. 33. The Truth IsWordPress is a full fledged CMS and it’s not going anywhere Get over 30% of BlueHost bit.ly/blhstcoup
    34. 34. How do you Stand Your Ground? Get over 30% of BlueHost bit.ly/blhstcoup
    35. 35. Show Facts! Get over 30% of BlueHost bit.ly/blhstcoup
    36. 36. Show Facts!Show EXAMPLES Get over 30% of BlueHost bit.ly/blhstcoup
    37. 37. time.com
    38. 38. live.cnn.com
    39. 39. sanfrancisco.cbslocal.com
    40. 40. mashable.com
    41. 41. smashingmagazine.com
    42. 42. techcrunch.com
    43. 43. webdesignerdepot.com
    44. 44. archer-group.com
    45. 45. creativespaces.net.au
    46. 46. clouds365.com
    47. 47. jffdesign.com
    48. 48. Stand Your Ground! Get over 30% of BlueHost bit.ly/blhstcoup
    49. 49. Now That I’ve Got You To Drink The Kool-Aid Get over 30% of BlueHost bit.ly/blhstcoup
    50. 50. Now That I’ve Got You To Drink The Kool-Aid Get over 30% of BlueHost bit.ly/blhstcoup
    51. 51. 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
    52. 52. 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
    53. 53. 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
    54. 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 • Support from thousands of developers around the world • Proven to work! Get over 30% of BlueHost bit.ly/blhstcoup
    55. 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 • Proven to work! • Plenty of educational resources and valuable information Get over 30% of BlueHost bit.ly/blhstcoup
    56. 56. How Do You Make Money? Get over 30% of BlueHost bit.ly/blhstcoup
    57. 57. How Do You Make Money?•Client based web projects Get over 30% of BlueHost bit.ly/blhstcoup
    58. 58. 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
    59. 59. 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
    60. 60. 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
    61. 61. 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
    62. 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•Partner with a Developer•Submitting to a repository Get over 30% of BlueHost bit.ly/blhstcoup
    63. 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•Submitting to a repository • WordPress.org, ThemeForest Get over 30% of BlueHost bit.ly/blhstcoup
    64. 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 • WordPress.org, ThemeForest•Writing, Speaking, Consulting Get over 30% of BlueHost bit.ly/blhstcoup
    65. 65. Installation Get over 30% of BlueHost bit.ly/blhstcoup
    66. 66. Installation is Fast and Simple Get over 30% of BlueHost bit.ly/blhstcoup
    67. 67. The One Click Install Get over 30% of BlueHost bit.ly/blhstcoup
    68. 68. 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
    69. 69. Demo Get over 30% of BlueHost bit.ly/blhstcoup
    70. 70. Site Architecture Getting Organized on.fb.me/wpandweb | @professor
    71. 71. Categories Tags Custom Taxonomies Taxonomy A Way To Group Things Together on.fb.me/wpandweb | @professor
    72. 72. PetsBroader Terms = Categories
    73. 73. MammalsSlightly More Specific Terms = Child Categories
    74. 74. Reptiles and AmphibiansSlightly More Specific Terms = Child Categories
    75. 75. BirdsSlightly More Specific Terms = Child Categories
    76. 76. FishSlightly More Specific Terms = Child Categories
    77. 77. TagsShould Be Used To Link Things Outside Broad Terms
    78. 78. (likes) WaterShould Be Used To Link Things Outside Broad Terms
    79. 79. Tags: “Hops”Should Be Used To Link Things Outside Broad Terms
    80. 80. TailShould Be Used To Link Things Outside Broad Terms
    81. 81. ArticlesTutorials Interviews Reviews Rants HTML HTML CSS RWD WordPress CSS jQuery Translating This to Posts Categories and Tags Working Together
    82. 82. Demo Get over 30% of BlueHost bit.ly/blhstcoup
    83. 83. Image ResizingTaking Control of Your Media on.fb.me/wpandweb | @professor
    84. 84. Hard SoftHard vs Soft Cropping This is universal throughout WordPress on.fb.me/wpandweb | @professor
    85. 85. Media SettingsChanging Cropping Sizes of All Images Uploaded on.fb.me/wpandweb | @professor
    86. 86. Featured Images a.k.a. Post Thumbnails on.fb.me/wpandweb | @professor
    87. 87. Featured Images Defining Names and Sizes on.fb.me/wpandweb | @professor
    88. 88. Featured Images Displaying Featured Images on.fb.me/wpandweb | @professor
    89. 89. Demo Get over 30% of BlueHost bit.ly/blhstcoup
    90. 90. Support on.fb.me/wpandweb | @professor
    91. 91. Support on.fb.me/wpandweb | @professor
    92. 92. Support on.fb.me/wpandweb | @professor
    93. 93. Support on.fb.me/wpandweb | @professor
    94. 94. Support on.fb.me/wpandweb | @professor
    95. 95. WordPress Theming Jesse Friedman
    96. 96. Build Process on.fb.me/wpandweb | @professor
    97. 97. Planning on.fb.me/wpandweb | @professor
    98. 98. Design on.fb.me/wpandweb | @professor
    99. 99. Development on.fb.me/wpandweb | @professor
    100. 100. Theme Build on.fb.me/wpandweb | @professor
    101. 101. on.fb.me/wpandweb | @professor
    102. 102. FRAMEWORKS, on.fb.me/wpandweb | @professor
    103. 103. FRAMEWORKS,GRID SYSTEMS, on.fb.me/wpandweb | @professor
    104. 104. FRAMEWORKS,GRID SYSTEMS,ALL THAT STUFF, on.fb.me/wpandweb | @professor
    105. 105. FRAMEWORKS,GRID SYSTEMS,ALL THAT STUFF,STILL WORKS! on.fb.me/wpandweb | @professor
    106. 106. Get Started Building a Theme on.fb.me/wpandweb | @professor
    107. 107. Get Started Building a Themecodex.wordpress.org/Site_Design_and_Layout on.fb.me/wpandweb | @professor
    108. 108. Get Started Building a Theme on.fb.me/wpandweb | @professor
    109. 109. Get Started Building a Themecodex.wordpress.org/Theme_Development on.fb.me/wpandweb | @professor
    110. 110. Tools on.fb.me/wpandweb | @professor
    111. 111. Themeswordpress.org/extend/themes/twentyeleven on.fb.me/wpandweb | @professor
    112. 112. Themesthemble.com/bones/ on.fb.me/wpandweb | @professor
    113. 113. Contentcodex.wordpress.org/Theme_Unit_Test on.fb.me/wpandweb | @professor
    114. 114. Stylescodex.wordpress.org/CSS on.fb.me/wpandweb | @professor
    115. 115. Converting into a Theme on.fb.me/wpandweb | @professor
    116. 116. Where Content Comes From on.fb.me/wpandweb | @professor
    117. 117. Where Content Shows Up on.fb.me/wpandweb | @professor
    118. 118. on.fb.me/wpandweb | @professor
    119. 119. REMEMBER IT’S JUST MARKUP on.fb.me/wpandweb | @professor
    120. 120. WordPress Calls on.fb.me/wpandweb | @professor
    121. 121. The Template Tag The Finished Product on.fb.me/wpandweb | @professor
    122. 122. The Template Tag The Static HTML on.fb.me/wpandweb | @professor
    123. 123. The Template Tag The Theme Code on.fb.me/wpandweb | @professor
    124. 124. The Template Tag The Generated Markup on.fb.me/wpandweb | @professor
    125. 125. The Loop on.fb.me/wpandweb | @professor
    126. 126. The Site on.fb.me/wpandweb | @professor
    127. 127. The loop Get over 30% of BlueHost bit.ly/blhstcoup
    128. 128. The Loop on.fb.me/wpandweb | @professor
    129. 129. Once You’ve Mastered These Two Steps + on.fb.me/wpandweb | @professor
    130. 130. functions.php on.fb.me/wpandweb | @professor
    131. 131. Maintaining Responsive Integrity on.fb.me/wpandweb | @professor
    132. 132. Addressing the User Admin on.fb.me/wpandweb | @professor
    133. 133. Taking Control on.fb.me/wpandweb | @professor
    134. 134. Taking ControlWordPress wp_is_mobile(); on.fb.me/wpandweb | @professor
    135. 135. 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
    136. 136. Taking More Control on.fb.me/wpandweb | @professor
    137. 137. Taking More ControlisiPhone() 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
    138. 138. Create a Customized Environmentwordpress.org/extend/plugins/wp-mobile-detect/ on.fb.me/wpandweb | @professor
    139. 139. Don’t Forget it’s NOT Just Mobile on.fb.me/wpandweb | @professor
    140. 140. Maintaining Responsive Integrity on.fb.me/wpandweb | @professor
    141. 141. Meet Responsive Robot on.fb.me/wpandweb | @professor
    142. 142. WordPress Rest of the Internet 22% 78%WordPress Security Step 1. Understanding It on.fb.me/wpandweb | @professor
    143. 143. 99% of the time it’s a lame passwordWordPress Security Step 2. Identifying Vulnerabilities on.fb.me/wpandweb | @professor
    144. 144. •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
    145. 145. BACKUPStep 4.
    146. 146. BACKUPStep 5.
    147. 147. vaultpress.com on.fb.me/wpandweb | @professor
    148. 148. Jesse Friedman - @professor Author • Speaker • Professor • Developer
    149. 149. wdgwp.com/onamazon
    150. 150. @professor
    151. 151. bit.ly/WP28days use code JFRIEDMAN bit.ly/WPadvanced use code JFRIEDMANThanks to thenounproject.com on.fb.me/wpandweb | @professor
    152. 152. launch.wdgwp.com/the-raffle/

    ×