more wordpress kathy e gill 3 february 2011. what is wordpress? a content management system

16
More WordPress Kathy E Gill 3 February 2011

Upload: malcolm-cole

Post on 12-Jan-2016

214 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: More WordPress Kathy E Gill 3 February 2011. What Is WordPress?  A content management system

More WordPressKathy E Gill3 February 2011

Page 2: More WordPress Kathy E Gill 3 February 2011. What Is WordPress?  A content management system

What Is WordPress?

A content management system

Page 3: More WordPress Kathy E Gill 3 February 2011. What Is WordPress?  A content management system

Recap:Widgets & Themes

Not all themes are widget-capable

Themes vary in widget options, location

Access via Dashboard, Appearance -> Widgets

Page 4: More WordPress Kathy E Gill 3 February 2011. What Is WordPress?  A content management system

Today

General Settings

Links

Categories

Design Considerations

Text Widgets

Basic HTML

Page 5: More WordPress Kathy E Gill 3 February 2011. What Is WordPress?  A content management system

General Settings

Lab: modify the tag line and set time zone to Pacific

Page 6: More WordPress Kathy E Gill 3 February 2011. What Is WordPress?  A content management system

Links

What are they

Where are they

How to edit/delete

See Links SubPanel tutorial

Lab: review existing links, add course site

Page 7: More WordPress Kathy E Gill 3 February 2011. What Is WordPress?  A content management system

Categories and Tags

What are they

Where are they

How to edit/deleteShould never have “uncategorized”

posts

Tutorial; categories sub-panel; tags sub-panel

Page 8: More WordPress Kathy E Gill 3 February 2011. What Is WordPress?  A content management system

Design Considerations

Dark on light is easier to read

San Serif fonts are easier to read on screen

Fixed versus variable widths: impact on readability

Page 9: More WordPress Kathy E Gill 3 February 2011. What Is WordPress?  A content management system

Text Widgets

The Text Widget allows you to add text or HTML to your sidebar, which makes it powerful and flexible.

You can use a text widget to display links, plain text, images, tables or CSS styled HTML.

Page 10: More WordPress Kathy E Gill 3 February 2011. What Is WordPress?  A content management system

For Portfolio Sites

Consider adding links to Facebook, LinkedIn and Twitter

To do this, we will use a Text Widget.

Page 11: More WordPress Kathy E Gill 3 February 2011. What Is WordPress?  A content management system

Adding Facebook Badge

Drag Text Widget to sidebar

Go to Facebook Profile Badges

Pick style, Select “Other”, Copy code

Paste into Text Widget; save

Page 12: More WordPress Kathy E Gill 3 February 2011. What Is WordPress?  A content management system

Code

Page 13: More WordPress Kathy E Gill 3 February 2011. What Is WordPress?  A content management system

We Need A Header!

Use the “Title” Field in the Text Widget

Or include the code in the body of the widget: <h2 class="widgettitle">Learn About

Me</h2>

Page 14: More WordPress Kathy E Gill 3 February 2011. What Is WordPress?  A content management system

Adding Twitter Badge

We’ll upload an image to your media gallery and link the image to your Twitter account (or a Twitter account).

HTML learned:img src – image tag,

required src and alta href – anchor tag for hyperlinks,

internal or external

Page 15: More WordPress Kathy E Gill 3 February 2011. What Is WordPress?  A content management system

Code

Page 16: More WordPress Kathy E Gill 3 February 2011. What Is WordPress?  A content management system

Credits

Kathy E Gill, @kegill

Creative Commons: share-and-share alike, non-commercial, attribution