the givecamp guide to wordpress
DESCRIPTION
A Guide to WordPress for business analysts, project managers, and developer volunteersTRANSCRIPT
![Page 1: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/1.jpg)
The GiveCamp BA/PM/Developer’s Guide
to WordPress
Presented by Sarah [email protected]
Originally created for Software Craftsmanship Guild
![Page 6: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/6.jpg)
What is WordPress?
• Content Management System (CMS)•Makes it easy for even non-technical users to maintain their website’s content• Allows site managers to manage their uploaded media• Supports themes to offer a variety of stock layouts, as well as offer customized layouts• Supports plugins to add in functionality not built into the core
![Page 7: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/7.jpg)
Platforms that Support WordPress• LAMP (Linux / Apache / MySQL / PHP)• LEMP (Linux / Nginx / MySQL / PHP)•WAMP (Windows / Apache / MySQL / PHP)•WIMP (Windows / IIS / MySQL / PHP)
![Page 8: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/8.jpg)
Installing WordPress via Dreamhost
The Beauty of the One-Click Install
![Page 9: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/9.jpg)
Through a One-Click Install
•DNS Propagation• Any other host-specific gotchas• Empty directory (DreamHost requirement)
![Page 10: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/10.jpg)
Screenshots of One-Click Install
![Page 11: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/11.jpg)
![Page 12: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/12.jpg)
![Page 13: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/13.jpg)
Features
• Posts•Media• Pages• Comments• Appearance• Plugins•Users• Tools• Settings
![Page 14: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/14.jpg)
Posts
• Appear in the posts page of a site•Doesn’t always appear on the front page, depending on the theme• Permissions can be set so that people can add posts to be reviewed before being published
![Page 15: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/15.jpg)
Posts (continued)
• Can be scheduled to appear on a certain date• Cannot be set to disappear on a certain date by default (more on this later)• Can be assigned to multiple categories• Can have multiple tags•May have different templates, depending on the theme (more on this later)•Has Visual and Text editors
![Page 16: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/16.jpg)
Media
•Media library for storing files that would be beneficial to the site• Commonly used for attachments to pages and posts•May be used as featured images and in carousels (more on these later)• File size limitation – managed in PHP.ini file
![Page 17: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/17.jpg)
Pages
•May contain posts, calendar, forms, and other content• Can be scheduled to appear on a certain date•May have a parent page, used in navigation•May have a selection of templates (depending on the theme)• Can control the order of pages•May have a featured image (depending on the theme)
![Page 18: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/18.jpg)
Comments
• Comments can be moderated• Approved• Unapproved• Spam• Trash
• Previous comments marked as spam help filter future spam comments• Plugins may also help with filtering comments
![Page 19: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/19.jpg)
AppearanceExploring the various appearance options
![Page 20: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/20.jpg)
Appearance
• Themes•Widgets•Menus•Header• Background• Editor
![Page 21: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/21.jpg)
Themes
•Deluxe installation ships with a bunch of default themes•More themes can be downloaded from wordpress.org• Can do a search through your search engine and install themes via the Upload functionality• Can do a search in WordPress and install their themes• Customizable
![Page 22: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/22.jpg)
Themes (Deluxe Install)
![Page 23: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/23.jpg)
Themes (Search WordPress)
![Page 24: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/24.jpg)
Themes (Search WordPress)
![Page 25: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/25.jpg)
Themes (Search Engine)
![Page 26: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/26.jpg)
Widgets• Section of a sidebar, header, footer, or special customizable section of a theme
![Page 27: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/27.jpg)
Widgets
•May include things such as:• RSS Feeds• Archives• Categories• Custom Menus• Calendars• Custom Text• Custom HTML• And more!
![Page 28: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/28.jpg)
Menus
• Some themes support custom menus• Allows you to create custom menus with:• Custom Links• Select pages• Select categories
![Page 29: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/29.jpg)
Header
• Custom header image• Custom header text• Background formatting of header•Depends on theme
![Page 30: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/30.jpg)
Background
• Customizable site background• Image and color
•Dependent on theme for support
![Page 31: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/31.jpg)
Editor
• Allows customization of theme from within the browser• If creating a custom theme, find a theme to use as a basis and copy it to its own folder. Then modify the copy rather than changing the base theme.• Some themes are updated and these updates may
take out your customizations.
![Page 32: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/32.jpg)
WordPress Plugins
Extensibility in WordPress
![Page 33: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/33.jpg)
Plugins
• Adds extra functionality to WordPress not included in the base files• Can be installed via Upload functionality or Search functionality•Needs to be activated in order to be used
![Page 34: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/34.jpg)
Default Plugins
• The following are included in a deluxe installation:• Akismet• Chartbeat• Hello Dolly• Hotfix• Jetpack by WordPress.com• MediaElement.js – HTML5 Audio and Video• WP Super Cache
![Page 35: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/35.jpg)
Handy Plugins
•Contact Form 7•Contact Form DB•Really Simple CAPTCHA•Content Scheduler• Tweetily•WP e-Commerce Dynamic Gallery
![Page 36: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/36.jpg)
Other Uncovered Sections
• For you to explore…• Users• Tools• Settings
•More sections may appear as plugins are installed. These usually have configuration information.
![Page 37: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/37.jpg)
More WordPress Resources
•WordPress Codex – online manual for WordPress•WordPress Forums•WooThemes.com•Wpbeginner•Digging Into WordPress
![Page 38: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/38.jpg)
Installing WordPress on Linux
Visiting the LAMP and LEMP stacks
![Page 39: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/39.jpg)
Installing WordPress with Apache and Ubuntu (LAMP)• Root Privileges• Software packages:• Apache• MySQL• PHP
• More on configuring the LAMP stack: https://www.digitalocean.com/community/articles/how-to-install-linux-apache-mysql-php-lamp-stack-on-ubuntu
![Page 40: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/40.jpg)
Generic Steps for Installing WordPress in Linux
1. Download WordPress2. Create the WordPress Database and User3. Setup the WordPress Configuration4. Copy the Files5. Access the WordPress Installation
• Specific commands can be found here: https://www.digitalocean.com/community/articles/how-to-install-wordpress-on-ubuntu-12-04
![Page 41: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/41.jpg)
Installing WordPress with nginx and Ubuntu (LEMP)• Root Privileges• Software packages:• Nginx• MySQL• PHP-FPM
• More on configuring the LEMP stack: https://www.digitalocean.com/community/articles/how-to-install-linux-nginx-mysql-php-lemp-stack-on-ubuntu-12-04
![Page 42: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/42.jpg)
Generic Steps for Installing WordPress in Linux with nginx
1. Download WordPress2. Create the WordPress Database and User3. Setup the WordPress Configuration4. Copy the Files5. Setup the nginx Server Blocks6. Activate the Server Block7. Access the WordPress Installation
• Specific commands can be found here: https://www.digitalocean.com/community/articles/how-to-install-wordpress-with-nginx-on-ubuntu-12-04
![Page 43: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/43.jpg)
Installing WordPress on Windows
Visiting the WAMP and WIMP stacks
![Page 44: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/44.jpg)
Setting up WordPress on WAMP
1. Download and install WampServer2. Configure local web server3. Set up WordPress4. Set up PHP config5. Manage local site6. Manage local MySQL database7. Sync local server with live server
•Great tutorial at: http://sixrevisions.com/web-development/install-wordpress-on-your-computer-using-wampserver/
![Page 45: The GiveCamp Guide to WordPress](https://reader030.vdocuments.us/reader030/viewer/2022013101/555a7180d8b42a972b8b4fd6/html5/thumbnails/45.jpg)
Setting up WordPress on WIMP•Use Microsoft WebMatrix to install WordPress and all of its dependencies
•More on WordPress for Windows: http://www.microsoft.com/web/wordpress