2011 05 word-press-not-just-for-blogging-anymore

24
Web Design done right Rudy Duke [email protected] www.nextiumsolutions.com 202-258-3252

Upload: rudy-duke

Post on 20-May-2015

402 views

Category:

Technology


0 download

DESCRIPTION

WordPress is not just for blogging anymore. Now it is a dynamic Content Management System (CMS) for sites large and small

TRANSCRIPT

Page 1: 2011 05 word-press-not-just-for-blogging-anymore

Web Design done rightRudy Duke

[email protected]

202-258-3252

Page 2: 2011 05 word-press-not-just-for-blogging-anymore

WordPress: Not Just for

Blogging Anymore!

Rudy [email protected]

www.nextiumsolutions.com202-258-3252

Page 3: 2011 05 word-press-not-just-for-blogging-anymore

Powerful tools at your disposal Relatively easy to build Robust Content Management

System (CMS) Open Source

Why WordPress is Amazing

Page 4: 2011 05 word-press-not-just-for-blogging-anymore

Static versus Dynamic Sites Which Flavor of WordPress? Key Components of a WordPress

Site Pages, Permalinks and Posts…

Oh My!

What is WordPress?

Page 5: 2011 05 word-press-not-just-for-blogging-anymore

Which Flavor of WordPress?

“Free” Professional

WordPress.com Hosted at

WordPress.com blogging service

WordPress Domain: “yoursite.wordpress.com”

Less control: can’t use plugins, your own ads

WordPress.org Self-hosted Your Domain:

“yoursite.com” Total control of

your site Download / install

latest version Discussion forums Browse the Codex

(documentation) “Real”

designers /developers

No usage restrictions at all.

Page 6: 2011 05 word-press-not-just-for-blogging-anymore

Domain Name Web Host Text / Code Editor File Transfer Protocol (FTP)

Program Image Editor Webmasters Tools Kit [http://

www.leveltendesign.com/wtk ]

Tools of the Trade

Page 7: 2011 05 word-press-not-just-for-blogging-anymore

Register a domain name such as rudyduke.com

www.Hostway.com or www.Godaddy.com or www.HostGator.com are good choices for registering domains. ◦ Cost is around $10 per year. ◦ At such a low price, consider purchasing

the “yoursite.com”, “yoursite.org” and even “yoursite.net” versions.

Select a domain name that:◦ Represents what your site is about; ◦ Is as short (25 letters or less) as possible,

and ◦ Contains real words that are easy to spell.

Tools: Domain Name

Page 8: 2011 05 word-press-not-just-for-blogging-anymore

Owning a domain name is half of the equation. Now you need a web server to “host” your domain.

Hosting is more expensive than domain names, but for low to medium traffic sites, even basic hosting plans are adequate.

HostGator.com and GoDaddy.com start at $3 - $5 per month.

Don’t ever skimp on hosting:◦ Pick a professional, reliable host that offers

great tech support via multiple media (web/chat/phone) and can usually get all issues resolved via text chat in less than 15 minutes.

◦ You get hundreds of professional email boxes (and can loose that AOL email address)

◦ You can host a WordPress or other CMS site◦ You can host an e-Commerce site

Tools: Web Host

Page 9: 2011 05 word-press-not-just-for-blogging-anymore

You don’t really need a WYSIWYG editor like Dreamweaver

Use a real Code Editor Several to choose from that are

free of inexpensive (< $60) Notepad++ (

www.notepad-plus-plus.org) is a free source code editor for MS Windows

jEdit is a mature programmer's text editor for MACs

Tools: Text/Code Editor

Page 10: 2011 05 word-press-not-just-for-blogging-anymore

You’ll need an FTP (File Transfer Protocol) software program to connect to your web server and transfer files back and forth from your computer

File transfer is all you need, but some programs offer more

Several to choose from that are free or inexpensive

FileZilla (http://filezilla-project.org/ )is a free program that is all you need whether Windows or MAC

Tools: FTP Program

Page 11: 2011 05 word-press-not-just-for-blogging-anymore

You’ll need an image editor to prepare graphics for your WordPress site

Although WordPress does a good job of optimizing and resizing graphics, you often need original graphics to be in the right proportion for sliders and such

Free/Inexpensive Image Editors:◦ Color Schemer:

www.colorschemer.com/online.html ◦ GIMP: ◦ Photoshop Elements (<$100)

Premium◦ Adobe CS5.5 Web Premium

Tools: Image Editor

Page 12: 2011 05 word-press-not-just-for-blogging-anymore

You MUST see what your site looks like in all the major browsers, so it’s a good idea to download them to your system◦ Firefox (FF3.0+)

Most Popular amongst Web Designers for Developers’ add-ons

Latest version is FF4.0◦ Internet Explorer (IE7+) – Latest

version is IE9.0◦ Google Chrome◦ Safari (Mac and iDivices)◦ Opera (prettiest)

Tools: Web Browsers

Page 13: 2011 05 word-press-not-just-for-blogging-anymore

Webmasters Tools Kit◦ [http://www.leveltendesign.com/wtk

] is a compilation of many of the aforementioned

ColorPix: ◦ http://

colorschemer.com/colorpix_info.php ◦ ColorPix is a neat little app that will

let you grab the color values and screen coordinates at any pixel on your screen.

Tools: Bonus Tools

Page 14: 2011 05 word-press-not-just-for-blogging-anymore

Setting Up WordPress

Installation in an Instant (well… 5 minutes)Setting the Right settings

Page 15: 2011 05 word-press-not-just-for-blogging-anymore

Business Requirements & Objectives

Picking the Perfect Theme Picking Powerful Plugins Categories and Tags Permalinks: Your URL Structure Users and Administrators

Planning Your Site

Page 16: 2011 05 word-press-not-just-for-blogging-anymore

Things to look for in a theme Where to find free themes Where to buy premium themes

Picking a Perfect Theme

Page 17: 2011 05 word-press-not-just-for-blogging-anymore

Anatomy of a WordPress Theme

Page 18: 2011 05 word-press-not-just-for-blogging-anymore

There are certain features that all themes should have:◦ Navigation◦ Theme Options◦ Widget Ready◦ The Functionality you need for each

project◦ Source files for customization

Things to look for in a theme

Page 19: 2011 05 word-press-not-just-for-blogging-anymore

Free themes are normally not as feature-rich as paid/premium themes; but there are many free themes that are better than some paid themes◦ WordPress.org Theme Library -

http://wordpress.org/extend/themes/ ◦ Smashing Magazine -

http://www.smashingmagazine.com/tag/wordpress/

◦ http://coding.smashingmagazine.com/2010/08/19/100-free-high-quality-wordpress-themes-for-2010/#more-51885

◦ Google - http://www.google.com/search?q=wordpress+themes

◦ Digging Into WordPress Theme Clubhouse http://themeclubhouse.digwp.com/

A sample free theme: http://www.smashingmagazine.com/2011/05/30/free-wordpress-3-1-theme-splendio-with-psd-sources/

Where to find free themes

Page 20: 2011 05 word-press-not-just-for-blogging-anymore

ThemeForest -

http://themeforest.net/ WooThemes -

http://www.woothemes.com/ ElegantThemes -

http://www.elegantthemes.com/ WPBest - http://wpbest.com/

Where to buy premium themes

Page 21: 2011 05 word-press-not-just-for-blogging-anymore

The WordPress Plugin Repository

Installing and Activating Plugins

Picking Powerful Plugins

Page 22: 2011 05 word-press-not-just-for-blogging-anymore

Site Setup

Page 23: 2011 05 word-press-not-just-for-blogging-anymore

The WordPress Dashboard