WordCamp Montréal 2012

A Beginner’s Guide
to WordPress
with Shannon Smith & Kathryn Presner




                                August 2012
Kathryn Presner

Automattic Happiness Engineer
Web Designer
@zoonini
Shannon Smith
Café Noir Design
www.cafenoirdesign.com
@cafenoirdesign
What We’ll Cover

Welcome
Intro to WordPress
Intro to the Admin Panel
Resources
Closing
Questions
Intro to WordPress
Diving into WordPress


   What is WordPress?
   WordPress.com vs.
   WordPress.org
   What is it used for?



http://en.support.wordpress.com/com-vs-org/
Blog




http://julienchung.com/blog/
CMS+Blog




http://www.boxofcrayons.biz/
CMS




http://mygirlfriend.ca/
CMS




http://www.thewittyoffice.com
Magazine
Photo Portfolio




http://www.silviaphotography.com/
Video Portfolio




http://www.presner.com
Audio Portfolio
Interactive
Some WordPress Basics
                                 Structure     Presentation


                    Markup
                    Language ➜
Database vs. files
PHP vs. HTML                          Dynamic Functions
                    Scripting
Do I need to know
                    Language ➜
PHP?
                                             Data

                    Database ➜
Posts vs. Pages



Page
Posts vs. Pages



Post
Posts vs. Pages



Posts
Introduction to Themes
      A WP Theme is a collection of Template files -
      (X)HTML + PHP + CSS
      The CSS (aka stylesheet) usually controls the
      layout and design
      Only two template files are required: index.php,
      style.css
      Some are optional: sidebar.php, comments.php,
      etc.


http://codex.wordpress.org/Stepping_Into_Templates
http://codex.wordpress.org/Template_Hierarchy
Beginners' Guide to WordPress
http://www.lonelythebook.com/emily-white-author/
Get Started With
Blank Themes
Starkers
http://starkerstheme.com/

DIW Blank Theme
http://themeclubhouse.digwp.com/

Whiteboard
http://whiteboardframework.com/

Roots
http://www.rootstheme.com/

HTML5 Boilerplate
https://github.com/iamamused/wp-theme-html5-boilerplate
Get Started With
A Pre-made Theme
WordPress.org Directory
http://wordpress.org/extend/themes/

WooThemes
http://www.woothemes.com/

elegantthemes
http://www.elegantthemes.com/

Press75
http://www.press75.com/

WPswitch
http://wpswitch.com/

Smashing Magazine - Free WordPress Themes: 2011 Edition
http://wp.smashingmagazine.com/2011/07/05/free-wordpress-themes-2011-edition/
Introduction to Plugins
       What is a plug-in?
       Where do you get plug-ins?




http://wordpress.org/extend/plugins/
Managing Plug-ins
Introduction to Widgets

   What is a
   widget?
   What is a
   widget-ready
   theme?




http://codex.wordpress.org/WordPress_Widgets
Intro to the Admin Panel
The Admin Panel



 Let’s go spelunking!
WordPress Resources
Official

wordpress.org (of course!)
The Codex
http://codex.wordpress.org/

Support Forum
http://wordpress.org/support

wordpress.tv
http://wordpress.tv/
Cheat Sheets

WordPress Template Tags Reference Guide
http://www.dbswebsite.com/design/wordpress-reference/V3/


Optimization Cheat Sheet for WordPress
http://codex.wordpress.org/WordPress_Optimization/Cheat_Sheet


Various 3.0-Ready Cheat Sheets
http://www.webanddesigners.com/11-extremely-helpful-wordpress-cheatsheets/


Remember: Cheat sheets need to be current
Theme Development Tools

Theme Test Drive Plugin
http://wordpress.org/extend/plugins/theme-test-drive/


Official Theme Development Checklist & Sample Data
http://codex.wordpress.org/Theme_Development_Checklist


Book: Digging Into WordPress
http://digwp.com/


Online and In-Person Classes
http://zoonini.wordpress.com/wordpress-resources-wcnyc/
WordPress Inspiration

We Love WP
http://welovewp.com/

WPInspiration
http://wpinspiration.com/

WP Float
http://wpfloat.com/

