Customization and Plugins

Jon BrownjBrownStudios.com | 9seeds.com

@jb510

Tuesday, February 19, 13

Prerequisites

Part 1 (geekery)

• Some familiarity with HTML/CSS

• No need for PHP today

Part 2 (non-geekery)

• Some familiarity with a self-hosted WordPress installation

Tuesday, February 19, 13

Developer Tools

• FTP

• Code Editor

• Browser Tools - FireBug / WebKit Dev Tools

• Local AMP Stack

• Version Control (git/svn)

Tuesday, February 19, 13

FTPMac

Transmit

FileZilla

CyberDuck

FireFTP for FireFox

Win

WinSCP

FileZilla

FireFTP for FireFox

Tuesday, February 19, 13

Code EditorMac

Coda 2

Sublime Text 2

TextMate

Win

NotePad++

TextWrangler

Tuesday, February 19, 13

Wait WaitWhat About

DreamWeaver...

• Yes... you CAN use DreamWeaver, for both FTP and as a code editor, but not many do.

Tuesday, February 19, 13

Browser Tools

• FireBug or WebKit Dev Tools

• (quick demo)

Tuesday, February 19, 13

WordPress Tools

• The Codex

http://codex.wordpress.org/

• Developer Documentation

http://codex.wordpress.org/Developer_Documentation

Tuesday, February 19, 13

Getting Started Creating a theme

1. Understand the WP Core file structure

2. Understand the WP theme template hierarchy

http://codex.wordpress.org/Template_Hierarchy

3. Hooks (Actions and Filters

http://codex.wordpress.org/Plugin_API#Hooks.2C_Actions_and_Filters

Tuesday, February 19, 13

WP Core File Structure

http://codex.wordpress.org/WordPress_Files

• root

• wp-admin

• wp-includes

• wp-content

Tuesday, February 19, 13

WP Template Hierarchy

http://codex.wordpress.org/Template_Hierarchy

Tuesday, February 19, 13

Templates

http://codex.wordpress.org/Stepping_Into_Templates

• Basic template page Header / Content / Footer

(quick demo)

Tuesday, February 19, 13

Hooks• Actions: Actions are the hooks that the WP core

launches at specific points during execution, or when specific events occur. Your plugin can specify that one or more of its PHP functions are executed at these points, using the Action API.

• Filters: Filters are the hooks that WordPress launches to modify text of various types before adding it to the database or sending it to the browser screen. Your plugin can specify that one or more of its PHP functions is executed to modify specific types of text at these times, using the Filter API.

Tuesday, February 19, 13

More Practical Things

• How to modify a theme... with a CHILD THEME!

Tuesday, February 19, 13

One Click Child Theme Plugin

http://wordpress.org/extend/plugins/one-click-child-theme/

Tuesday, February 19, 13

Lets demo some code (css / php)

customizations

Tuesday, February 19, 13