Download - Getting into WordPress
![Page 1: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/1.jpg)
Getting Into WordPressCLARE PARKINSON
[email protected], @CLAREPARKINSON
WWW.GREENBEE-WEB.COM, @GREENBEEWEB
HTTP://WWW.SLIDESHARE.NET/CLAREPARKINSON/GETTING-INTO-WORDPRESS
![Page 2: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/2.jpg)
What is a Content Management System?•Sits on the website’s server, not on your computer, runs in a browser•Takes data from a database and turns it into web pages•Allows you to perform programming-type tasks without learning code or markup•Automatically publishes, updates, archives content according to rules you create
![Page 3: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/3.jpg)
Geek stuff: front end•The “front end” is the website that visitors to your site see. •Files: HTML, CSS, Media (images, videos, PDFs…), JavaScript•Wordpress URL: yoursitename.wordpress.com•On your server at www.yoursitename.com
![Page 4: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/4.jpg)
Geek stuff: backend•The “back end” is the Admin Panel, only you see it. •It controls the behavior and appearance of the front end website. •Files: PHP – the theme templates and plugin files•Database: MySQL•On your server at www.yoursitename.com/wp-admin/
![Page 5: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/5.jpg)
Why WordPress? Inexpensive•Open source = Free! Sort of.•Hosting for as little as $20/year.•Purchase more specialized or customized design and features•You can invest time to learn, or hire a developer.
![Page 6: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/6.jpg)
Why WordPress? Flexible•Content organization: taxonomy, menus, galleries•Custom appearance: Themes, theme options•Extendable functionality: Plugins and widgets•Custom Post Types•PHP templates and CSS layouts are fully customizable
![Page 7: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/7.jpg)
Why WordPress? Easy to Use•Admin Panel design: drag-and-drop, contextual help•Documentation, Online tutorials
![Page 8: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/8.jpg)
Why WordPress? Very widely used•18.9% of the top 10 million websites use WordPress•Community of development•Community of support•Third-party integration: Amazon, DropBox, EventBrite, YouTube…
![Page 9: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/9.jpg)
Why not WordPress? WordPress does everything, but if you have a few very specific needs, it might not be the best tool to meet those needs. ◦Simple E-Commerce: Shopify◦Podcast published to iTunes: SquareSpace◦Sell tickets for events: EventBrite◦Online/mobile schedule for an event: Sched.org
![Page 10: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/10.jpg)
What WordPress can do•Brochure site: information about an organization or person•Publication: blog, magazine, journal•Community: social network for a specific topic or organization•E-commerce: store, subscription, selling downloads•Prototype: build a “clickable demo” of an online product or service
![Page 11: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/11.jpg)
Hosting Options: WordPress.comA great place to start – you can always move your content to another host. •Free: Yoursitename.wordpress.com, limited themes, forum support •$18/year: www.yoursitename.com•$99/year value bundle: no ads, more design customization, limited themes, email support, no plugins
![Page 12: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/12.jpg)
Hosting Options: Managed HostingThey’ll take care of all the technical problems, but it’s expensive.•Extensive customization: all plugins and themes are available.•Updating, maintenance, testing, and support are provided•$30/month•WPengine.com, dreamhost.com, others
![Page 13: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/13.jpg)
Hosting Options: Self - HostingLess expensive than managed, more freedom than wordpress.com, but you’re on your own.•Unlimited customization: all plugins and themes are available, you can edit your own template code and stylesheets.•You are responsible for all testing, maintenance, and updates•Support only covers server/network problems, not WordPress•$60/year or more•mediatemple.com, Site5.com, many others
![Page 14: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/14.jpg)
Walk through a demo site http://demo.greenbee-web.com/site1/wp-admin/ Username: site1 Password: on your handout
![Page 16: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/16.jpg)
WordPress Core and Customization•WordPress Core is the features and functionality that come with an empty installation of WordPress•You can extend this functionality with themes, plugins, custom PHP code in templates, and custom post types.•WordPress Core contains everything you need to create a website.
![Page 17: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/17.jpg)
WordPress Core: PostsAdmin Panel > Posts◦The most versatile post type◦Posts are used for content that’s time-sensitive, that expires, is updated, or replaced frequently.
◦Add content and media in the Visual Editor◦Can be organized with Taxonomy (Categories and Tags)◦Can be organized in Archives
![Page 18: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/18.jpg)
WordPress Core: PagesAdmin Panel > Pages◦Used for content that is timeless, like “About us” or “Contact me”
◦Content and Media are added in the Visual Editor◦Can have parent/child relationships, e.g. “About us” > “Our History”
◦No archives, i.e. they can’t easily be organized and displayed in lists
![Page 19: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/19.jpg)
Post and Page ContentAdmin Panel > Posts > Edit/Add New◦Title◦Permalink: the URL at which the post will be displayed in its entirety
◦Visual Editor: add text and media. Use “styles” pulldown for formatting.
◦Excerpt: displayed separately in Archives, etc◦Featured Image: displayed separately in Archives, etc
![Page 20: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/20.jpg)
20
WordPress Core: Media Library•Admin Panel > Media Library•Upload media files one at a time or in batches•Edit media in the Media Library•Add media to Posts, Pages, and Galleries from the Post or Page edit screen.
![Page 21: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/21.jpg)
WordPress Core: TaxonomyAdmin Panel > Posts > Categories
Hierarchical (nested) organization:1. Recipes
a) Desserts1. Cake2. Pie
b) Soup
Admin Panel > Posts > Tags Free-form organization: Traditional, low carb, quick and easy, French, just like mom’s
![Page 23: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/23.jpg)
WordPress Core: Menus•Admin Panel > Appearance > Menus•Menus are lists of links you can customize•They are usually used for navigation•They can be displayed in any Widget area
![Page 24: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/24.jpg)
WordPress Core: Widgets•Admin Panel > Appearance > Widgets•Widgets are small chunks of functionality that can be added to “widget areas” in your site, usually in the header, sidebar, or footer•New widgets can be added with Plugins
![Page 25: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/25.jpg)
Customizing WordPress: Themes•Admin Panel > Appearance > Themes
•Template files control the layout of the site.
•CSS controls the styling: colors, font, sizes, responsiveness
•Template files control the placement of Widget Areas
•Child themes allow a developer to overwrite parts of the parent theme with specific customizations.
•Change themes to change the design of your site without affecting the content.
![Page 26: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/26.jpg)
Where to Get Themes•Admin Panel > Appearance. Browse available themes. •Or purchase premium themes to upload•StudioPress http://www.studiopress.com/•WooThemes http://www.woothemes.com/•ThemeForest http://themeforest.net/
•Research carefully! Look at demos, read reviews. Check for “responsive”: will work on any screen size.
![Page 27: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/27.jpg)
Customizing WordPress: Plugins •Admin Panel > Plugins. Search. (not in your demo site today) •Plugins are small chunks of software that extend WordPress Core functionality with new features. •Can be widgets, social sharing, e-commerce, enhancements to the Admin Panel, pull content from other sites and services…
![Page 28: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/28.jpg)
Where to get Plugins•Admin Panel > Plugins > Add New (not in your demo site today)•WordPress Plugin Directory: http://wordpress.org/plugins/•CodeCanyon: http://codecanyon.net/category/wordpress•Research carefully! Read reviews, check for support, make sure plugin is maintained and updated frequently.
![Page 29: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/29.jpg)
Clare’s favorite plugins•Contact Form 7:http://wordpress.org/plugins/contact-form-7/•WordPress SEO by Yoast: http://wordpress.org/plugins/wordpress-seo/•RoyalSlider: http://dimsemenov.com/plugins/royal-slider/•WordPress Backup to DropBox: http://wordpress.org/plugins/wordpress-backup-to-dropbox/
![Page 30: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/30.jpg)
Advanced customization: Templates•Templates are PHP files that control the layout and behavior of the website. •Each theme has its own set of template files. •You need to know PHP or hire a developer to customize these.
![Page 31: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/31.jpg)
Advanced customization: Custom Post Types•A “post” can be a single item of content, e.g. a Recipe, or a Product, or an Event.•Set Custom Post Types up with a plugin (e.g. wp-types.com) , or with custom PHP code. •Custom Post Types need their own templates to make the most of their functionality. Many themes and plugins use custom post types + templates.
![Page 32: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/32.jpg)
Where to learn or get help Tutorials: http://codex.wordpress.org/WordPress_Lessons Documentation: http://codex.wordpress.org Support forums: http://wordpress.org/support/ Videos: http://wordpress.tv/ From the community at MeetUps and WordCamp
![Page 33: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/33.jpg)
Join the WordPress community Local MeetUps http://www.meetup.com/Chicago-WordPress-Meetup/ http://www.meetup.com/wordpress-lake-county/ http://www.meetup.com/Chicago-NW-Suburbs-WordPress-Meetup/ http://www.meetup.com/WordPress-Aurora/ WordCamp Chicago http://2013.chicago.wordcamp.org/
![Page 34: Getting into WordPress](https://reader035.vdocuments.us/reader035/viewer/2022062418/554cdfdeb4c905d6488b529b/html5/thumbnails/34.jpg)
Thanks!CLARE PARKINSON
[email protected], @CLAREPARKINSON
WWW.GREENBEE-WEB.COM, @GREENBEEWEB
HTTP://WWW.SLIDESHARE.NET/CLAREPARKINSON/GETTING-INTO-WORDPRESS