09-10-2012-getting-started-with-word-press

1 GENERAL ASSEMBLY 09.10.2012

Getting Started with WordPress Jerome Miller

Jerome MillerGeneral Assembly San Francisco09.10.2012

GETTING STARTED WITH WORDPRESS

About | Hosting | Styling | Adding Functionality

3

General Assembly is a global network of campuses for individuals seeking opportunity and education in technology, business, and design founded in NYC.

Follow us on Twitter at @GA_SF for the latest news on classes, courses, and events in San Francisco, and use the hashtag #GASF to continue the conversation.

Take a look at our course catalog at generalassemb.ly/sf for a list of classes currently offered.

HELLO.

GENERAL ASSEMBLY 09.10.2012


4

• Jerome Miller - Kentucky• Teamsite - Cisco• MCMS - Ky.gov CMS training• Enterprise Standards - CA.gov• Start Up - UI Engineer• ZURB - Agency Design Manager• The Desire Mint - My Agency

WHO AM I?



5

Experience ?•WordPress•HTML/CSS•PHP

Goals ? •Blog•Website

WHO ARE YOU?



6

• B2 cafelog - Michel Valdrighi

• ~2003 Matt Mulwig• Open Source – YOU and ME• WordPress Foundation • Automattic • WordPress.org• WordPress.com

WHO IS WORDPRESS?



7

(Top 1M Sites)http://trends.builtwith.com/cmsIt’s a CMS!!!

•Versioning•doc Repository•Workflow•Enterprise Federation

… and much, much, more.

MORE THAN A BLOG



8

http://social.ford.com/ http://gigaom.com/ http://www.katyperry.com/ http://www.bu.edu/admissions/ http://www.carolinarollergirls.com/ http://www.cutestpaw.com/

EXAMPLE SITES



9

• configurable Dashboard• Posts vs Pages• doc/Media library• Links and Comments

WALK-THROUGH



10

• Screen Options• Dashboard• Rearrange



WALK-THROUGH

11

• Create a Page• Page Title – slug• Visual vs HTML• Kitchen Sink• Enter / Shift Enter <p> vs <br>• Full Screen



WALK-THROUGH

12

• Create a Post• Categories vs Tags• Featured Images



WALK-THROUGH

13

• Media Library



WALK-THROUGH

14

Links

•Manage and categorize external links for your whole site•Throwback to blogs and old websites•May still be useful



WALK-THROUGH

15

• Comments



WALK-THROUGH

16

• You have a choice to make WordPress.com vs Self Host

.COM VS .ORG



• Fully managed (secure and stable)• Free(ish) and Easy• Referrals / Community

• You cannot upload a custom theme• You can’t modify the PHP• You can’t upload plugins

• Any theme or plugin you want• Modify everything

• Stability and Security – up to you $• Dev up to you - $• Hosting up to you - $

17

A Plan for Growth1.Start with wp.com2.Get a domain3.Set up self hosting4.Export Your Content5.Customize your Theme

HOSTING .COM VS .ORG



18

Premium Services at wp.com•No ads $30•CSS-fonts-images $30•Domain $13•Guided migration $129•Redirect $13

.COM PREMIUM SERVICES



19

• Fantastico OR

SELF HOSTING



• download-upload• set up db• modify config file• initialize

20

• Fantastico – what’s that?• Don’t worry about it.

Look for the easy button…

SELF HOSTING – AUTO INSTALLERS



21

• Download - http://wordpress.org/download/

SELF HOSTING - DOWNLOAD



22

• Upload – to your webserver• Unpack it in the root • Or a subfolder

SELF HOSTING – UPLOAD FILES



23

• Create a MySQL Database

SELF HOSTING – CREATE A DB



24

• modify wp-config.php

SELF HOSTING – WP-CONFIG.PHP



25

• Look for WP logo• Linux over Windows < $• Go with specialty

• Or a big player $5 to $15/mo

• You get what you pay for

CHOOSING A HOST



26

• 7:15-7:20

5 MIN BREAK



27

• A New Blog or Website?• blog name, timezone, date format...• commenting rules• add widget in sidebar• set up custom menus – 2011• CMSerize it! - change front page

SET UP



28

• RSS and other options• Better than nothing

IMPORTING CONTENT



29

• Hardening WPhttp://codex.wordpress.org/Hardening_WordPress

SECURITY



30

• Themes & CSS• Pick a good theme Framework

* .com – limited themes and CSS for $

STYLING



31

Some Good Providers•http://www.studiopress.com/ •http://www.woothemes.com/ - canvas •http://www.elegantthemes.com/

STYLING – WITH THEMES



32

• Switching a theme• Demo

STYLING – WITH THEMES



33

• direct edit• new stylesheet• child theme

STYLING – WITH CSS



34

• Widgets, Plugins, Functions and More

• .com vs .org

ADDING FUNCTIONALITY



35

• How to add remove

ADDING FUNCTIONALITY - WIDGETS



36

• custom menus - how to enable and build

ADDING FUNCTIONALITY - MENUS



37

• Popular Options• http://wordpress.org/extend/plugins/akismet/ my #1 Akismet (Automattic)• http://wordpress.org/extend/plugins/contact-form-7/ Contact Form 7• http://wordpress.org/extend/plugins/wordpress-seo/ Yoast SEO• http://wordpress.org/extend/plugins/w3-total-cache/ caching

ADDING FUNCTIONALITY - PLUGINS



38

• Caution• Demo simple tricks• http://www.wpbeginner.com/wp-tutorials/25-extremely-useful-tricks-for-th

e-wordpress-functions-file/

function wpbeginner_remove_version() { return ''; } add_filter('the_generator', 'wpbeginner_remove_version');

ADDING FUNCTIONALITY - FUNCTIONS.PHP



39

• style and function• essential files• theme frameworks• child themes

ADDING FUNCTIONALITY – THEMES



40

• example

ADDING FUNCTIONALITY – SHORTCODES



41

• start with .com, get a domain, set up self hosting, export

FINAL RECCOMENDATION



42

Thanks for taking the [email protected]

Feedbackhttp://generalassemb.ly/education/class-feedback/

QUESTIONS



09-10-2012-getting-started-with-word-press

Technology

Transcript of 09-10-2012-getting-started-with-word-press