wordpress for libraries preconference workshop

196
WordPress Internet Librarian 2010 Polly-Alida Farrington Kyle Jones Resources at: http://lib20.pbworks.com

Upload: polly-farrington

Post on 28-Jan-2015

111 views

Category:

Education


1 download

DESCRIPTION

Pre Conference Workshop at Internet Librarian- Internet @ Schools West Oct 2010

TRANSCRIPT

Page 1: WordPress for Libraries PreConference Workshop

WordPress

Internet Librarian 2010Polly-Alida Farrington

Kyle Jones

Resources at: http://lib20.pbworks.com

Page 2: WordPress for Libraries PreConference Workshop

What do you want to learn?

Page 3: WordPress for Libraries PreConference Workshop

Agenda

1. Overview & Examples

2. Getting Started

3. CMS Tips & Tricks

4. Beyond the Basics

5. Keep it Safe, Secure & Spiffy

6. More Handy Plugins

7. What else can WP do?

Page 4: WordPress for Libraries PreConference Workshop

WordPress in Libraries Kyle Jones & Polly-Alida Farrington

coming out in Spring 2011

Page 5: WordPress for Libraries PreConference Workshop

Slides, notes, resources, etc.

• http://lib20.pbworks.com – links to additional resources and these slides

Page 6: WordPress for Libraries PreConference Workshop

1: Overview & Examples

Page 7: WordPress for Libraries PreConference Workshop

http://farm4.static.flickr.com/3036/2913018697_ccbb33e993_b.jpg

What is WordPress?

Page 8: WordPress for Libraries PreConference Workshop

Content Management System

http://www.flickr.com/photos/atibens/4578260998/

Page 9: WordPress for Libraries PreConference Workshop

Open Source is Unlocked

www.flickr.com/photos/subcircle/500995147/

Page 10: WordPress for Libraries PreConference Workshop

Open Source is Community

www.flickr.com/photos/thomashawk/170691672

Page 11: WordPress for Libraries PreConference Workshop
Page 12: WordPress for Libraries PreConference Workshop

WordPress in LibrariesExamples

http://www.flickr.com/photos/dawvon/3414373319/

Page 13: WordPress for Libraries PreConference Workshop

Blogging

Page 14: WordPress for Libraries PreConference Workshop
Page 15: WordPress for Libraries PreConference Workshop
Page 16: WordPress for Libraries PreConference Workshop
Page 17: WordPress for Libraries PreConference Workshop
Page 18: WordPress for Libraries PreConference Workshop

Writing a WordPress Post

Page 19: WordPress for Libraries PreConference Workshop

Pages - the heart of your site

http://www.flickr.com/photos/tearsandrain/3526002850

Page 20: WordPress for Libraries PreConference Workshop

Pages for Static Content

Page 21: WordPress for Libraries PreConference Workshop

Custom Layout for Static Page

Page 22: WordPress for Libraries PreConference Workshop

Running a full web site

Page 23: WordPress for Libraries PreConference Workshop
Page 24: WordPress for Libraries PreConference Workshop
Page 25: WordPress for Libraries PreConference Workshop
Page 26: WordPress for Libraries PreConference Workshop
Page 27: WordPress for Libraries PreConference Workshop

Personal Web Site

Page 28: WordPress for Libraries PreConference Workshop
Page 29: WordPress for Libraries PreConference Workshop
Page 30: WordPress for Libraries PreConference Workshop

And more!

Page 31: WordPress for Libraries PreConference Workshop
Page 32: WordPress for Libraries PreConference Workshop

How it works

• You create content

• Content stored in a database

• Pages don’t ‘exist’ until requested

• User clicks on a link

• PHP code retrieves content from database.

• CSS used to style page

• Page is displayed

Page 33: WordPress for Libraries PreConference Workshop

Add Content – Web Based Interface

Page 34: WordPress for Libraries PreConference Workshop

Stored in a database

the_title

the_content

Page 35: WordPress for Libraries PreConference Workshop

Page created when requested

Page 36: WordPress for Libraries PreConference Workshop

Same content on other pages

Page 37: WordPress for Libraries PreConference Workshop

THEMES make it look good!

Page 38: WordPress for Libraries PreConference Workshop

Same Content – Different Themes

Page 39: WordPress for Libraries PreConference Workshop

Hosting WordPress

Page 40: WordPress for Libraries PreConference Workshop

Free Hosted Versions

Page 41: WordPress for Libraries PreConference Workshop

Free Hosted Versions

Page 42: WordPress for Libraries PreConference Workshop

Free Hosted Versions

Pros:

• Free

• No tech skills required

