WordPress A CMS for Beginners, Geeks and Those In-Between


Published on

Slides used in presentation to the Cleveland Digital Publishing User Group at their August 30th 2012 meeting. The presentation was designed to give a broad overview of WordPress to users of varying skill levels including coders and non-coders alike.

  • Be the first to comment

  • Be the first to like this

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

No notes for slide

WordPress A CMS for Beginners, Geeks and Those In-Between

  1. 1. WordPressA CMS for Beginners, Geeks and Those In-Between Heidi A. Cool August 30, 2012
  2. 2. A brief and incomplete tour.With just a week to tour Europe we’ll just focus on a few highlights.
  3. 3. Why WordPress?WordPress.org is a robust self-hosted content managementsystem (CMS) originally developed for blogging, but nowcapable of running many types of Web sites. Using WordPressin place of a regular (X)HTML site makes it easier to maintaindesign consistency, include recurring elements in pages,produce RSS feeds, organize and archive, support searchengine optimization, and much more. • Self-hosted & hosted options • Open Source • Supports W3C Web Standards • Relatively simple learning curve for developers & clients • WordPress sites dont need to look like blogs If you can make it in HTML you can make it WordPress.
  4. 4. Which WordPress? WordPress.com WordPress.org WordPress Lite WordPress on Steroids Hosted on WordPress.com Self-Hosted on your Web Hosting Account Free w/Fees for Extra Features Free - (Paid Themes and Plug-ins available) Easy to Set-Up Easy to Set-Up Basic Site Limited Customization Virtually Unlimited Customization Good for beginning bloggers and very Good for blogging and developing sites of small/simple business sites. varying sizes and complexities.Either will get you from A to B, but WordPress.org offers more raw power.
  5. 5. Installation WordPress.com WordPress.org• Sign-up • Purchase Web Hosting from a provider• Choose a theme. that supports WordPress.org.• Start typing. • Install WordPress in a subdirectory using “easy install” options. • Choose a theme, or develop one yourself. • Add Plug-Ins • Start Typing.
  6. 6. WordPress Dashboard (.org)WordPress.com WordPress.org Upgrading to a self-hosted site? No worries, you’ll recognize the interface.
  7. 7. Dashboard Options• Edit Blog Posts• Upload Images & media• Edit static pages• Monitor comments• Add functionality• Add users• Control Settings
  8. 8. Choosing Themes
  9. 9. Choosing ThemesFree, Commercial & Specialty, Frameworks
  10. 10. Choosing Themes FreeTwenty-Eleven Default Theme Twenty-Eleven with Minor Modifications to Theme Options and Template Files
  11. 11. Choosing ThemesCommercial & Specialty
  12. 12. Choosing Themes Frameworks
  13. 13. Choosing Themes Custom Themes
  14. 14. Site Home vs. Blog Home
  15. 15. Static Pages
  16. 16. Pages are hierarchical. Parent Page Child Page
  17. 17. Blog Posts
  18. 18. Posts are arranged by date and topic.
  19. 19. Browse chronologically or alphabetically.
  20. 20. Use Categories, Tags and Custom Taxonomies CategoriesBroad topics, akin to sections of a grocery store such as meat, produce and baked goods. Tags Narrow topics, akin to items in the store. Custom Taxonomies You decide how they should be used.
  21. 21. Custom Post TypesCustom Post Type: PortfolioTaxonomies: Portfolio Type, Location, Architects & Developers Custom Post Type: Food Taxonomies: Menus, Food Groups, Course, Meal Type, Special Diets
  22. 22. Custom Post TypesPost Type: Foods Taxonomies
  23. 23. MediaImages can be inserted or attached. Inserted images appear on posts and pages. Images that are only attached won’t always appear on the page, but may be used elsewhere.
  24. 24. Featured ImagesFeatured images may be used elsewhere.
  25. 25. Custom Fields <div class="foodinfo"> ! ! <?php the_content(); ?> <h6><?php the_field(price); ?> - <?php the_field(price_type); ?> </h6> <div class="mealtype"><?php echo get_the_term_list($post->ID, mealtype, <span>Meal Type:</span><em> ,, ,</em>); ?> </div> <div class="course"><?php echo get_the_term_list($post->ID, course, <span>Course:</span><em> ,, ,</em>); ?> </div> <div class="specialdiet"><?php echo get_the_term_list($post->ID, specialdiets, <span>Special Diets:</span><em> ,, ,</ em>); ?></div> <div class="food"><?php echo get_the_term_list($post->ID, foodgroups, <span>Food Group:</span><em> ,, ,</em>); ? ></div> <div class="menus"><?php echo get_the_term_list($post->ID, menus, <span>Featured on these menus:</span><em> ,, ,</em>); ?></div>
  26. 26. Useful Plug-ins Plug-ins add features and functionality• Calenders• Search Engine Optimization• Widgets• Mobile Layouts• Calculators• Database Back-Up• Podcasting• Social Media• Testimonials• Quotes• Audio• Video• Puzzles & Games...
  27. 27. Useful Plug-insTinyMCE Advanced let’s you control what users canformat. EEK! Non-semantic code, too many spans, and ugly orange type!!! <p><span style="text-decoration: underline;"><span style="color: #f35f0b;"><strong><span style="font-size: xx-large;">Giant Orange Underlined Headlines are Bad!</span></strong></ span></span></p> Remove Font Size and Text Color Text Buttons to prevent design abuse.
  28. 28. Custom Themes Template Hierarchyhttp://codex.wordpress.org/Template_Hierarchy
  29. 29. Custom ThemesCustom Page Template
  30. 30. Custom Themes WordPress Loop<div class="blogpostwrapper"><?php if (have_posts()) : ?><?php while (have_posts()) :the_post(); ?><div class="blogpost"><h3 class="entrytitle" id="post-<?php the_ID(); ?>"> <a href="<?phpthe_permalink() ?>"rel="bookmark"><?php the_title(); ?></a> </h3><?php the_content(); ?></div><?php endwhile; ?><?php else : ?><h6 class="center">Not Found</h6><p class="center">Sorry, but you arelooking for something that isnthere.</p><?php include (TEMPLATEPATH . "/searchform.php"); ?><?php endif; ?></div> http://www.coolwebdev.com/samplewordpress/the-wordpress-loop/
  31. 31. Custom Themes Queries
  32. 32. Custom ThemesWonderful little bits of PHP
  33. 33. We’ve just barely scratched the surface. http://codex.wordpress.org/ The WordPress Codex is your friend.
  34. 34. Don’t Forget Security Any of us can be hacked.• Choose a reliable hosting provider.• Use something other than "Admin" as your username.• Upgrade WordPress when upgrades are made available. These sometimes include security updates.• Back-up your database regularly. This way if your site is compromised you can get it back up and running more quickly.• Choose carefully when giving others Admin level access to the site.• Check your file permissions to make sure others dont have write access.• Store wp-config.php one level above your WordPress directory (when possible) and make sure it can only be read by you and your Web server.• Check .htaccess to make sure your directory listings arent browsable.• Read up on security tips.
  35. 35. Resourceshttp://www.coolwebdev.com/samplewordpress/ about/wordpress-links-resources/ Heidi A. Cool @hacool