WP Showcase
http://wordpress.org/showcase/
Kathryn’s Recommended
Plugins
 WordPress SEO by      DirtySuds - Embed
 Yoast or All in One   YouTube
 SEO Pack
                       Bad Behavior
 FeedBurner
                       WordPress Database
 FeedSmith Extend
                       Backup
 Subscribe to
                       Secure WordPress
 Comments Reloaded
                       WordPress File
 Obfuscate Email
                       Monitor Plus
 Contact Form 7
Shannon's Recommended
Plugins
WP-DB-Backup          WP Super Cache
Contact Form 7        WP Minify
Jetpack               WP-smushit
php-enkoder           Limit Login Attempts or
                      Login Lockdown
WordPress SEO
Simple Image Widget
                      (feedburner, google
                      analytics, wufoo forms,
                      microformats)
Closing
What Next? Questions?
Get the presentation at Slideshare
  http://www.slideshare.net/zoonini

Find Us
  http://www.zoonini.com
  Twitter @zoonini


  http://www.cafenoirdesign.com
  Twitter @cafenoirdesign

More Related Content

KEY
WordPress for Girl Geeks 2009-11-24
KEY
A Beginner's Guide to Wordpress - WordCamp Montreal 2011
PDF
A Beginner's Guide to WordPress - WordCamp New York City 2012
KEY
A Beginner's Guide to WordPress - WordCamp Montreal 2012
KEY
Wordpress for Newbies 2010-03-27
KEY
A Beginner’s Guide to Wordpress - WordCamp Toronto 2011
PDF
How to Jazz Up Your WordPress Site – without a lick o’ code
PDF
A Beginner's Guide to WordPress - Podcamp Toronto 2012
WordPress for Girl Geeks 2009-11-24
A Beginner's Guide to Wordpress - WordCamp Montreal 2011
A Beginner's Guide to WordPress - WordCamp New York City 2012
A Beginner's Guide to WordPress - WordCamp Montreal 2012
Wordpress for Newbies 2010-03-27
A Beginner’s Guide to Wordpress - WordCamp Toronto 2011
How to Jazz Up Your WordPress Site – without a lick o’ code
A Beginner's Guide to WordPress - Podcamp Toronto 2012

What's hot (20)

PPT
Passionate About Plugins - WordCamp Montreal 2012
PPTX
Help Me Help You: The art and science of getting good WordPress support - Wor...
KEY
WordPress for Beginners - West Island Women's Centre
KEY
A Beginner's Guide to WordPress - WordCamp Toronto 2012
PDF
How to Blog - #ACR14 Social Media Bootcamp
PDF
WordPress for Beginners - YES Montreal
PDF
WordPress Essentials for Beginners - YES Montreal December 2014
PDF
Amazing WordPress & Productivity Tips
PDF
WordPress for Business Sites - ConvergeSouth - October 2011
PDF
WordPress.com の裏側 (Behind the Scenes of WordPress.com) - WordCamp Tokyo - Nov...
PPTX
Help Me Help You: The art and science of getting good WordPress support - Wor...
PDF
Responsible [digital] Home Ownership
PPTX
Passionate About Plugins - WordCamp Toronto
PDF
Help Me Help You: The Art and Science of Getting Good WordPress Support
PDF
Passionate About Plugins and Wild for Widgets
PDF
Plugins at WordCamp Phoenix
PDF
Squarespace Site Shack Training -11-05-2015
PDF
FITC Spotlight HTML5 - The state of the web
KEY
Extending your blog
ODP
Don't sh** in the Pool
Passionate About Plugins - WordCamp Montreal 2012
Help Me Help You: The art and science of getting good WordPress support - Wor...
WordPress for Beginners - West Island Women's Centre
A Beginner's Guide to WordPress - WordCamp Toronto 2012
How to Blog - #ACR14 Social Media Bootcamp
WordPress for Beginners - YES Montreal
WordPress Essentials for Beginners - YES Montreal December 2014
Amazing WordPress & Productivity Tips
WordPress for Business Sites - ConvergeSouth - October 2011
WordPress.com の裏側 (Behind the Scenes of WordPress.com) - WordCamp Tokyo - Nov...
Help Me Help You: The art and science of getting good WordPress support - Wor...
Responsible [digital] Home Ownership
Passionate About Plugins - WordCamp Toronto
Help Me Help You: The Art and Science of Getting Good WordPress Support
Passionate About Plugins and Wild for Widgets
Plugins at WordCamp Phoenix
Squarespace Site Shack Training -11-05-2015
FITC Spotlight HTML5 - The state of the web
Extending your blog
Don't sh** in the Pool
Ad

