WIN WordPress Workshop


Published on

Published in: Technology, Business
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

WIN WordPress Workshop

  1. 1. WordPress 3.1.1<br />
  2. 2. is a hosted blogging service. Sites hosted at are located at URLs like “” and are largely used only for blogs. Overall, you have less control, can’t use any of the wide array of plug-in that makes the “real” WordPress great, and cannot deliver your own advertising.<br /> (the real WordPress) This “real” WordPress to which is dedicated, is where you download the latest version files, which you then upload to your website. (For most web hosting plans, this is also a one click process through your control panel – GoDaddy, Bluehost, etc).  You (and us as a designer) have absolute and total control of your site, for use on your own servers, with no usage restrictions at all.<br />WordPress 3.1.1<br />
  3. 3. WordPress 3.1.1<br />
  4. 4. The core software is built by hundreds of community volunteers, with thousands of plugins and themes available to transform your site into almost anything you can imagine. <br />Used by sites like:<br />WordPress 3.1.1<br /><br />
  5. 5. Installation and Setup<br />
  6. 6. Installation and Setup<br />
  7. 7. Installation and Setup<br />Web Server<br />SQL<br />Install/access a FTP program:<br />FileZilla<br /><br />(other, Fetch or Transmit for Mac / WS_FTP or AutoFTP for PC)<br />Create MySQL Database<br />(log into your hosting, access your control panel to create a database)<br />
  8. 8. Download and unzip the WordPress package, if you haven't already. <br />Create a database for WordPress on your web server, as well as a MySQL user who has all privileges for accessing and modifying it. <br />Rename the wp-config-sample.php file to wp-config.php. <br />Open wp-config.php in a text editor and fill in your database details as explained in Editing wp-config.php to generate and use your secret key password. <br />Place the WordPress files in the desired location on your web server: <br />Run the WordPress installation script by accessing wp-admin/install.php in a web browser. <br />If you installed WordPress in the root directory, you should visit:<br />If you installed WordPress in its own subdirectory called blog, for example, you should visit:<br />That's it! WordPress should now be installed. <br />Installation and Setup<br />
  9. 9. The Dashboard<br />
  10. 10. Logging in:<br />The Dashboard<br />
  11. 11. WordPress 3.1.1<br />If you have used a blog, then you are already familiar with this. In WordPress 3.1, an administration bar will be added to connect the back end to the front end of your blog. This feature will be most useful for people on multisite installs, but it will be useful for single-site users also because it provides 1-click access to dashboard, new post form, etc.<br />
  12. 12. WordPress 3.1.1<br />Because WordPress is used by audience of all types (beginners, intermediates, advanced, etc.), the UI team has decided to make the write panels a lot cleaner by removing a lot of confusing fields by default such as the WordPress Custom Fields area, and others. But you can get those fields by customizing your WordPress dashboard via the Screen tab.<br />
  13. 13. POSTS<br />
  14. 14. The Visual Editor<br />Short Link/Permalink<br />Publish Date<br />Custom Post Formats (vary with theme installed) <br />Standard – A regular blog post (no format) <br />Aside – Small blurbs, random thoughts, etc. <br />Chat – Dialogue from instant messaging and chat<br />Gallery – Groups of images or other media files <br />Image – Any image <br />Link – Cool links to awesome resources <br />Quote – Any quote <br />Status – Updates to 3rd-party services, like Twitter <br />Video – Any video, screencast, slideshow, etc. <br />Audio – Any audio clip, song, or podcast<br />POSTS<br />
  15. 15. Only one category per post (for SEO purposes)<br />Multiple tags<br />Both very similar:<br /><br /><br />Change permalink structure if title is too long<br />Utilize the excerpt filed (depends on theme)<br />Use display options to edit various elements of the post<br />Template pages/posts<br />POSTS<br />
  16. 16. WordPress 3.1.1<br />Internal linking is great for WordPress SEO. Previously, if a blogger wanted to add links to their previous articles, they had to open a new tab in their browser, find the url, and then add it. Well, in WordPress 3.1, the core team has provided an internal linking system that allows you to search through your database for the right post and link to it. To use this feature, you must use the Visual Post Editor, and try to make a hyperlink. There is a new option added that you can see in the screenshot above.<br />
  17. 17. POSTS<br />Previously, sorting through WordPress posts pagination was a pain. Now, you can simply enter the number of the page you want to go to. Also, columns are now sortable. As you can see there is an arrow right by the title.<br />
  19. 19. Typical comment is the form on the bottom of a post/page, user enters email, name and comment. That’s just called a “comment,” and it will show up along with any other comments in your site’s comment area. <br />They publish a post on their site that includes a link to your article so their readers can go there and read about bacon. In this scenario, WordPress would detect that incoming link from the Food Network and reciprocate by automatically posting a link back to the Food Network site. This return link usually displays the title of the linking post as its anchor text. <br />The main difference is that an actual link is not required for trackbacks. If they create a trackback to your post (via the Post Edit screen in the WordPress Admin), <br />Comments, Trackbacks and Pingbacks<br />
  20. 20. In the Admin area, go to “Settings > Discussion” and uncheck the option for “Allow link notifications from other Weblogs.” This will disable pingbacks and trackbacks on your site for all posts going forward. This global setting may be overridden on a post-by-post basis by checking “Allow Pings” on the Post Write/ Edit page. <br />How to Disable<br />
  21. 21. Default Article Settings - If you don’t need comments on your site, disable them. Completely disabling comments is a sure-fire, bulletproof way to eliminate all comment spam. <br />Users must be registered and logged in to comment - One way to allow comments but eliminate 90% (or more) of spam is to require the user to be registered and logged-in to your site before commenting. <br />Before a comment appears - An administrator must always approve the comment. If you have the time, this is another good way to ensure that no spam comments appear on your site. <br />Before a comment appears - Comment author must fill out name and e-mail. This may not do much for fighting spam, but it will discourage some of the lazier folks from commenting. <br />Before a comment appears - Comment author must have a previously approved comment. This is an effective way to prevent spam, although it does require some time on busier sites. <br />Comments Spam<br />
  22. 22. Auto-close Comments - Spammers often target older posts. Auto-closing comments on old posts helps reduce overall spam. <br />Hold a comment in the queue if it contains “x” or more links - As it says, this is a great way to screen any comments that have too many links. How many is up to you. <br />Comment Moderation Blacklist - This is a regular-expression blacklist of terms that will kick suspect comments into the moderation queue. Load this puppy up with all your favorite spam words – cialis, xanax, vicodin, viagra, etc. – and gain more control over your site’s comments. <br />Comment Spam Blacklist - Similar to the Moderation Blacklist, the Spam Blacklist features a list of regular expressions that will throw the comment into the spam bin. Be careful of the words that you include in this list, because anything that matches is essentially discarded. <br />Comments Spam cont.<br />
  23. 23. WIDGETS, AKA The Sidebar<br />
  24. 24. Number of sidebars can vary depending on the theme (specified in the theme’s functions.php file)<br />Some themes come with custom widgets<br />Some themes can specify in their theme options for a left, right or no-sidebar for pages and posts<br />WIDGETS / The Sidebar<br />
  25. 25. Search<br />Custom Text<br />Links (Blogroll)<br />Subscribe<br />Categories<br />Archives<br />Different sidebars for different pages? Widget Context<br />WIDGETS / The Sidebar<br />
  26. 26. USERS<br />
  27. 27. Administrators - Full access and privileges to everything. <br />Editors - Editors may publish and edit posts and manage the posts of others. <br />Authors - Authors may publish and edit their own posts, but not the posts of others. <br />Contributors - Contributors may write and manage their posts, but not publish them. <br />Subscribers - Subscribers are visitors who have registered with your site. Their privileges are no different than those of the common visitor, but subscribers have shown extra interest in your site by providing their information while registering for your site. <br />Users<br />
  28. 28. Change your display name<br />Customize password to something you can remember<br />Add your Gravatar<br />Users<br />
  29. 29. PLUGINS<br />
  30. 30. widgets - 2,087 plugins<br />posts - 2,586 plugins<br />administration (admin) - 1,090 plugins<br />sidebar - 1,059 plugins<br />comments - 806 plugins<br />images - 723 plugins<br />links - 613 plugins<br />As you set off to load up on plugins, keep in mind that around 99% of WordPressplugins are created by independent, third-party developers and are not always tested or optimized for maximum performance. Many are knock-offs, spin-offs, or just not needed because they provide functionality that is easily achieved by simpler methods. <br />Plugins<br />
  31. 31. Plugins make the site and can do just about anything<br />Much of what a designer/coder “hard codes” into a site, can simple be accomplished with the right plugin<br />Plugins can conflict, so always note if you install a plugin and something stops working. Un-install that plugin, delete the files and search for a new alternative. INSTALL ONE AT A TIME<br />(use ftp to delete plugin if locked out of admin)<br />Often people use 3 pluginsfo something simple accomplished with 1, i.e. Facebook Like, TweetMeme and Share This – all come together in Add This.<br />Keep your plugins up-to-date<br />Plugins<br />
  32. 32. WordPress Extend Plugins<br />Plugins<br />
  33. 33. Top Plugins for:<br />
  34. 34. All in One SEO Pack<br />Google XML Sitemaps<br />W3 Total Cache (site optimizing)<br />Robots Meta<br />Search Engine Optimization<br />
  35. 35. Add This<br />Twitter Tools<br />Wordbooker<br />Social Networking<br />
  36. 36. MailChimp, MailChimp Archives, MailChimp Posting<br />Subscribe2<br />Newsletter and Subscriptions<br />
  37. 37. PodPress<br />Podcasting<br />
  38. 38. WP-Ecommerce<br />E-commerce<br />
  39. 39. S2 Member<br />Event Espresso<br />BuddyPress<br />Membership & Event Sites<br />
  40. 40. Google Analytics Dashboard <br />Analytics360 <br />Google Analytics & Stats<br />
  41. 41. Simple:Press Forum<br />Gravity Forms<br />Disqus Comments Forum<br />Forum, Discussions & Forms<br />
  42. 42. WP Touch for iPad and iPhone<br />Widget Context<br />TubePress<br />Maintenance Mode<br /><br />Other Amazing Plugins<br />
  43. 43. Press 75: YouTube like Video Gallery <br /><br />Woo Themes: Amazon like Book Club<br /><br />Themeforest<br />WooThemes<br />iThemes<br />PageLines<br />Template Monster<br />Different themes can also change the purpose and function of a WordPress site:<br />
  44. 44. MEDIA<br />
  45. 45. WordPress’ Media Library now features basic image editing. This is a real time-saver for users who need to make simple changes such as rotation, scaling, flipping, and cropping. To facilitate the editing process, the Media Library also includes “undo” and “redo” functionality, aspect-ratio adjustments, pixel-coordinate information, and optional bulk editing of all thumbnails. <br />How to use: <br />1. Go to the Media Library and click on “Add New” at the top of the screen <br />2. In the Upload New Media screen, select and upload your image <br />3. Next to the thumbnail of your image, click the “Edit image” button <br />4. Use the tools in the Image Editor to fix up your image<br />Image Editor <br />
  46. 46. Simple paste youtubeurl in post to embed<br /><br />Go to Media submenu in Settings to configure<br />Supports:<br />• YouTube <br />• Vimeo<br />• DailyMotion<br />•<br />• Viddler<br />• Hulu<br />• Qik<br />• Revision3 <br />• Scribd<br />• Photobucket<br />• PollDaddy<br />• Google Video <br />• Flickr (both videos and images) <br />• (currently works for only VideoPress-type videos) <br />YouTube video<br />
  47. 47. Themes<br />Choosing a Theme<br />
  48. 48. Navigation<br />Do categories need to be prominently displayed? Are pages more important? Do you need a dropdown menu system? Is there room for you to build your own navigation if needed? Does it support the WordPress 3.0 menu system? <br />Theme Options<br />Some themes come equipped with theme options, literally an extra area of settings in the Admin area for customizing the theme. These options can range from simple, like altering colors, to complex, like integrating social media into your theme. <br />Widget Ready<br />A widget-ready section in your theme enables you to quickly and easily customize its appearance and functionality. A commonly seen widget-ready area is the theme’s sidebar. In a widget-enabled theme, there is a special place in the Admin area where you can configure widgets without messing with any code. For example, you can drop in a mini-calendar, a chat feature, or some administrative links. <br />Source Files<br />Choosing a Theme<br />
  49. 49. Themes<br />Editing a Theme<br />
  50. 50. Header image/ Logo<br />Colors with CSS<br />Editing a Theme<br />
  51. 51. Style.css known as a style-sheet, tells the web browser colors, positions, font sizes, padding, etc.<br />Browsers see style-sheet code differently<br />Editing a Theme<br />
  52. 52. The Feed<br />
  53. 53. As you publish your blog posts, WordPress generates a variety of feed formats that contain the latest posts for your site. <br />For typical blogs, most visitors don’t bother with anything less than a site’s full, main-content feed and maybe the complete, all-comments feed. People grab these two main feeds to stay current with just about everything happening at your site. They add your feeds to their feed-reader of choice, and then enjoy all of your site’s feed-delivered content at their convenience. <br />http://domain.tld/feed/ <br />http://domain.tld/comments/feed/ <br />Podcasts are feeds, iTunes looks at your feed to list<br />The Feed<br />
  54. 54. Under Settings – Reading you can specify a partial or full feed<br />Partial prevents your content from being stolen and abused<br />Also, you may receive less visitors by offering a full feed<br />http://domain.tld/feed/ - RSS 2.0 format <br />http://domain.tld/feed/rss2/ - RSS 2.0 format <br />http://domain.tld/feed/rss/ - RSS 0.92 format <br />http://domain.tld/feed/rdf/ - RDF/RSS 1.0 format <br />The Feed<br />
  55. 55. There are many ways to track your feed statistics. Perhaps the most popular feed-tracking method is the free feed-delivery service provided by FeedBurner<br />Millions of site owners and bloggers redirect their feeds to FeedBurner, which in turn delivers the feeds to subscribers while gathering statistics on visits, click-throughs, and much more.<br />How to setup feedburner:<br />Register with your Google account<br />Enter the URL of the feed that you would like to burn <br />Pick a FeedBurner feed URL for each of your feeds <br />Redirect your original feed URL to its corresponding FeedBurner counterpart (FeedSmith or FD Feedburnerplugin)<br />The Feed: Feedburner<br />
  56. 56. You can also aggregate feeds onto your website with various plugins and share feeds on your website as well<br />The Feed<br />
  57. 57. Site Security<br />
  58. 58. Remove the wp-admin/install.php file<br />Make sure files set to 644, folder set to 755<br />Paste this info in wp-config.php<br />Site Security <br />
  59. 59. Social Media Tips and Tricks<br />
  60. 60. Feed your twitter account, or other twitter accounts in your sidebar<br />Have links to your social media accounts, facebook, twitter, linkedin<br />Facebook Like, Tweet This, Share This<br />Embed YouTube on your site<br />Keep content fresh<br />Google +1 button (coming soon)<br />Target audience and how you will use them<br />Social Media Tips and Tricks<br />
  61. 61. Authority is calculated based on a site’s linking behavior, categorization and other associated data over a short, finite period of time. A site’s authority may rapidly rise and fall depending on what the blogosphere is discussing at the moment, and how often a site produces content being referenced by other sites.Read more:<br />Topical Authority measures a blog’s influence within its subject category.<br />Technorati<br />
  62. 62. SEO Tips and Tricks<br />
  63. 63. Headings<br />Permalinks<br />Sitemap<br />SEO Keywords, Descriptions <br />Links and Images: “alt”, “title”, “desc”<br />Research on Technorati other blogs<br />SEO Tips and Tricks<br />
  64. 64. Technorati - is a free blog networking service that enables users to favorite your blog and share it with other people in their network. In providing this service, Technorati provides very general, broad statistics concerning your blog’s reach and influence. After registering and “claiming” (verifying) your blog, Technorati begins to measure its success according to the Technorati ranking system, which most likely includes factors related to how people share and favorite your content. <br />Alexa - company, Alexa uses its user-installed toolbar to gather statistical data on various metrics of internet-browsing behavior. Statistical data is collected from Alexa toolbars and transmitted back to the Alexa website. This data is then stored, analyzed, and reported at the company’s website. The amount of statistical data that Alexa provides is impressive, but there is concern over the bias of its opt-in, self-collecting method of gathering data. <br />FeedBurner - discussed earlier, FeedBurner is a feed delivery service that measures many different statistical aspects of your feeds. While there are currently several viable alternatives for monitoring your feed statistics, FeedBurner continues to provide quality statistical data to millions of users around the Web. The service is free, requiring only account registration and proper configuration. <br />Metrics<br />