Learning Wordpress - the internal guide

18
WordPress for fun and profit CBSS The Gazette Company

description

A guide we used to teach some internal team members WordPress.

Transcript of Learning Wordpress - the internal guide

Page 1: Learning Wordpress - the internal guide

WordPress for fun and profit

CBSSThe Gazette Company

Page 2: Learning Wordpress - the internal guide

BreakdownA little less than you ever wanted to know

WordPress OverviewPost & PagesPlugins

All-in-One SEO, EmbedIt, Gravity FormsWidgetsThemesPHP and WordPressHosting and AccessQuestions

Page 3: Learning Wordpress - the internal guide

WordPress Overviewhttp://en.wikipedia.org/wiki/WordPressWordPress is a very popular blog publishing application and content management system. It was first released in May 2003 by its co-founders Matt Mullenweg and Mike Little as a (considered the official) successor to b2\cafelog.

WordPress is a platform.• Posts• Pages• Categories• Tags• Users/Authors• More…

Page 4: Learning Wordpress - the internal guide

WordPress Posts & Pages• Add New• Edit Current• Title• Body• Images• Categories• Tags• Post Options (Sticky & Future)

• Quick Edit• Difference between each

Page 5: Learning Wordpress - the internal guide

WordPress Plugins• View Installed• Add New • Upgrade• Activate/Deactivate• Settings

• Common Plugins• EmbedIt• Gravity Forms• All-In-One SEO• WP-Spam Free

Page 6: Learning Wordpress - the internal guide

WordPress Widgets• What are they• How to add content• Available/Inactive

Page 7: Learning Wordpress - the internal guide

WordPress Themes• What are they• Why are they so cool• Anatomy of a WP Theme• How do I modify them

Page 8: Learning Wordpress - the internal guide

WordPress Theme Breakdown• style.css – The main stylesheet. This must be included with your theme.• index.php – The main template. If your theme provides its own templates, index.php must be present.

• comments.php – The comments template. If not present, wp-comments.php is used.• comments-popup.php – The popup comments template. If not present, wp-comments-popup.php is used.• single.php – The single post template. Used when a single post is queried. For this and all other query templates, index.php is used if the query template is not present.• page.php – The page template. Used when a page is queried.• category.php – The category template. Used when a category is queried.• author.php – The author template. Used when an author is queried.• date.php – The date/time template. Used when a date or time is queried. Year, month, day, hour, minute, second.• archive.php – The archive template. Used when a category, author, or date is queried. Note that this template

will be overridden by category.php, author.php, and date.php for their respective query types.• search.php – The search template. Used when a search is performed.• 404.php – The 404 Not Found template. Used when WordPress cannot find a post that matches the query.

Page 9: Learning Wordpress - the internal guide

WordPress Template Hierarchyhttp://codex.wordpress.org/Template_Hierarchy

Page 10: Learning Wordpress - the internal guide

WordPress Template Post & PagesHome Page display 1. home.php 2. index.php

Single Post display 1. single.php 2. index.php

Page display WordPress Pages: 1. pagetemplate.php - Where pagetemplate.php is the Page Template assigned to the Page. 2. page.php 3. index.php

Page 11: Learning Wordpress - the internal guide

WordPress Template Cats & TagsCategory display :: Category Templates: 1. category-id.php - If the category's ID were 6, WordPress would look for category-6.php 2. category.php 3. archive.php 4. index.php

Tag display :: Tag Templates: 1. tag-slug.php - If the tag's slug were “sometag”, WordPress would look for tag-sometag.php 2. tag.php 3. archive.php 4. index.php

Page 12: Learning Wordpress - the internal guide

WordPress Template Author & DateAuthor display :: Author Templates: 1. author.php 2. archive.php 3. index.php

Date display :: Archive (Date) Templates: 1. date.php 2. archive.php 3. index.php

Page 13: Learning Wordpress - the internal guide

WordPress Template ‘the others’Search Result display :: Creating a Search Page: 1. search.php 2. index.php

404 (Not Found) display :: Creating an Error 404 Page: 1. 404.php 2. index.php

Attachment display :: Attachment Templates: 1. image.php, video.php, audio.php, application.php or any other first part of the MIME type. 2. attachment.php 3. single.php 4. index.php

Page 14: Learning Wordpress - the internal guide

WordPress Theme ‘Storeage’• wp-content

Page 15: Learning Wordpress - the internal guide

WordPress & PHP• The code for WordPress is in PHP.• PHP looks a lot like c and Javascript.• PHP is a scripting language• PHP is procedural• PHP object-oriented “like”

Page 16: Learning Wordpress - the internal guide

WordPress & PHP<?php get_header() ?> <div id="container"> <div id="content“> <?php while ( have_posts() ) : the_post() ?> <div id="post-<?php the_ID() ?>”> <h2 class="entry-title"><a href="<?php the_permalink() ?>” rel="bookmark"><?php the_title() ?></a></h2> <div class="entry-content"> <?php the_content() ?> <?php wp_link_pages() ?> </div> </div><!-- .post --> <?php comments_template() ?> <?php endwhile; ?> </div><!-- #content --> </div><!-- #container --><?php get_sidebar() ?><?php get_footer() ?>

Page 17: Learning Wordpress - the internal guide

WordPress Hosting & Access• Hosting• All Gaz WordPress sites are hosted at Rackspace• Rackspace manages the day-to-day• Gaz manages the “software” part• MySQL database, hosted on the machine (as of now)

• Access• WordPress Admin• FTP/UltraEdit via FTP

Page 18: Learning Wordpress - the internal guide

WordPress LearningWordPress resources• http://codex.wordpress.org/Main_Page• http://wordpress.org• http://wordpress.tv• http://boren.nu/archives/2004/10/16/templates-and-the-is-functions/

HTML/CSS• http://www.webmonkey.com/• http://www.w3schools.com/ (very dry)• http://www.brainjar.com/css/positioning/• http://www.csszengarden.com/

PHP• http://php.net/