39
WordPress Developer 101 Introduction to WordPress Development

WordPress developer 101

Embed Size (px)

DESCRIPTION

An overall view of WordPress for Developers - or wannabe WP Developers.

Citation preview

Page 1: WordPress developer 101

WordPress Developer 101

Introduction to WordPress Development

Page 2: WordPress developer 101

by Cindy CullenStarted programming in 1983

AS in Computer Data Processing, NSTI 1987BS in Computer Science, APSU 1989Corporate World – General Electric

Information Services, American Chemical Society, Iostudio

Freelance since 2003WordPress Health Insurance Protection –

wpHIP.com

Page 3: WordPress developer 101

What is WordPress?WordPress is a free and open source

blogging tool and a content management system (CMS) based on PHP and MySQL. Features include a plugin architecture and a template

system. WordPress was used by more than 22% of the top 10 million websites

as of August 2013.

Page 4: WordPress developer 101

Why am I using WordPress?

If you can’t beat ‘em,

Join ‘em!

Page 5: WordPress developer 101

ProsO Fast, easy DevelopmentO Designers LOVE it! – Easy theme

developmentO Low CostO Easy to use for non-programmersO Many features built-inO Plugins (expansion, customization, add-

ons)O CommunityO Available on most Shared Hosting LAMP

Platforms with easy install

Page 6: WordPress developer 101

Cons

O Open Source – open to hackers – security

O Bloated? Maybe a little

O Slow and inefficient in some cases

O Requires lots of maintenance

Page 7: WordPress developer 101

Themes

Page 8: WordPress developer 101

Free Themes

Page 9: WordPress developer 101

Free Plugins

Page 10: WordPress developer 101

Content Management

Page 11: WordPress developer 101

Media Management

Page 12: WordPress developer 101

User Management

Page 13: WordPress developer 101

Posts

Posts are entries listed in reverse chronological order.Posts have categories and

tags.

Think: Blog

Page 14: WordPress developer 101

Pages

O StaticO Not listed by dateO Don’t have Categories or

tags

Think: ‘About Page’

Page 15: WordPress developer 101

WordPress Under the Hood

How it works

Page 16: WordPress developer 101

WordPress Files

Page 17: WordPress developer 101

wp-content folder

Page 18: WordPress developer 101

WordPress Database

Page 19: WordPress developer 101

Posts Table

Page 20: WordPress developer 101

Theme Development

Page 21: WordPress developer 101

Multiple Themes

Page 22: WordPress developer 101

Templates

Page 23: WordPress developer 101

page.php

Page 24: WordPress developer 101

Child Themes

Page 25: WordPress developer 101

My Theme

Page 26: WordPress developer 101

Changes to my Theme…

Page 27: WordPress developer 101

Won’t get Overwritten with Theme Updates

Page 28: WordPress developer 101

Installing Premium Themes

Page 29: WordPress developer 101

Hooks: Actions and Filters

Hooks are functions that allow you to ‘hook’ into the WordPress core.

Actions: Functionality (add or remove code from core)

Filters: Manipulate existing data (replaces code from the core)

Page 30: WordPress developer 101

functions.php

Page 31: WordPress developer 101

Plugin Development

Page 32: WordPress developer 101

Functions: Separate Files and Folders for Actions and Filters

Page 33: WordPress developer 101

ShortCode API

Page 34: WordPress developer 101

ShortCode in a Post

Page 35: WordPress developer 101

Widgets

Page 36: WordPress developer 101

Sidebars

Page 37: WordPress developer 101

Footer Widgets

Page 38: WordPress developer 101

Footer Blocks

Page 39: WordPress developer 101

For More Info:

Cindy CullenCullen Web Services

Cullenwebservices.comwpHIP.com

[email protected]