• Easy

Cons:

• No custom URL

• Can’t upload themes & plugins

Page 43: WordPress for Libraries PreConference Workshop

Host your own?

Page 44: WordPress for Libraries PreConference Workshop

LAMPLinuxApacheMySQLPHP

http://www.flickr.com/photos/neonarcade/23955187

Page 45: WordPress for Libraries PreConference Workshop

Technical Requirements

• Currently Version 3.0.1

• PHP version 4.3 or greater *• MySQL version 4.1.2 or greater • http://codex.wordpress.org/

Hosting_WordPress

* Might find some plugins require more recent version of PHP.

Page 46: WordPress for Libraries PreConference Workshop

Hosting on your own server?

• Cost? • Storage capacity?• Bandwidth?• Tech Support? • Install software yourself

http://www.flickr.com/photos/jamisonjudd/2433102356

Page 47: WordPress for Libraries PreConference Workshop

“If you have no idea what to do with this download….”

Page 48: WordPress for Libraries PreConference Workshop

Commercial Services

• Often under $10/month• Tech support

• One Click Install!

For more hosts: http://wordpress.org/hosting/

Page 49: WordPress for Libraries PreConference Workshop

2: Getting Started

Page 50: WordPress for Libraries PreConference Workshop

Admin Dashboard

Page 51: WordPress for Libraries PreConference Workshop

Lose the ‘admin’ login!

Page 52: WordPress for Libraries PreConference Workshop

Users Add New User

Page 53: WordPress for Libraries PreConference Workshop

Settings General

Page 54: WordPress for Libraries PreConference Workshop

Settings Permalinks

Page 55: WordPress for Libraries PreConference Workshop

Editing a Post Permalink

Page 56: WordPress for Libraries PreConference Workshop

Writing a Post

• News & events & updates

• Most recent appears at the top

• Older posts get bumped off the page

• Stored in Archives

• Special page for posts

Page 57: WordPress for Libraries PreConference Workshop

Writing a Post

Page 58: WordPress for Libraries PreConference Workshop

Writing a Post

Page 59: WordPress for Libraries PreConference Workshop

Read More…

Page 60: WordPress for Libraries PreConference Workshop

Read the rest of the entry…

Page 61: WordPress for Libraries PreConference Workshop

Make a Post STICKY

Page 62: WordPress for Libraries PreConference Workshop

Sticky post at top.

Page 63: WordPress for Libraries PreConference Workshop

Publish Later

Page 64: WordPress for Libraries PreConference Workshop

Tags vs Categories

Page 65: WordPress for Libraries PreConference Workshop

Images & Videos

Page 66: WordPress for Libraries PreConference Workshop

Add Media Button

Page 67: WordPress for Libraries PreConference Workshop

Add Media Button

Page 68: WordPress for Libraries PreConference Workshop
Page 69: WordPress for Libraries PreConference Workshop

Places image in post

Page 70: WordPress for Libraries PreConference Workshop

Get rid of Caption?

Page 71: WordPress for Libraries PreConference Workshop

ALT text

Page 72: WordPress for Libraries PreConference Workshop

Change default image sizes

Page 73: WordPress for Libraries PreConference Workshop

Create a Gallery

Page 74: WordPress for Libraries PreConference Workshop

[gallery] shortcode

Page 75: WordPress for Libraries PreConference Workshop

SimpleViewer Pluginfor fancier galleries

wordpress.org/extend/plugins/wp-simpleviewer/

Page 76: WordPress for Libraries PreConference Workshop

SimpleViewer Shortcode

Page 77: WordPress for Libraries PreConference Workshop
Page 78: WordPress for Libraries PreConference Workshop

Embed Video

Page 79: WordPress for Libraries PreConference Workshop

Viper's Video Quicktags Plugin

http://wordpress.org/extend/plugins/vipers-video-quicktags/

Page 80: WordPress for Libraries PreConference Workshop

Viper's Video Quicktags Plugin

Page 81: WordPress for Libraries PreConference Workshop
Page 82: WordPress for Libraries PreConference Workshop

Themes

Page 83: WordPress for Libraries PreConference Workshop

Themes

Page 84: WordPress for Libraries PreConference Workshop
Page 85: WordPress for Libraries PreConference Workshop
Page 86: WordPress for Libraries PreConference Workshop
Page 87: WordPress for Libraries PreConference Workshop

Themes – Add new themes

Page 88: WordPress for Libraries PreConference Workshop

Search for a new theme

Page 89: WordPress for Libraries PreConference Workshop

FTP access -

Page 90: WordPress for Libraries PreConference Workshop

Themes with extras!

