• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

WordPress 3.0: Beyond the Blog

on

  • 7,158 views

Provides an introduction to WordPress, it's flavors, features, architecture, and benefits, and then a deeper look into the concept of themes, and a few WordPress 3.0 features....

Provides an introduction to WordPress, it's flavors, features, architecture, and benefits, and then a deeper look into the concept of themes, and a few WordPress 3.0 features.

Presented at New England UX conference on 11/06/2010, at Microsoft New England Research & Development Center in Cambridge, MA.

Statistics

Views

Total Views
7,158
Views on SlideShare
7,093
Embed Views
65

Actions

Likes
9
Downloads
0
Comments
0

6 Embeds 65

http://usmit.wordpress.com 26
http://steveyuen.org 16
http://int.blogtronix.com 12
http://blog.designcampboston.com 5
http://stevecyuen.wordpress.com 5
http://amersfoortmashup.componence.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />
  • <br />

WordPress 3.0: Beyond the Blog WordPress 3.0: Beyond the Blog Presentation Transcript

  • 1 WordPress 3.0: Beyond the Blog James Coletti Nov 6, 2010 - 1:30pm NE{UX}
  • 2 Today’s Discussion • What is WordPress and how it is used • Core features of WordPress • WordPress architecture • A Tour of WordPress • Themes: The Designer’s Dream ‣ Architecture of a theme ‣ “The Loop” & Additional Theme Functionality ‣ Child Themes • WordPress Multi-Site • Closing remarks & questions
  • 3 What is WordPress?
  • 3 What is WordPress? • Blogging software
  • 3 What is WordPress? • Blogging software • Content management system (CMS)
  • 3 What is WordPress? • Blogging software • Content management system (CMS) • Engine
  • 3 What is WordPress? • Blogging software • Content management system (CMS) • Engine ‣ Membership / Paid Content ‣ Discussion Forums ‣ E-commerce ‣ Wiki ‣ Job Boards ‣ Product Reviews ‣ Business Directories ‣ Social Network
  • 4 Flavors of WordPress
  • 4 Flavors of WordPress WordPress.org • Self-hosted (your own server) • Complete control (themes, plugins, etc.) • Open source and completely free
  • 4 Flavors of WordPress WordPress.org WordPress.com • Self-hosted (your own server) • Hosted by Automattic, no server needed • Complete control (themes, plugins, etc.) • Limited selection of themes & plugins • Open source and completely free • Basic sites are free, paid add-ons available
  • 4 Flavors of WordPress ✓ WordPress.org WordPress.com • Self-hosted (your own server) • Hosted by Automattic, no server needed • Complete control (themes, plugins, etc.) • Limited selection of themes & plugins • Open source and completely free • Basic sites are free, paid add-ons available
  • 5 What can you do with WordPress? 1
  • 5 What can you do with WordPress? 1
  • 6 What can you do with WordPress? 2
  • 7 What can you do with WordPress? 3
  • 8 What can you do with WordPress? 4
  • 9 What can you do with WordPress? 5
  • 10 Features of WordPress How does WordPress make my life/job easier?
  • 10 Features of WordPress How does WordPress make my life/job easier? • Control panel (web-based & mobile) • Users & profiles (authentication & roles) • Content types • Taxonomy (content organization) • Media management • Link management
  • 10 Features of WordPress How does WordPress make my life/job easier? • Control panel • Built-in SEO* (web-based & mobile) • Comments • Users & profiles (authentication & roles) • Themes & widgets • Content types • Plugins • Taxonomy (content organization) • Feeds • Media management • API • Link management
  • 11 Architecture of WordPress 1 WordPress
  • 11 Architecture of WordPress 1 • WordPress Core • Themes • Plugins • File Uploads WordPress
  • 11 Architecture of WordPress 1 • Posts & Pages • WordPress Core • Comments • Themes • Links • Plugins • Options/Settings • File Uploads • Taxonomy • Users WordPress
  • 11 Architecture of WordPress 1 • Posts & Pages • WordPress Core • Comments • Themes • Links • Plugins • Options/Settings • File Uploads • Taxonomy • Users WordPress Remember for backup!
  • 12 Architecture of WordPress 2 wordpress.zip
  • 12 Architecture of WordPress 2 wp-admin/ wp-links-opml.php wp-content/ wp-cron.php wp-includes/ wp-load.php wp-app.php wp-trackback.php readme.html wp-pass.php wp-signup.php license.txt xmlrpc.php wp-atom.php wp-login.php wp-commentsrss2.php wp-mail.php wp-rdf.php wordpress.zip wp-config-sample.php wp-rss.php wp-comments-post.php wp-rss2.php wp-settings.php index.php wp-feed.php wp-blog-header.php wp-activate.php wp-register.php
  • 13 Architecture of WordPress 3 wp-content/
  • 13 Architecture of WordPress 3 themes/ twentyten/ mytheme1/ plugins/ akismet/ wp_e-commerce/ uploads/ wp-content/ 2010/ 11/ photo1.jpg photo2.jpg
  • 14 Tour: Login
  • 14 Tour: Login You can customize these pages with plugins!
  • 15 Tour: Dashboard
  • 16 Tour: Post List
  • 17 Tour: Add/Edit Post
  • 18 Tour: Themes
  • 19 Tour: Widgets
  • 20 Tour: Menus
  • 21 Tour: Additional Functions Static pages (post vs. page; taxonomy & hierarchical) Custom content type(s) Plugin-specific menus User, role & profile management Import & export your data between sites
  • 22 Themes: The Designer’s Dream
  • 22 Themes: The Designer’s Dream • A theme is a skin for your website
  • 22 Themes: The Designer’s Dream • A theme is a skin for your website • Separation between the data layer and presentation layer
  • 22 Themes: The Designer’s Dream • A theme is a skin for your website • Separation between the data layer and presentation layer • Front-end: HTML, CSS, JavaScript, images, and some PHP
  • 22 Themes: The Designer’s Dream • A theme is a skin for your website • Separation between the data layer and presentation layer • Front-end: HTML, CSS, JavaScript, images, and some PHP • Themes can also add functionality to WordPress
  • 22 Themes: The Designer’s Dream • A theme is a skin for your website • Separation between the data layer and presentation layer • Front-end: HTML, CSS, JavaScript, images, and some PHP • Themes can also add functionality to WordPress ‣ Custom content types (a “Cake” for a bakery website)
  • 22 Themes: The Designer’s Dream • A theme is a skin for your website • Separation between the data layer and presentation layer • Front-end: HTML, CSS, JavaScript, images, and some PHP • Themes can also add functionality to WordPress ‣ Custom content types (a “Cake” for a bakery website) ‣ Custom taxonomies (flavors & occasions)
  • 22 Themes: The Designer’s Dream • A theme is a skin for your website • Separation between the data layer and presentation layer • Front-end: HTML, CSS, JavaScript, images, and some PHP • Themes can also add functionality to WordPress ‣ Custom content types (a “Cake” for a bakery website) ‣ Custom taxonomies (flavors & occasions) ‣ Custom widgets (search box)
  • 23 Barebones WordPress Theme 1 wp-content/themes/mytheme style.css index.php /* <html> Theme Name: My Theme <body> Theme URI: http://mysite.org/mytheme <h1>Hello</h1> Description: Description of my theme. </body> Author: James </html> Version: 1.0 */ html { } body { } ...
  • 24 Barebones WordPress Theme 2
  • 24 Barebones WordPress Theme 2
  • 24 Barebones WordPress Theme 2
  • 25 Elements of a Theme Required Base Additional 404.php author.php author-[nickname].php header.php category.php footer.php sidebar-[name].php comments.php style.css category-[id].php sidebar.php index.php functions.php page.php home.php single.php page-[name].php archive.php taxonomy-[name].php screenshot.png ... These files override the default WordPress templates.
  • 26 “The Loop” • WordPress builds a query for “the loop” based on the requests it receives.
  • 26 “The Loop” • WordPress builds a query for “the loop” based on the requests it receives. ‣ Category: http://mysite.org/tech Find all published posts in the category “Tech” ordered most recent first.
  • 26 “The Loop” • WordPress builds a query for “the loop” based on the requests it receives. ‣ Category: http://mysite.org/tech Find all published posts in the category “Tech” ordered most recent first. ‣ Specific Post: http://mysite.org/2010/11/06/welcome-to-design-camp Find the specific published post with URL slug “welcome-to-design-camp”
  • 26 “The Loop” • WordPress builds a query for “the loop” based on the requests it receives. ‣ Category: http://mysite.org/tech Find all published posts in the category “Tech” ordered most recent first. ‣ Specific Post: http://mysite.org/2010/11/06/welcome-to-design-camp Find the specific published post with URL slug “welcome-to-design-camp” ‣ Home*: http://mysite.org Configure WordPress to show a series of posts, a static page, your home.php file, etc.
  • 27 Customize the Loop 1 category.php
  • 27 Customize the Loop 1 category.php <?php query_posts($query_string . '&posts_per_page=5&orderby=title&order=ASC') ?> // run through the loop <?php if ( have_posts() ): ?> <?php while ( have_posts() ): the_post(); ?> <h2><?php the_title(); ?></h2> <div class=”categories”>Posted in: <?php the_category(', '); ?></div> <div class=”content”> <?php the_content(); ?> </div> <?php endwhile; ?> <?php else: ?> No posts found! <?php endif; ?>
  • 28 Customize the Loop 2
  • 29 Multiple Loops category.php
  • 29 Multiple Loops category.php ... // first loop finished above // start a second loop... <?php $my_query = new WP_Query('category_name=special_cat&posts_per_page=3'); ?> <?php while ($my_query->have_posts()) : $my_query->the_post(); ?> <!-- show 3 posts from “special_cat” --> <?php endwhile; ?>
  • 30 Child Themes
  • 30 Child Themes • Inherit the functionality of a parent theme
  • 30 Child Themes • Inherit the functionality of a parent theme • Child Themes typically override:
  • 30 Child Themes • Inherit the functionality of a parent theme • Child Themes typically override: ‣ style.css (replaces, use @import to extend)
  • 30 Child Themes • Inherit the functionality of a parent theme • Child Themes typically override: ‣ style.css (replaces, use @import to extend) ‣ functions.php (extends, loaded before parent)
  • 30 Child Themes • Inherit the functionality of a parent theme • Child Themes typically override: ‣ style.css (replaces, use @import to extend) ‣ functions.php (extends, loaded before parent) ‣ Templates of the parent
  • 30 Child Themes • Inherit the functionality of a parent theme • Child Themes typically override: ‣ style.css (replaces, use @import to extend) ‣ functions.php (extends, loaded before parent) ‣ Templates of the parent • A good way to modify third party themes without hacking the original code
  • 30 Child Themes • Inherit the functionality of a parent theme • Child Themes typically override: ‣ style.css (replaces, use @import to extend) ‣ functions.php (extends, loaded before parent) ‣ Templates of the parent • A good way to modify third party themes without hacking the original code • Provide several “flavors” of a parent theme
  • 31 WordPress Multi-Site • Originally WordPress and WordPress Multi-User (MU) • Multi-Site functionality was merged into WordPress 3.0
  • 31 WordPress Multi-Site • Originally WordPress and WordPress Multi-User (MU) • Multi-Site functionality was merged into WordPress 3.0 • Operate a network of related WordPress sites from a single dashboard
  • 31 WordPress Multi-Site • Originally WordPress and WordPress Multi-User (MU) • Multi-Site functionality was merged into WordPress 3.0 • Operate a network of related WordPress sites from a single dashboard ‣ Subdomains: http://games.mysite.org, http://music.mysite.org, ...
  • 31 WordPress Multi-Site • Originally WordPress and WordPress Multi-User (MU) • Multi-Site functionality was merged into WordPress 3.0 • Operate a network of related WordPress sites from a single dashboard ‣ Subdomains: http://games.mysite.org, http://music.mysite.org, ... ‣ Subdirectories: http://mysite.org/james, http://mysite.org/kurt, ...
  • 31 WordPress Multi-Site • Originally WordPress and WordPress Multi-User (MU) • Multi-Site functionality was merged into WordPress 3.0 • Operate a network of related WordPress sites from a single dashboard ‣ Subdomains: http://games.mysite.org, http://music.mysite.org, ... ‣ Subdirectories: http://mysite.org/james, http://mysite.org/kurt, ... • Super admins can administer all websites, site admins administer a single website
  • 32 Additional Resources
  • 32 Additional Resources • WordPress Codex (Template Tags, loop query parameters, etc.)
  • 32 Additional Resources • WordPress Codex (Template Tags, loop query parameters, etc.) • WordPress-related blogs WPRecipes.com, WPTavern.com, ...
  • 32 Additional Resources • WordPress Codex (Template Tags, loop query parameters, etc.) • WordPress-related blogs WPRecipes.com, WPTavern.com, ... • WordPress video tutorials from the source: http://wordpress.tv
  • 32 Additional Resources • WordPress Codex (Template Tags, loop query parameters, etc.) • WordPress-related blogs WPRecipes.com, WPTavern.com, ... • WordPress video tutorials from the source: http://wordpress.tv • WordPress.org free theme & plugin directories - submit your work here!
  • 32 Additional Resources • WordPress Codex (Template Tags, loop query parameters, etc.) • WordPress-related blogs WPRecipes.com, WPTavern.com, ... • WordPress video tutorials from the source: http://wordpress.tv • WordPress.org free theme & plugin directories - submit your work here! • Commercial themes: custom admin panels & premium support WooThemes, ThemeForest, StudioPress, ElegantThemes, Press75
  • 32 Additional Resources • WordPress Codex (Template Tags, loop query parameters, etc.) • WordPress-related blogs WPRecipes.com, WPTavern.com, ... • WordPress video tutorials from the source: http://wordpress.tv • WordPress.org free theme & plugin directories - submit your work here! • Commercial themes: custom admin panels & premium support WooThemes, ThemeForest, StudioPress, ElegantThemes, Press75 • Theme frameworks: video tutorials and extensive documentation Thesis, Genesis, Hybrid, Headway
  • 33 Book: Digging into WordPress
  • 34 Boston WordPress Meetup • Monthly meetups at NERD, last Monday of every month • 675+ members • 3rd largest WordPress Meetup in the U.S. • Support forums & job board • Past presentation slides & videos available online • Free pizza! • http://bostonwp.org
  • 35 Thank You Questions? James Coletti Twitter: @jamescoletti http://modalmachine.com