Intro to word press
-
Upload
dan-phiffer -
Category
Documents
-
view
538 -
download
0
Transcript of Intro to word press
![Page 1: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/1.jpg)
Intro to WordPressFast, Easy, Complicated, and Powerful Web
ITP, Spring 2011, section 1, session 2Dan Phiffer [email protected]
![Page 2: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/2.jpg)
Coding from scratch
![Page 3: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/3.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/4.jpg)
This can be easier!
![Page 5: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/5.jpg)
Let’s use WordPress!
![Page 6: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/6.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/7.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/8.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/9.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/10.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/11.jpg)
![Page 12: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/12.jpg)
![Page 13: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/13.jpg)
![Page 14: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/14.jpg)
![Page 15: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/15.jpg)
![Page 16: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/16.jpg)
![Page 17: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/17.jpg)
![Page 18: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/18.jpg)
![Page 19: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/19.jpg)
![Page 20: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/20.jpg)
![Page 21: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/21.jpg)
![Page 22: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/22.jpg)
![Page 23: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/23.jpg)
![Page 24: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/24.jpg)
![Page 25: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/25.jpg)
Let’s customize this thing
![Page 26: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/26.jpg)
The bare minimum files you need for a theme
• index.php
• style.css
![Page 27: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/27.jpg)
The bare minimum you need for a child theme
• index.php
• style.css
![Page 28: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/28.jpg)
/*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](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/29.jpg)
![Page 30: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/30.jpg)
![Page 31: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/31.jpg)
![Page 32: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/32.jpg)
![Page 33: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/33.jpg)
![Page 34: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/34.jpg)
![Page 35: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/35.jpg)
![Page 36: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/36.jpg)
![Page 37: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/37.jpg)
Nothing happened!
![Page 38: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/38.jpg)
/*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](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/39.jpg)
![Page 40: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/40.jpg)
![Page 41: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/41.jpg)
![Page 42: Intro to word press](https://reader034.fdocuments.net/reader034/viewer/2022051015/554bcd00b4c905ac708b46cf/html5/thumbnails/42.jpg)
Hey, it’s customized!