Page 91: WordPress for Libraries PreConference Workshop

Sidebar Widgets

Page 92: WordPress for Libraries PreConference Workshop

Widgets on Sidebar

Page 93: WordPress for Libraries PreConference Workshop

Appearance Widgets

Page 94: WordPress for Libraries PreConference Workshop

Text Widget to Customize

Page 95: WordPress for Libraries PreConference Workshop

Text Widget & 3rd Party Content

Page 96: WordPress for Libraries PreConference Workshop

Basic Plugins

Page 97: WordPress for Libraries PreConference Workshop

Plugins add functionality & features

Page 98: WordPress for Libraries PreConference Workshop

Plugins Page

Page 99: WordPress for Libraries PreConference Workshop

WordPress.com Stats• Requires API

code from wordpress.com

http://wordpress.org/extend/plugins/stats/

Page 100: WordPress for Libraries PreConference Workshop

Google Analytics

• Sign up with GA• Enter ID in WP

Settings panel

http://wordpress.org/extend/plugins/google-analytics-for-wordpress/

Page 101: WordPress for Libraries PreConference Workshop

Akismet

• Requires API code from wordpress.com • http://wordpress.org/extend/plugins/akismet/

Page 102: WordPress for Libraries PreConference Workshop

More great plugins later!

Page 103: WordPress for Libraries PreConference Workshop

3: CMS Tips & Tricks

Page 104: WordPress for Libraries PreConference Workshop

Settings Permalinks

Page 105: WordPress for Libraries PreConference Workshop

Custom Permalink Structure

news/gaming-night-for-teens/

Page 106: WordPress for Libraries PreConference Workshop

Making a static front page

Page 107: WordPress for Libraries PreConference Workshop

Create a Main Page

Page 108: WordPress for Libraries PreConference Workshop

Create a Page for Posts

No Content for the Page, just a title

Page 109: WordPress for Libraries PreConference Workshop

Settings Reading

Select Front Page & Posts Page

Page 110: WordPress for Libraries PreConference Workshop

News tab shows Posts now

Page 111: WordPress for Libraries PreConference Workshop

But …

Home & Welcome both go to the same place.

Need to delete HOME

Page 112: WordPress for Libraries PreConference Workshop

Edit header.php file

• Delete the line of code that creates the default HOME link

Page 113: WordPress for Libraries PreConference Workshop

Yay, extra tab is gone!

Page 114: WordPress for Libraries PreConference Workshop

4: Beyond the Basics

Page 115: WordPress for Libraries PreConference Workshop

Great New Custom Menus in 3.0

Page 116: WordPress for Libraries PreConference Workshop
Page 117: WordPress for Libraries PreConference Workshop

Custom Menu in Sidebar Widget

Page 118: WordPress for Libraries PreConference Workshop

Custom Content TypesCustom Fields

Page 119: WordPress for Libraries PreConference Workshop

Custom Fields Example

Page 120: WordPress for Libraries PreConference Workshop

Custom Field – Post Page

http://wordpress.org/extend/plugins/more-fields/

Page 121: WordPress for Libraries PreConference Workshop

Custom Post (Content!) Types

http://wordpress.org/extend/plugins/more-types/

Page 122: WordPress for Libraries PreConference Workshop
Page 123: WordPress for Libraries PreConference Workshop

More on Themes, CSS & Templates

Page 124: WordPress for Libraries PreConference Workshop

A quick look at the Theme Editor

• Modify existing themes

• Change fonts, colors, graphics

• Create your own themes

• Wordpress.com – ~ $15 year extra

Page 125: WordPress for Libraries PreConference Workshop

Template & Styles

Page 126: WordPress for Libraries PreConference Workshop

Stylesheet – styles.css

Page 127: WordPress for Libraries PreConference Workshop
Page 128: WordPress for Libraries PreConference Workshop

Editing a .php file

Custom 404 page

Page 129: WordPress for Libraries PreConference Workshop
Page 130: WordPress for Libraries PreConference Workshop
Page 131: WordPress for Libraries PreConference Workshop

404.php template

Page 132: WordPress for Libraries PreConference Workshop
Page 133: WordPress for Libraries PreConference Workshop

<?php get_header(); ?><div id="primary"><h1 class="page-title">Oops! </h1><p>This page is missing. Try the search box</p>

<?php include (TEMPLATEPATH . "/searchform.php"); ?></div>

<?php get_footer(); ?>

PHP code & HTML

Page 134: WordPress for Libraries PreConference Workshop

Template Pages

Page 135: WordPress for Libraries PreConference Workshop

Page uses “no sidebar” template

