WordPress for Beginners - West Island Women's Centre


Published on

Learn the WordPress basics.

Published in: Technology
  • 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
  • \n
  • Kathryn \nI’m Kathryn Presner. Happiness Engineer with Automattic, helping WordPress.com users set up, build and manage their sites. Been creating websites 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
  • Shannon\n
  • \n
  • Shannon\nThis blog for an illustrator allows the designer to share news easily\n-Typical blog format, few plugins\n
  • 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
  • Kathryn\n-WordPress can be used for sites without a blog, news section or any repeating info\n- this one is bilingual\n
  • Shannon\n\n
  • Shannon\n\n
  • 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
  • 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, no need to worry about updates or security. Can’t install plugins or themes, some commercial limitations (advertising, affiliate links), can’t edit theme files directly, you can buy upgrades like your own domain name or ability to edit CSS. WordPress.com may display ads on your site. Our focus today is on WordPress.org\n
  • 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
  • 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
  • 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
  • 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
  • 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
  • Shannon\n-List of typical theme files - this is TwentyTen, a default theme\n
  • Shannon\n-Typical layout\n-Atypical layouts can include multiple sidebars, special files for repeating sections, like contact info, etc.\n
  • 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
  • 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
  • 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
  • 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
  • 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
  • \n
  • Kathryn\n
  • Kathryn\n
  • Kathryn\n
  • Kathryn\n
  • Shannon\n
  • Kathryn \nIntro to the admin panel: see http://www.geekniche.com/you/tutorials/intro-to-wordpress/\n\n
  • WordPress for Beginners - West Island Women's Centre

    1. 1. WordPress for Beginnerswith Kathryn Presner November 27, 2012 West Island Women’s Centre
    2. 2. Kathryn PresnerAutomattic Happiness EngineerWeb Designer@zoonini
    3. 3. What We’ll CoverWelcomeIntro to WordPressResourcesHands-on WordPress
    4. 4. Intro to WordPress
    5. 5. Bloghttp://julienchung.com/blog/
    6. 6. CMS+Bloghttp://www.boxofcrayons.biz/
    7. 7. CMShttp://www.thewittyoffice.com
    8. 8. Magazine
    9. 9. Photo Portfoliohttp://www.silviaphotography.com/
    10. 10. Video Portfoliohttp://www.presner.com
    11. 11. Diving into WordPress What is WordPress? WordPress.com vs. WordPress.org What is it used for?http://en.support.wordpress.com/com-vs-org/
    12. 12. Some WordPress Basics Structure Presentation Markup Language ➜Database vs. filesPHP vs. HTML Dynamic Functions ScriptingDo I need to know Language ➜PHP? Data Database ➜
    13. 13. Posts vs. PagesPage
    14. 14. Posts vs. PagesPost
    15. 15. Posts vs. PagesPosts
    16. 16. 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_Templateshttp://codex.wordpress.org/Template_Hierarchy
    17. 17. http://www.lonelythebook.com/emily-white-author/
    18. 18. Get Started With Blank ThemesStarkershttp://viewportindustries.com/products/starkers/DIW Blank Themehttp://themeclubhouse.digwp.com/Whiteboardhttp://whiteboardframework.com/Rootshttp://www.rootstheme.com/_s (underscores)http://www.underscores.meBluelime Mediahttp://www.bluelimemedia.com/2012/07/14/bluelime-media-stater-theme-now-in-3-flavours/HTML5 Boilerplatehttps://github.com/iamamused/wp-theme-html5-boilerplate
    19. 19. Get Started WithA Pre-made ThemeWordPress.org Directoryhttp://wordpress.org/extend/themes/WooThemeshttp://www.woothemes.com/elegantthemeshttp://www.elegantthemes.com/Press75http://www.press75.com/WPswitchhttp://wpswitch.com/Smashing Magazine - Free WordPress Themes: 2011 Editionhttp://wp.smashingmagazine.com/2011/07/05/free-wordpress-themes-2011-edition/
    20. 20. Introduction to Plugins What is a plug-in? Where do you get plug-ins?http://wordpress.org/extend/plugins/
    21. 21. Managing Plug-ins
    22. 22. Introduction to Widgets What is a widget? What is a widget-ready theme?http://codex.wordpress.org/WordPress_Widgets
    23. 23. WordPress Resources
    24. 24. Officialwordpress.org (of course!)The Codex (.org)http://codex.wordpress.org/Support Forum (.org)http://wordpress.org/supportSupport (.com)http://en.support.wordpress.comwordpress.tvhttp://wordpress.tv/
    25. 25. Development ResourcesOfficial Theme Development Checklist & Sample Datahttp://codex.wordpress.org/Theme_Development_ChecklistBook: Digging Into WordPresshttp://digwp.com/Online and In-Person Classes & Resourceshttp://zoonini.wordpress.com/wordpress-resources/
    26. 26. WordPress InspirationWP Showcasehttp://wordpress.org/showcase/We Love WPhttp://welovewp.com/WPInspirationhttp://wpinspiration.com/WP Floathttp://wpfloat.com/
    27. 27. 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 Jetpack
    28. 28. Questions? Get the presentation at Slideshare http://www.slideshare.net/zoonini Find me http://www.zoonini.com Twitter @zooniniThanks to Shannon Smith at Café Noir Design for work on the originalversion of this presentation: http://www.cafenoirdesign.com
    29. 29. Let’s go Spelunking!