Making websites with Wordpress
-
Upload
dan-phiffer -
Category
Technology
-
view
915 -
download
1
Transcript of Making websites with Wordpress
![Page 1: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/1.jpg)
Making websites with WordPress
A workshop by Dan Phiffer for Trade School
![Page 2: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/2.jpg)
1. How to begin
2. A tour of wp-admin
3. Finding your WordPress theme
4. Keeping things running smoothly
5. Where to find help
![Page 3: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/3.jpg)
First, what is WordPress?
![Page 4: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/4.jpg)
Software for publishing websites
![Page 6: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/6.jpg)
Huge community of developers & users
![Page 7: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/7.jpg)
Assumptions
1. You are not a “technical person”
2. You are willing to learn new things
3. You have something you want to put online
4. You don’t mind a trade-off of convenience for more control
![Page 8: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/8.jpg)
Welcometo the internet
![Page 9: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/9.jpg)
What do you need?
1. Hosting service
2. A domain name optional
3. A WordPress theme
![Page 10: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/10.jpg)
Web hosting
• For a small website, shared hosting is what you want
• I recommend Dreamhost disclosure: I get a kickback if you sign up via this link
• There are many options bluehost.com, 1and1.com, mediatemple.com are popular choices
![Page 11: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/11.jpg)
wordpress.com
• The official WordPress hosting service
• It’s free to start + paid upgrades
• Some limitations can’t install plugins, only officially-supported themes
• No domain required e.g., you.wordpress.com
![Page 12: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/12.jpg)
Domain name
• You might get one free with hosting
• Most web hosts also register domains
• Try instantdomainsearch.com to brainstorm possibilities
![Page 13: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/13.jpg)
Ok, let’s start
• We’ve already purchased hosting
• I’ll show the next steps in the Dreamhost web panel
• Other hosting providers have a similar process
![Page 14: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/14.jpg)
![Page 15: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/15.jpg)
![Page 16: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/16.jpg)
![Page 17: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/17.jpg)
![Page 18: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/18.jpg)
![Page 19: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/19.jpg)
![Page 20: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/20.jpg)
![Page 21: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/21.jpg)
![Page 22: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/22.jpg)
You enter your payment info...
![Page 23: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/23.jpg)
! Domain name
![Page 24: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/24.jpg)
![Page 25: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/25.jpg)
![Page 26: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/26.jpg)
![Page 27: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/27.jpg)
![Page 28: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/28.jpg)
! Site configured
![Page 29: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/29.jpg)
![Page 30: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/30.jpg)
![Page 31: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/31.jpg)
![Page 32: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/32.jpg)
![Page 33: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/33.jpg)
![Page 34: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/34.jpg)
![Page 35: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/35.jpg)
! WordPress
![Page 36: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/36.jpg)
![Page 37: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/37.jpg)
![Page 38: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/38.jpg)
![Page 39: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/39.jpg)
![Page 40: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/40.jpg)
![Page 41: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/41.jpg)
![Page 42: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/42.jpg)
! Ready to use!
![Page 43: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/43.jpg)
wp-admin
![Page 44: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/44.jpg)
Demo
![Page 45: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/45.jpg)
WordPress Themes
![Page 50: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/50.jpg)
There are many choices
• WordPress official theme directory
• ThemeShaper theme-making tutorial + Thematic framework
• Make your own or hire somebody
• Commercial themes
![Page 51: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/51.jpg)
Upkeep
![Page 52: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/52.jpg)
Back up your shit
• Make a zip file of your entire site
• Learn how to make MySQL dump files
• Download to a different computer
• Automate this so you don’t have to remember
![Page 53: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/53.jpg)
No seriously,back up your shit
![Page 54: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/54.jpg)
Upgrade aggressively
• Always run the most recent version of WordPress or you will be hacked
• Use your host’s one-click installer or the built-in automatic upgrade
• Also keep your plugins and themes current beware compatibility issues
![Page 55: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/55.jpg)
Required plugins
• WP-Super-Cache will save you when you get a big spike in traffic
• Akismet makes it possible to turn on comments without getting spammed
![Page 56: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/56.jpg)
Customization
• Try poking around inside wp-content/themes/theme-name
• Keep track of changes you make to your theme
• If/when your them gets updated you may need to reapply your changes
![Page 57: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/57.jpg)
Run your site locally
• Test out changes on your own computer
• wpbeginner’s video tutorials
• Beau Lebens’s Advanced WordPress Development Environments
![Page 58: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/58.jpg)
Yes, things will break
![Page 59: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/59.jpg)
Remember those backups?
![Page 60: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/60.jpg)
Practice restoring from a backup
![Page 61: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/61.jpg)
![Page 62: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/62.jpg)
How to fix this
• Put up a new replacement site
• Excavate your hacked site
• Reclaim your URL with Google’s webmaster tools
• Get help from Badware Busters
![Page 63: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/63.jpg)
The first thing to try
• If you have odd problems, it may be a compatibility issue
• Try testing with the ‘default’ theme
• Disable all of your plugins
• Re-enable them one at a time
![Page 64: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/64.jpg)
Where to find help
• Google for your error message, problem description, etc.
• WordPress forums
• IRC chat go to channel #wordpress
![Page 65: Making websites with Wordpress](https://reader034.fdocuments.net/reader034/viewer/2022052410/554fd982b4c90516478b4b00/html5/thumbnails/65.jpg)
How to find coders
• Ask your friends if they know anyone
• Know what you want to do in general terms
• Be flexible about the technical approach