Page 136: WordPress for Libraries PreConference Workshop

Add Page – Select Template

Page 137: WordPress for Libraries PreConference Workshop

Editing a Template

Page 138: WordPress for Libraries PreConference Workshop

Web Developer Firefox Add On

Page 139: WordPress for Libraries PreConference Workshop
Page 140: WordPress for Libraries PreConference Workshop

Artiseer ($) Theme Designer

Page 141: WordPress for Libraries PreConference Workshop

Child Themes

Page 142: WordPress for Libraries PreConference Workshop

A Simple Change

Page 143: WordPress for Libraries PreConference Workshop

Create a new directorywp-content themes

twentychild

Page 144: WordPress for Libraries PreConference Workshop

style.css file

wp-content themes twentychild style.css

/*Theme Name: TwentyChildDescription: A Child Theme of twentytenAuthor: Polly FarringtonTemplate: twentyten*/@import url(../twentyten/style.css);

Page 145: WordPress for Libraries PreConference Workshop

Activate Child Theme

Page 146: WordPress for Libraries PreConference Workshop

/*Theme Name: TwentyChildDescription: A Child Theme of twentytenAuthor: Polly FarringtonTemplate: twentyten*/@import url(../twentyten/style.css);

#site-description { color: red;font-weight: bold;font-size: 2em; }

Add new style rules

Page 147: WordPress for Libraries PreConference Workshop

5: Keep it Safe, Secure & Spiffy

http://www.flickr.com/photos/maistora/3237164755

Page 148: WordPress for Libraries PreConference Workshop

Don’t leave the door unlocked Run the latest version

Page 149: WordPress for Libraries PreConference Workshop

Get rid of default ADMIN user

• Sign in

• Create a new user with total admin rights

• Sign out

• Sign in to the new user account

• Delete the old admin account

• Use your new account just for adminstrative stuff

Page 150: WordPress for Libraries PreConference Workshop

Manage User Accounts

• Give yourself a separate account for writing/editing

• Define what access your contributors need

Page 151: WordPress for Libraries PreConference Workshop

Security Keys

• Check your wp-config.php file

• Does it have security keys?– define('AUTH_KEY', 'put your unique phrase here');

– define('SECURE_AUTH_KEY', 'put your unique phrase here');

– etc…….

– More Info: http://goo.gl/SIhf

Page 152: WordPress for Libraries PreConference Workshop

Use reliable themes & plugins

• Check WordPress.org directories

• Check the ratings & forum discussions

• Test, test, test! And test some more.• Keep them up to date!• Deactivate & Delete

unwanted plugins

Page 153: WordPress for Libraries PreConference Workshop

Plugins - Deactivate, then Delete

Page 154: WordPress for Libraries PreConference Workshop

Back it up!

1. Backup your database:– Via web host control panel– Or wp-db-backup plugin

(wordpress.org/extend/plugins/wp-db-backup/)

2. FTP to server and copy: • wp-content/themes• wp-content/plugins• wp-content/uploads (images, files, etc.)

Page 155: WordPress for Libraries PreConference Workshop

WP-DB-BACKUP plugin

Page 156: WordPress for Libraries PreConference Workshop

Google XML Sitemaps

wordpress.org/extend/plugins/google-sitemap-generator/

Page 157: WordPress for Libraries PreConference Workshop

6: Handy Plugins

Page 158: WordPress for Libraries PreConference Workshop

All in one SEO

wordpress.org/extend/plugins/all-in-one-seo-pack/

Page 159: WordPress for Libraries PreConference Workshop

Facebook Like Button

wordpress.org/extend/plugins/facebook-like-button/

Page 160: WordPress for Libraries PreConference Workshop

Sexy Bookmarks

wordpress.org/extend/plugins/sexybookmarks/

Page 161: WordPress for Libraries PreConference Workshop

Simple Viewer Gallery

wordpress.org/extend/plugins/wp-simpleviewer/

Page 162: WordPress for Libraries PreConference Workshop

OpenBook Book Data

johnmiedema.ca/portfolio/openbook-wordpress-plugin/

Page 163: WordPress for Libraries PreConference Workshop

WP Contact Form Plugin

http://wordpress.org/extend/plugins/wp-contact-form/

Page 164: WordPress for Libraries PreConference Workshop

Add <!--contact form--> to a page

Page 165: WordPress for Libraries PreConference Workshop

The Events Calendar

http://wordpress.org/extend/plugins/the-events-calendar/

Page 166: WordPress for Libraries PreConference Workshop

http://wordpress.org/extend/plugins/the-events-calendar/

Settings