Viewers also liked (20)

PDF
WordPress for Beginners, the Missing Guide
PPTX
Presentacion power p
PPTX
Using statements
PDF
Tutorial bubbl.us
PPTX
Presentacion power p
PPTX
áReas naturales protegidas
PDF
Ley núm. 79
DOC
Amjed CV
PDF
Work Experience Skills
PDF
Diplomarbeit Nicoletti 2005
PDF
Diplomarbeit: Generische und dynamische Hypertexte (2001)
PPTX
Cloudy with a Chance of Performance (NZ Tech Day - Presentation 6)
PPT
Languagelab 29.4 - Master Analytical Thinking
PDF
PPTX
Presentación san martín
PPTX
The Increasing Role of Testing in the Internet of Things (NZ Tech Day - Prese...
PDF
Webinar Gratuito: "Zed Attack Proxy"
PPT
WordPress Complete Tutorial
PDF
Intro to Wordpress
PDF
Jornadas Formativas Educar para proteger
WordPress for Beginners, the Missing Guide
Presentacion power p
Using statements
Tutorial bubbl.us
Presentacion power p
áReas naturales protegidas
Ley núm. 79
Amjed CV
Work Experience Skills
Diplomarbeit Nicoletti 2005
Diplomarbeit: Generische und dynamische Hypertexte (2001)
Cloudy with a Chance of Performance (NZ Tech Day - Presentation 6)
Languagelab 29.4 - Master Analytical Thinking
Presentación san martín
The Increasing Role of Testing in the Internet of Things (NZ Tech Day - Prese...
Webinar Gratuito: "Zed Attack Proxy"
WordPress Complete Tutorial
Intro to Wordpress
Jornadas Formativas Educar para proteger
Ad

Similar to Beginners' Guide to WordPress (20)

PDF
Getting to Know WordPress May 2015
PDF
WordCamp Raleigh 2018 - Beginner's Guide to Wordpress
PPT
W pthemes
PDF
Introduction to Wordpress
PDF
Wordpress Guide
ODP
Wordpress as a CMS
PDF
Getting to know WordPress
PPTX
Wordpress website development
PDF
WordPress: After The Install
PPT
WordPress 2.5 Overview - Rich Media Institute
PPT
Wordpress Beyond A Blog Word Camp Toronto08
PPTX
Wordpress (Theme,Widget,plugins)
PPT
WordPress for Libraries PreConference Workshop
PPTX
PEPY Wordpress workshop-01
PPTX
How to create a WordPress Site
PPSX
Wordpress Setup Basics for Dummies by Haneef Puttur
PDF
Word camp Raleigh 2017 - Wordpress for Beginners
PPTX
Social media management wordpress ppt
PPT
Internet Librarian Slides
PPTX
WordPress for Entrepreneurs Management of your own website
Getting to Know WordPress May 2015
WordCamp Raleigh 2018 - Beginner's Guide to Wordpress
W pthemes
Introduction to Wordpress
Wordpress Guide
Wordpress as a CMS
Getting to know WordPress
Wordpress website development
WordPress: After The Install
WordPress 2.5 Overview - Rich Media Institute
Wordpress Beyond A Blog Word Camp Toronto08
Wordpress (Theme,Widget,plugins)
WordPress for Libraries PreConference Workshop
PEPY Wordpress workshop-01
How to create a WordPress Site
Wordpress Setup Basics for Dummies by Haneef Puttur
Word camp Raleigh 2017 - Wordpress for Beginners
Social media management wordpress ppt
Internet Librarian Slides
WordPress for Entrepreneurs Management of your own website

Recently uploaded (20)

PDF
Decision Optimization - From Theory to Practice
PPTX
From Curiosity to ROI — Cost-Benefit Analysis of Agentic Automation [3/6]
PDF
Be ready for tomorrow’s needs with a longer-lasting, higher-performing PC
PDF
ELLIE29.pdfWETWETAWTAWETAETAETERTRTERTER
PDF
Human Computer Interaction Miterm Lesson
PDF
Examining Bias in AI Generated News Content.pdf
PDF
Optimizing bioinformatics applications: a novel approach with human protein d...
PPTX
Introduction-to-Artificial-Intelligence (1).pptx
PDF
FASHION-DRIVEN TEXTILES AS A CRYSTAL OF A NEW STREAM FOR STAKEHOLDER CAPITALI...
PDF
Advancements in abstractive text summarization: a deep learning approach
PDF
CCUS-as-the-Missing-Link-to-Net-Zero_AksCurious.pdf
PPTX
Strategic Picks — Prioritising the Right Agentic Use Cases [2/6]
PDF
Applying Agentic AI in Enterprise Automation
PDF
1_Keynote_Breaking Barriers_한계를 넘어서_Charith Mendis.pdf
PPTX
Presentation - Principles of Instructional Design.pptx
PPTX
maintenance powerrpoint for adaprive and preventive
PDF
Domain-specific knowledge and context in large language models: challenges, c...
PDF
NewMind AI Journal Monthly Chronicles - August 2025
PPTX
CRM(Customer Relationship Managmnet) Presentation
PDF
Uncertainty-aware contextual multi-armed bandits for recommendations in e-com...
Decision Optimization - From Theory to Practice
From Curiosity to ROI — Cost-Benefit Analysis of Agentic Automation [3/6]
Be ready for tomorrow’s needs with a longer-lasting, higher-performing PC
ELLIE29.pdfWETWETAWTAWETAETAETERTRTERTER
Human Computer Interaction Miterm Lesson
Examining Bias in AI Generated News Content.pdf
Optimizing bioinformatics applications: a novel approach with human protein d...
Introduction-to-Artificial-Intelligence (1).pptx
FASHION-DRIVEN TEXTILES AS A CRYSTAL OF A NEW STREAM FOR STAKEHOLDER CAPITALI...
Advancements in abstractive text summarization: a deep learning approach
CCUS-as-the-Missing-Link-to-Net-Zero_AksCurious.pdf
Strategic Picks — Prioritising the Right Agentic Use Cases [2/6]
Applying Agentic AI in Enterprise Automation
1_Keynote_Breaking Barriers_한계를 넘어서_Charith Mendis.pdf
Presentation - Principles of Instructional Design.pptx
maintenance powerrpoint for adaprive and preventive
Domain-specific knowledge and context in large language models: challenges, c...
NewMind AI Journal Monthly Chronicles - August 2025
CRM(Customer Relationship Managmnet) Presentation
Uncertainty-aware contextual multi-armed bandits for recommendations in e-com...

Beginners' Guide to WordPress

Editor's Notes

  • #2: \n
  • #3: Kathryn \nI’m Kathryn Presner. Been building Web sites for over a decade through Zoonini Web Services. My background in communications leads me to look at web design holistically, taking into account design/technical aspects/content/optimization. I'm a moderator in the WordPress support forums and particularly enjoy helping newbies because I remember very well what it was like to be new to WordPress.\n
  • #4: Shannon\nShannon Smith is the founder of Café Noir Design Inc., a small boutique web design company in the Montreal area specializing in bilingual web design. She supports web standards, semantic markup, microformats, open source products, and sustainable business practices. Shannon works with a number of PHP/MySQL content management systems to create clean, minimalist designs, that adhere to W3C standards. She also holds graduate degrees in journalism and psychology. Also a foodie and mother of three.\n
  • #5: Shannon\n
  • #6: \n
  • #7: Kathryn\nWhat is WordPress? \n- popular open-source blogging platform that started in 2003\n- two distinct flavours: WordPress.com & WordPress.org\n- .org - need your own Web host server but the basic software is Open Source, meaning that the source code is made available to anyone, free of charge and free of copyright restrictions\n- .com - WordPress hosts site for you, there are commercial limitations (advertising, affiliate links), limited choice of themes or plug-ins, can’t install your own plug-ins or custom themes, to access certain features & customization you need to buy credits, URL like janesblog.wordpress.com (you can upgrade to use your own domain). WordPress.com may display ads on your site unless you upgrade\n- our focus today is on WordPress.org\n
  • #8: Shannon\nThis blog for an illustrator allows the designer to share news easily\n-Typical blog format, few plugins\n
  • #9: Kathryn\nThis site for a business coach incorporates a blog as well as informational pages (CMS part). The client can manage the content for both at their end.\n
  • #10: Shannon\n-plugins here are mostly for navigation, audio\n
  • #11: Kathryn\n-WordPress can be used for sites without a blog, news section or any repeating info\n- this one is bilingual\n
  • #12: Shannon\n\n
  • #13: Shannon\n\n
  • #14: Kathryn\nWordPress doesn't have to be used like a traditional written blog. This portfolio site for a film & TV editor features dozens of video clips, some informational pages and no blog. “Premium theme” purchased & customized.\n
  • #15: Shannon\n\n
  • #16: Shannon\n-Doesn’t look like a blog\n-Uses few plugins\n-Uses web tools instead (Google interactive maps, Wuforms, Email Signup, etc.\n
  • #17: Shannon \nSome technical things that are helpful to understand at least the basics of:\n- WordPress runs on PHP (scripting language) PHP: Hypertext Preprocessor& MySQL (type of database)\n-Php allows for a dynamic site\n- Difference between database vs. files\n- file - document\n- database - bits of information that can be interconnected in different ways\n- WordPress - and most other CMSs - use both files and a database to allow quick updating and access of information\n- What is PHP and how does it differ from HTML. Do you need to know HTML or PHP or CSS to use WordPress? No - BUT a little bit can go a long way.\n- We will assume most of you know at least a little HTML but little-to-no PHP\n-On top of these can be added Javascript, Flash, etc.\n-Javascript is a programming language designed for performing dynamic tasks.\n-Flash is a multimedia platform that is popular for adding animation and interactivity to web pages. It contains a scripting language called ActionScript.\n\n
  • #18: Shannon\n- Posts vs. Pages \n- Pages are just what they sound like - whole pages on a site\n-meant to be used for static content - content that rarely changes\n-example : an About page\n
  • #19: Shannon\n- posts are individual entries within a blog, they can include things like:\n- the title of the entry, the date, tags, categories, comments\n-typical blog entries, but can also be any dynamic content (events list, etc.)\n
  • #20: Shannon\n\nPosts can be displayed in different ways, for example the latest posts are often displayed in reverse chronological order on a blog homepage. \n\nThis is an example of a category page where all posts in a given category are displayed with the most recent first.\n
  • #21: Shannon\nIntro to themes\n- a theme is a collection of template files that tells WordPress what your site should look like and how it should work\n- (X)HTML files & CSS stylesheet\n- Where to get a blank theme\nHow does a theme file work - i.e. usually pulls in header, footer, sidebar\nTheme file structure \n(Good intro for beginners here: http://www.wpdesigner.com/2007/02/21/wp-theme-lesson-1-intro/)\nhttp://css-tricks.com/the-book-digging-into-wordpress/\n\n
  • #22: Shannon\n-List of typical theme files - this is TwentyTen, a default theme\n
  • #23: Shannon\n-Typical layout\n-Atypical layouts can include multiple sidebars, special files for repeating sections, like contact info, etc.\n
  • #24: Shannon\nFree, easy to use, can be used as a base for a custom design for yourself or a client that will be unique\nCan also make your own from scratch\n
  • #25: Shannon\nCan be paid or free\nGo with the WP free-themes directory or a *reputable* premium theme. Beware of random “free WordPress themes” sites - their themes are often full of virus, malware and other bad stuff.\n
  • #26: Kathryn\nPlug-ins add extra functionality to the basic WordPress setup, so you only have to install what you need. This keeps your base installation as lean & mean as possible. \n\nThe WP plug-in directory lets you choose from thousands of plug-ins contributed by the WP community.\n\nYou can often get added functionality without a plugin - see passups.ca\n
  • #27: Kathryn\nPlug-ins do everything from encrypt email addresses to make them harder for spammers to harvest to... to generating a complete database backup of your site and emailing it to you.\n\nThose things are “behind-the-scenes” - often plug-ins are more up-front, too - like rotating testimonials or social-bookmarking tools.\n
  • #28: Kathryn\nWidgets allow you to drag-and-drop ready-made bits of functionality to a pre-designated spot on your site. It could be a search box, a text bock, a calendar, or list of archives in your bog... just for starters. \n\n-You can widgetize many areas of your blog, not just the sidebar. \n\nhttp://wpmu.org/how-to-widgetize-a-page-post-header-or-any-other-template-in-wordpress/\n\n
  • #29: \n
  • #30: Kathryn \nIntro to the admin panel: see http://www.geekniche.com/you/tutorials/intro-to-wordpress/\n\n
  • #31: \n
  • #32: Kathryn\n
  • #33: Kathryn\n
  • #34: Kathryn\n
  • #35: Kathryn\n
  • #36: Kathryn\n
  • #37: Shannon\n
  • #38: \n
  • #39: Shannon\n