intro to word press

42
Intro to WordPress Fast, Easy, Complicated, and Powerful Web ITP, Spring 2011, section 1, session 2 Dan Phiffer [email protected]

Upload: dan-phiffer

Post on 08-May-2015

530 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Intro to word press

Intro to WordPressFast, Easy, Complicated, and Powerful Web

ITP, Spring 2011, section 1, session 2Dan Phiffer [email protected]

Page 2: Intro to word press

Coding from scratch

Page 3: Intro to word press

Coding from scratch

• You get more control

• You have to do more work

• More likely that you can fix your own site when it breaks

Page 4: Intro to word press

This can be easier!

Page 5: Intro to word press

Let’s use WordPress!

Page 6: Intro to word press

What is WordPress?

• Software for publishing websites

• Free Software (and also Open Source)

• Huge community of developers and users

Page 7: Intro to word press

What do we need to install a new WordPress site?

• Access to a server with PHP + MySQL

• A WordPress zip file

• A theme

Page 8: Intro to word press

Three theme options

• Use a pre-packaged theme

• Write a custom theme from scratch

• Make a child theme based on another one

Page 9: Intro to word press

Let’s start

• Download the files

• Unzip the files

• Upload the files to your server

• Rename the “wordpress” folder

Page 10: Intro to word press

Software we need

• Mac file transfer apps: Transmit or Cyberduck

• For Windows: FileZilla

• Login to itp.nyu.edu using SFTP or SCP with your NetID

Page 11: Intro to word press
Page 12: Intro to word press
Page 13: Intro to word press
Page 14: Intro to word press
Page 15: Intro to word press
Page 16: Intro to word press
Page 17: Intro to word press
Page 18: Intro to word press
Page 19: Intro to word press
Page 20: Intro to word press
Page 21: Intro to word press
Page 22: Intro to word press
Page 23: Intro to word press
Page 24: Intro to word press
Page 25: Intro to word press

Let’s customize this thing

Page 26: Intro to word press

The bare minimum files you need for a theme

• index.php

• style.css

Page 27: Intro to word press

The bare minimum you need for a child theme

• index.php

• style.css

Page 28: Intro to word press

/*Theme Name: My child themeTheme URI: http://example.org/Description: A child themeVersion: 1.0Author: Dan PhifferTemplate: twentyten*/

@import url("../twentyten/style.css");

style.css

Page 29: Intro to word press
Page 30: Intro to word press
Page 31: Intro to word press
Page 32: Intro to word press
Page 33: Intro to word press
Page 34: Intro to word press
Page 35: Intro to word press
Page 36: Intro to word press
Page 37: Intro to word press

Nothing happened!

Page 38: Intro to word press

/*Theme Name: My child themeTheme URI: http://example.org/Description: A child themeVersion: 1.0Author: Dan PhifferTemplate: twentyten*/

@import url("../twentyten/style.css");

body { background: #333;}

Update style.css

Page 39: Intro to word press
Page 40: Intro to word press
Page 41: Intro to word press
Page 42: Intro to word press

Hey, it’s customized!