Page 167: WordPress for Libraries PreConference Workshop
Page 168: WordPress for Libraries PreConference Workshop
Page 169: WordPress for Libraries PreConference Workshop
Page 170: WordPress for Libraries PreConference Workshop

MobilePress

• Detects mobile device

• Displays mobile version of page

http://wordpress.org/extend/plugins/mobilepress/

Page 171: WordPress for Libraries PreConference Workshop

MobilePress

Page 172: WordPress for Libraries PreConference Workshop

http://www.flickr.com/photos/purplelime/1569139115/

WordPress App

Page 173: WordPress for Libraries PreConference Workshop

http://www.zirona.com/software/wordpress-donations-cloud/

Donations Cloud – works with PayPal

Page 174: WordPress for Libraries PreConference Workshop

More Plugins…

• WP Plugin Repository– http://wordpress.org/extend/plugins/

• My links to plugins – http://delicious.com/grdnldy/wordpress+plugins

• Lots of great plugins discussed on this blog:– Lorelle on WordPress http://lorelle.wordpress.com

Page 175: WordPress for Libraries PreConference Workshop

7: What else can we do with WP?

Page 176: WordPress for Libraries PreConference Workshop

BuddyPressbuddypress.org

Page 177: WordPress for Libraries PreConference Workshop

The Academic Commons...is designed to support faculty initiatives and build community through the use(s) of technology in teaching and learning.

The Academic Commons...is designed to support faculty initiatives and build community through the use(s) of technology in teaching and learning.

...Creating networks and support systems that are enabled by easy access to quality digital resources will nurture faculty development through sharing replicable materials and best practices.

...Creating networks and support systems that are enabled by easy access to quality digital resources will nurture faculty development through sharing replicable materials and best practices.

About the CUNY (City University of New York) Academic Commons

Page 178: WordPress for Libraries PreConference Workshop

Open System, Open Learning

BlogsBlogsForumsForums

PeoplePeople GroupsGroups

Page 179: WordPress for Libraries PreConference Workshop

BlogsBlogs

Members

Page 180: WordPress for Libraries PreConference Workshop

BlogsBlogs

ePortfolios

Page 181: WordPress for Libraries PreConference Workshop

Forums

Page 182: WordPress for Libraries PreConference Workshop

Blogs

Page 183: WordPress for Libraries PreConference Workshop

… features – similar to Facebook, Twitter, etc – will probably seem familiar to many.

My philosophy of teaching includes instilling in my students a sense of exploration and play. And dealing with change.

The Buddypress site is an extension of that. In my email to my classes as school starts, I asked them to configure their blogs, get an RSS aggregator and explore the site. Explore is the keyword.

… features – similar to Facebook, Twitter, etc – will probably seem familiar to many.

My philosophy of teaching includes instilling in my students a sense of exploration and play. And dealing with change.

The Buddypress site is an extension of that. In my email to my classes as school starts, I asked them to configure their blogs, get an RSS aggregator and explore the site. Explore is the keyword.

Dr. Michael Stephens on his BuddyPress enabled course sites

Page 184: WordPress for Libraries PreConference Workshop
Page 185: WordPress for Libraries PreConference Workshop
Page 186: WordPress for Libraries PreConference Workshop
Page 187: WordPress for Libraries PreConference Workshop

Set up a network of sites with WordPress MultiSite

Page 188: WordPress for Libraries PreConference Workshop
Page 189: WordPress for Libraries PreConference Workshop
Page 190: WordPress for Libraries PreConference Workshop

Library Catalogs

Page 191: WordPress for Libraries PreConference Workshop

“..easy to let library staff at the various libraries contribute articles to the blog, ensuring a lively, regularly updated blog/catalog.”

(isis.pbcantwerpen.be/)

(translated with google translate)

Page 192: WordPress for Libraries PreConference Workshop
Page 193: WordPress for Libraries PreConference Workshop

Scriblioscriblio.net

Page 194: WordPress for Libraries PreConference Workshop

Selected WP Books(There are tons more great ones!)

• Digging into WordPress by Jeff Starr & Chris Coyier (digwp.com)

• Beginning WordPress 3 by Stephanie Leary

• Smashing WordPress by Thord Hedengren

Page 195: WordPress for Libraries PreConference Workshop

More Help!

• WordPress Codex - http://codex.wordpress.org/

• WordPress Forums - http://wordpress.org/support/

• WordPress FAQ’s - http://codex.wordpress.org/FAQ

• New to WordPress? –tips http://codex.wordpress.org/FAQ_New_To_WordPress

Page 196: WordPress for Libraries PreConference Workshop

Thank you!

http://lib20.pbworks.com