Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Beginning WordPress


Published on

Another beginning with WordPress presentation that covers more ground than my previous versions.

  • Be the first to comment

  • Be the first to like this

Beginning WordPress

  1. 1. Beginning WordPress <ul><li>Getting Started with WordPress </li></ul><ul><li>Tony Zeoli - Lead Developer </li></ul><ul><li>Reese Felts Digital Newsroom </li></ul><ul><li> | </li></ul><ul><li>@tonyzeoli </li></ul>
  2. 2. Blog: MarketBeat
  3. 3. Blog: The Lede
  4. 4. Tech Blog: GigaOm
  5. 5. Tech Blog: GigaOm
  6. 6. Site:
  7. 7. Course Page
  8. 8. Blog Page
  9. 9. WordPress History WikiPedia, March 2011, <ul><li>Origins as Open Source blogging software </li></ul><ul><li>First Released May 27, 2003 </li></ul><ul><li>Matt Mullenweg </li></ul><ul><li>Fork of b2/cafelog </li></ul><ul><li>Version 3.0 downloaded 32.5 Million times </li></ul><ul><li>Used by over 13% of top 1,000,000 sites </li></ul>
  10. 10. WordPress Popularity
  11. 11. WordPress Popularity
  12. 12. What is WordPress <ul><li>Origins as Open Source blogging software </li></ul><ul><li>Open Source CMS (content management system. </li></ul><ul><li>Built with open source php scripting language, uses mySQL database, and HTML/CSS for layout and style. </li></ul><ul><li>Runs on both Linux and Windows servers. </li></ul><ul><li>Comprised of WordPress core, but allows for “plug-ins” and “themes.” </li></ul>
  13. 13. What is Open Source Open Source, Wikipedia, March 15, 2011 <ul><li>The term open source describes practices in production and development that promote access to the end product's source materials. Some consider open source a philosophy, others consider it a pragmatic methodology. </li></ul><ul><li>Being organised effectively as a consumer’s cooperative , the idea of open source is then to eliminate the access costs of the consumer and the creator by reducing the restrictions of copyright. This will lead to creation of additional works, which build upon previous work and add to greater social benefit. Additionally some proponents argue that open source also relieves society of the administration and enforcement costs of copyright. </li></ul>
  14. 14. Hosted <ul><li> </li></ul><ul><ul><li>Cloud </li></ul></ul><ul><ul><li>Free </li></ul></ul><ul><ul><li>No install </li></ul></ul><ul><ul><li>Limited Customization </li></ul></ul><ul><ul><li>Just blogs </li></ul></ul><ul><ul><li>“ for extra fee </li></ul></ul><ul><ul><li>Low level of difficulty </li></ul></ul><ul><ul><li>No responsibility for system </li></ul></ul>
  15. 15. Self-Hosted <ul><li> </li></ul><ul><ul><li>You install and configure. </li></ul></ul><ul><ul><li>Free Download </li></ul></ul><ul><ul><li>Needs Hosting </li></ul></ul><ul><ul><li>“ One-Click” install available </li></ul></ul><ul><ul><li>Learn to install manually </li></ul></ul><ul><ul><li>Backups </li></ul></ul><ul><ul><li>WordPress, plug-in, and theme updates </li></ul></ul><ul><ul><li>WordPress Security </li></ul></ul>
  16. 16. WordPress Files <ul><li>WordPress Core </li></ul><ul><ul><li>Starts w/ index.php </li></ul></ul><ul><ul><li>Loooks for wp-blog-header.php </li></ul></ul><ul><ul><li>Then loads… </li></ul></ul><ul><ul><li>wp-content/themes/twenty-ten/index.php. </li></ul></ul>
  17. 17. Base Theme <ul><li>Twenty-Ten </li></ul><ul><ul><li>Free Theme for WP </li></ul></ul><ul><ul><li>Admin modifications are fairly easy. </li></ul></ul><ul><ul><li>Left content, right rail for widgets </li></ul></ul>
  18. 18. Buy Your Domain <ul><li>Purchase domain ( from a reputable domain service provider: </li></ul><ul><li>GoDaddy,, NetworkSolutions </li></ul><ul><li>You can now choose: .com, .org, .me, .tv, .fm, .am, .co, or many other “TLDs” (top level domains) </li></ul><ul><li>Your hosting company may also offer domain registration. </li></ul><ul><li>Your domain name is like your social security number, it always stays with you, no matter where you live. </li></ul><ul><li>You will “point” your domain to the “domain name servers” (DNS) for your “hosting” provider </li></ul>
  19. 19. Set Up Hosting <ul><li>Work with a WordPress recommended host </li></ul><ul><ul><li>MediaTemple, BlueHost, Laughing Squid </li></ul></ul><ul><li>DO NOT use any domain registrars for hosting. </li></ul><ul><li>DO NOT use CHEAP, SHARED hosting for $5 a month. Pay $15 to $20 a month and get better QOS (quality of service) </li></ul>
  20. 20. Type of Hosting <ul><li>Shared </li></ul><ul><ul><li>Share resources with all </li></ul></ul><ul><ul><li>Often oversold </li></ul></ul><ul><ul><li>If one site gets virus, all can be affected </li></ul></ul><ul><ul><li>If one site doesn’t play by the rules, all can be affected </li></ul></ul>
  21. 21. Type of Hosting <ul><li>Virtual Private Servers </li></ul><ul><ul><li>Independent </li></ul></ul><ul><ul><li>Your slice </li></ul></ul><ul><ul><li>One gets virus, you’re okay </li></ul></ul><ul><ul><li>If one max resources, you’re okay </li></ul></ul>
  22. 22. MediaTemple
  23. 23. Control Panel View Server Guide Manage DB
  24. 24. Server Guide Manage DB
  25. 25. Create Database
  26. 26. Manage DB Users Allow User Access Add a User
  27. 27. Installation <ul><li>Instructions at </li></ul><ul><ul><li> </li></ul></ul><ul><li>Download WordPress from </li></ul><ul><li>Unpack files on desktop </li></ul>
  28. 28. Download WordPress
  29. 29. Manual Installation <ul><li>Acess host using FTP software </li></ul><ul><ul><li>Fetch or Cyberduck for Mac </li></ul></ul><ul><ul><li>WS_FTP for Windows </li></ul></ul><ul><ul><li>Upload Files </li></ul></ul>
  30. 30. Upload Files Drag and Drop
  31. 31. Create Configuration File <ul><li>Click “Create a Configuration File </li></ul>
  32. 32. Add Database Information <ul><li>Click “Let’s Go </li></ul>
  33. 33. Add Database <ul><li>Enter database information </li></ul>
  34. 34. Change “wp_” prefix <ul><li>Hackers know “wp_” </li></ul><ul><li>Change to something like this: wp_x8UTv </li></ul><ul><li>Keep wp in front to keep datababase table names sequential </li></ul>
  35. 35. Installation <ul><li>Click “Run The Install” </li></ul>
  36. 36. Change “admin” <ul><li>Hackers know “admin” as the default WP user name. </li></ul><ul><li>Make complex </li></ul><ul><li>Example: C2piTAL45 </li></ul>
  37. 37. Create a Strong Password Add a User <ul><li>Use Upper, Lower Case Letters, Numbers, and symbols. </li></ul><ul><li>Make “STRONG” </li></ul>
  38. 38. Installed!
  39. 39.
  40. 40. Login <ul><li> </li></ul>
  41. 41. Login <ul><li> </li></ul>
  42. 42. Max Upload <ul><li>Web hosting providers preset max upload limits </li></ul><ul><ul><li>Some as low as 2 MB </li></ul></ul><ul><li>Learn how to change these limits via: </li></ul><ul><ul><li>the command line (/etc/php5/php.ini </li></ul></ul><ul><ul><li>php.ini file in root or wp-admin </li></ul></ul>
  43. 43. Memory Limit <ul><li>Web hosting providers preset php memory limit </li></ul><ul><li>Can be set in wp-config </li></ul><ul><li>WP needs 32 MB, but sometimes plugins plus Wordpress require more. </li></ul><ul><li>Test at 64 and then 96 </li></ul><ul><li>Some hosts prevent override of memory_limit </li></ul>
  44. 44. PHP Memory
  45. 45. php.ini
  46. 46. php5
  47. 47. Intermediate WordPress <ul><li>Themes, Plugins, Social, SEO & More </li></ul><ul><li>Tony Zeoli - Lead Developer </li></ul><ul><li>Reese Felts Digital Newsroom </li></ul><ul><li> | </li></ul><ul><li>@tonyzeoli </li></ul>
  48. 48. Overview <ul><li>Capabilities </li></ul><ul><ul><li>Native - </li></ul></ul><ul><ul><ul><li>WordPress Media Library </li></ul></ul></ul><ul><ul><li>Plug-ins - </li></ul></ul><ul><ul><ul><li>Video players, audio players, and image galleries </li></ul></ul></ul>
  49. 49. Native <ul><li>Upload </li></ul><ul><ul><li>JPG, GIF, PNG </li></ul></ul><ul><ul><li>PDF </li></ul></ul><ul><ul><li>Audio </li></ul></ul><ul><ul><li>Video </li></ul></ul><ul><li>Create and embed links </li></ul>
  50. 50. Types <ul><li>Single Image </li></ul><ul><li>Galleries </li></ul><ul><li>Image Rotators </li></ul><ul><li>Slide Shows </li></ul><ul><li>Page Flip </li></ul>
  51. 51. WP Media Library
  52. 52. Edit Media
  53. 53. Edit Media Editing Tools Scale Thumbs Meta & URL
  54. 54. Upload / Insert Add media IMG PDF Audio Video
  55. 55. Uploader Select Files Computer URL Gallery Media Library NextGen
  56. 56. Select One/More Flash Uploads Multiple Files
  57. 57. Flash Uploader
  58. 58. Insert in Post
  59. 59. Insert in Post
  60. 60. Display Gallery in Post
  61. 61. Make Changes
  62. 62. Settings Options Size, Class, Styles, Properties Alignment, Title, Caption, Link
  63. 63. Gallery Plug-In <ul><li>NextGen Gallery </li></ul><ul><ul><li>Most Popular </li></ul></ul><ul><ul><li>Albums, Galleries, Single Image </li></ul></ul><ul><ul><li>Slideshows </li></ul></ul><ul><ul><li>Widgets </li></ul></ul><ul><ul><li>Related Plugins </li></ul></ul>
  64. 64. NextGen Upload
  65. 65. Manage Galleries
  66. 66. Manage & SEO
  67. 67. Insert Gallery short code: [nggallery id=1]
  68. 68. NG SlideShow
  69. 69. NextGen Album Panel
  70. 70. NextGen Album View
  71. 71. NextGen Album List
  72. 72. Photo EFX <ul><li>Lightbox2 </li></ul><ul><ul><li> </li></ul></ul><ul><li>Highslide </li></ul><ul><ul><li> / </li></ul></ul><ul><li>Thickbox </li></ul><ul><ul><li> </li></ul></ul><ul><li>Shutterbox </li></ul><ul><li>Shutter </li></ul>
  73. 73. EFX Examples
  74. 74. More Photo EFX <ul><li>MonoSlideShow : </li></ul><ul><ul><li> </li></ul></ul><ul><li>Next Gen Image Flow </li></ul><ul><ul><li> </li></ul></ul>
  75. 75. <ul><li>NextGen Flash Viewer </li></ul><ul><ul><li>Simple Viewer </li></ul></ul><ul><ul><li>TiltViewer </li></ul></ul><ul><ul><li>AutoViewer </li></ul></ul><ul><ul><li>Postcard Viewer </li></ul></ul><ul><li>Plugin </li></ul><ul><ul><li>CPanel added to NextGen Admin </li></ul></ul><ul><ul><li>Must add files to “Upload” folder and set player location in c-panel. </li></ul></ul>Airtight Interactive
  76. 76. Flip Books <ul><li>Flipping Book </li></ul>
  77. 77. Sell Photos
  78. 78. Photocrati
  79. 79. <ul><li>PhotoGraphic </li></ul><ul><li>Through the Lens </li></ul><ul><li>Revolution </li></ul> <ul><li>AutoFocus </li></ul>
  80. 80. Snipi <ul><li>Clip Photos from the Web </li></ul><ul><li>Wordpress Plug-In </li></ul><ul><li>Add direct to your Wordpress Media Library </li></ul>
  81. 81. Flash vs HTML 5 <ul><li>Let’s get this out of the way now. </li></ul><ul><li>Issue: </li></ul><ul><ul><li>FLV will not play on the iPhone/iPad </li></ul></ul><ul><li>Resolution: </li></ul><ul><ul><li>Degradable HTML5 Audio & Video Plug-in </li></ul></ul><ul><ul><li> </li></ul></ul>
  82. 82. Content Types <ul><li>Video: </li></ul><ul><ul><li>flv (flash) </li></ul></ul><ul><ul><li>.m4v & .mp4(H.264) </li></ul></ul><ul><ul><li>.mov & ogg/ogv </li></ul></ul><ul><li>Audio: </li></ul><ul><ul><li>.mp3. .m4a & oga </li></ul></ul><ul><li>Photo: .jpg, .png, gig </li></ul>
  83. 83. Video <ul><li>Plug-In or Development Options </li></ul><ul><ul><li>Brightcove </li></ul></ul><ul><ul><ul><li>Express $99, tiered to $499 </li></ul></ul></ul><ul><ul><li>Kaltura (API) </li></ul></ul><ul><ul><ul><li>Freemium (Free for up to 10GB free, paid thereafter) </li></ul></ul></ul><ul><ul><ul><li>Wordpress Plugin </li></ul></ul></ul><ul><ul><li>WordTube with JW Player (HTML5) or Flow Player </li></ul></ul><ul><ul><li>Vipers Video Quicktags, Wordpress Video Plugin </li></ul></ul><ul><ul><li>Degradable HTML5 Audio & Video Plug-in </li></ul></ul>
  84. 84. Brightcove
  85. 85. Upload
  86. 86. Publish Player
  87. 87. Manage <ul><li>Videos </li></ul><ul><li>Players </li></ul>
  88. 88. Kaltura Content
  89. 89. Select Video Player
  90. 90. Manage Players <ul><li>Template </li></ul><ul><li>Features </li></ul><ul><li>Style </li></ul>
  91. 91. Rockin WP Video Pack <ul><li> Upload, record from webcam and import all rich-media directly to your blog post; </li></ul><ul><li> Edit and remix videos using Kaltura's online full-featured video editor; </li></ul><ul><li>Easily import all rich media (video, audio, pictures...) from other sites and social networks, such as Flickr, CCMixter, Jamendo, New York Public Library, any URL on the web etc.; </li></ul><ul><li> Allow readers and subscribers to add video and audio comments, and to participate in collaborative videos; </li></ul><ul><li> Manage and track interactive videos through the management console; </li></ul><ul><li> Enable video advertising </li></ul><ul><li> Sidebar widget displaying thumbnails of recent videos and video comments </li></ul><ul><li> Complete administrative capabilities. You decide who can add and edit each video; </li></ul><ul><li> Supports more than 150 video, audio and image file formats and codecs </li></ul><ul><li> Choose your preferred video player style for each player you embed </li></ul><ul><li> Custom sizing of the video player </li></ul><ul><li> Update thumbnail of video by selecting frame from video </li></ul><ul><li> Advanced sharing options for videos </li></ul><ul><li> Sidebar widget showing all recent videos posted and video comments. </li></ul><ul><li> Easy installation that takes just 4 steps and a few minutes. </li></ul>
  92. 92. WordTube <ul><li>Open Source </li></ul><ul><li>Plug-in </li></ul><ul><li>JW Player (HTML5) </li></ul><ul><li>Free </li></ul><ul><li>Stream from Server </li></ul>
  93. 93. Example: NMoH <ul><li>Display videos as a list </li></ul><ul><li>You can display your files and YouTube tracks in the same player. </li></ul>
  94. 94. Stats
  95. 95. Admin Panel
  96. 96. Edit Media File Add to Play List
  97. 97. Vipers Video QuickTags <ul><li>Simple embeds </li></ul><ul><li>Conflicts with Degradable HTML5 Player </li></ul><ul><li>Works With: </li></ul><ul><li>Y ouTube (including playlists) </li></ul><ul><li>Google V ideo </li></ul><ul><li>DailyMo tion </li></ul><ul><li>Vimeo </li></ul><ul><li>Ve oh </li></ul><ul><li>Viddler </li></ul><ul><li>Metacafe </li></ul><ul><li>Bli </li></ul><ul><li>Flickr vid eos </li></ul><ul><li>S m/IFILM </li></ul><ul><li>MySpaceT V </li></ul>
  98. 98. Audio <ul><li>Yahoo Media Player </li></ul><ul><ul><li> </li></ul></ul><ul><li>SoundCloud </li></ul><ul><ul><li>VisualSound: </li></ul></ul><ul><ul><li>Uses Short Codes </li></ul></ul><ul><li>Podcasting or PodPress plug-ins </li></ul><ul><ul><li>Track with Feedburner </li></ul></ul><ul><ul><li>List with iTunes </li></ul></ul>
  99. 99. Jquery Players
  100. 100. Yahoo Media Player
  101. 101. Visual Sound <ul><li>Wordpress plugin </li></ul><ul><li>Embed SoundCloud Players </li></ul><ul><li>Multiple options using [short codes] </li></ul>
  102. 102. Netmix Podcast
  103. 103. Feedburner
  104. 104. Netmix on iTunes
  105. 105. WP-Geo
  106. 106. WP-Geo
  107. 107. WP-Geo
  108. 108. SodaHead Polls
  109. 109. Create Poll
  110. 110. Add Poll
  111. 111. Contact <ul><li>Tony Zeoli, Lead Developer </li></ul><ul><li>Reese Felts Digital News Project </li></ul><ul><li>University of North Carolina at Chapel Hill </li></ul><ul><li>[email_address] | @tonyzeoli </li></ul><ul><li>Founder, Digital Strategy Works | @dswks </li></ul><ul><li>Founder, | @djtonyz </li></ul>