WORDPRESSFOR BEGINNERS WORKSHOP

ELIDA ARRIZZA | WORDCAMP MONTREAL 2015 | #WCMTL

Slides available at :

slideshare.net/elida-arrizza

WALKTHROUGH

HANDS ON

POST-WORDCAMP

INTRO

PRE-WORDCAMP

INTRO

HANDS ON (.COM)

PRE-WORDCAMP

POST-WORDCAMP

WALK THROUGH (.ORG)

ABOUT YOU

1.Name 2.Why are you here? 3.What do you expect to learn? 4.How do you intend to use WP?

Content, Design/UX, Code, Marketing etc.

ABOUT TEACHING ASSISTANTS

MARK SENFF KATHRYN PRESNER ELISE DESAULNIERS

SONIA GABALLA ALEX DANKOFF

ALEX RUAUX NANCY NALUZ

VERONICA LOUIS

ELIDA ARRIZZA@elida_ca

ABOUT ME

WHAT IS WORDPRESS?

• An Open Source Content Management System that runs primarily on PHP and Javascript.

• Initially was used to power blogs (and still is!)

Over 24% of top the 10M websites are powered by WordPress

• WordPress powers over 60 million websites worldwide

http://w3techs.com/technologies/details/cm-wordpress/all/all

VERY POWERFUL

WordPress Inspiration WP Showcase http://wordpress.org/showcase/ We Love WP http://welovewp.com/ WPInspiration http://wpinspiration.com/

Used for many types of sites: Blogs, CMS+Blog, CMS Magazine, Photo Portfolio, Video Portfolio etc…

Powerful enough to run large websites and applications (CNN, BBC, Mashable, NY Times blogs etc...)

• Self-Hosted allows for 100% customization

• Themes and plugins oh-my!

• Hosted for you. • No servers or code

required! • Allows CSS customization

only. • No third-party plugins.

WORDPRESS.ORG WORDPRESS.COM

2 FLAVOURS OF WORDPRESS

Differences between dotcom and dot org: http://en.support.wordpress.com/com-vs-org/

DATABASE + CODE = ♥

Storage of data like Content and Settings

Code that tells DB and Frontend what to do. The middle man.

Code that generates Frontend display that we see in browser.

DATABASE + CODE = ♥

PRE-WORDCAMP

HANDS ON (.COM)

ABOUT YOU

POST-WORDCAMP

WALK THROUGH (.ORG)

SATURDAY, JULY 4TH

http://montreal.wordcamp.org/2015/schedule/

SUNDAY, JULY 5TH

http://montreal.wordcamp.org/2015/schedule/

UX TRACKUSER TRACKCODE TRACK

SPECIAL TRACK THEMING TRACKMARKETING TRACK

TRACK LEGEND

Pre-plan

your

custom

track!

THE HAPPINESS BAR

flickr.com/groups/wpmtl/

More

pics on

flickr

AFTER PARTY Saturday @ 8pm

Bar Salon Cinematheque Quebecois

GENERAL AND SOCIAL

A drink is on us!

WALK THROUGH (.ORG)

HANDS ON (.COM)

ABOUT YOU

PRE-WORDCAMP

POST-WORDCAMP

INSTALL ON LOCAL AND ON SERVER

• Self-Hosted allows for 100% customization

• Themes and plugins oh-my!

WORDPRESS.ORG WORDPRESS.COM• Hosted for you. • No servers or code

required! • Allows CSS customization

only. • No third-party plugins.

IMPORTANT!

Intention of the “walk through” is to witness how it is done live.There are detailed step by step tutorial that you can try on your own.

http://www.slideshare.net/elida-arrizza/ladies-learning-code-worskshop-wordpress-for-beginners

INSTALL ON LOCAL AND ON SERVER

MANUAL INSTALL ON LOCAL

Ingredients we will encounter during the local install walk through.

Text editor

Sublime 3

Browser

Chrome or other browser

Server stack

MAMP (MAC)

WAMP (WIN)

WordPress

WordPress dot ORG

zip

MANUAL INSTALL ON LOCAL

localhost

Things we will encounter

MANUAL INSTALL ON LOCAL

Things we will encounter

ONE CLICK INSTALL ON HOSTING

Things we will encounter

ABOUT YOU

HANDS ON (.COM)

PRE-WORDCAMP

POST-WORDCAMP

WALK THROUGH (.ORG)

HANDS ON (.COM)

• Self-Hosted allows for 100% customization

• Themes and plugins oh-my!

WORDPRESS.ORG WORDPRESS.COM• Hosted for you. • No servers or code

required! • Allows CSS customization

only. • No third-party plugins.

“INSTALL” ON WORPRESS.COM

Things we will encounterMake an

account

NOW!

WORDPRESS.COM

GO TO “WP ADMIN”

WP ADMIN > DASHBOARD

Return to dashboard

Post Content

2

3

4

5

1

Website preview

Page Content

Themes+ widgets

Plugins

General Settings including Permalinks and

Landing page

6

7

Dashboard menu Toggle visibility of extra options

Click around and try!

WP ADMIN > POSTS

Dashboard > (All) Posts Dashboard > Add New Post

Posts have Categories Also Post format type

A piece of content with a publish date associated with it.

Create a post!

CREATE A POST!

Use funny ipsums!

Use some fun dummy text (Lorem Ipsum): •hipsteripsum.me •cupcakeipsum.com •baconipsum.com

WP ADMIN > PAGES

Dashboard → (All) Pages Dashboard → Add New Page

Pages have ‘Page attributes’

Create 3 pages!

INTRO TO THEMES

WP ADMIN > APPEARANCE> THEMES

Change the theme

MENUS

Make a menu!

INTRO TO WIDGETS

Introduction to Widgets What are they? What is a widget area? http://codex.wordpress.org/WordPress_Widgets

Dashboard → Appearance → Widgets

Drag widget

in sidebar

WP ADMIN > SETTINGS 

Managing comments, also individual pages & posts 

INTRO TO PLUGINS

Where do you get them? http://wordpress.org/plugins/

Dashboard → Plugins

Delete the plugins you don't want

Activate the ones you need Akismet blocks Comment spammers. You must sign up for a Free account https://akismet.com/signup/#free

DOT ORG ONLY

WALK THROUGH (.ORG)

HANDS ON (.COM)

POST-WORDCAMP

ABOUT YOU

PRE-WORDCAMP

#WPMTL COMMUNITY MEETUPS

FREE!

signup to

mailing list

wpmtl.org

Photo: Jeremy Clarke

#WPMTL SOCIAL EVENTS

Photo: Jeremy Clarke

FREE!

signup to

mailing list

wpmtl.org

Twitter.com/wordcampmtl

Facebook.com/groups/wpmtl

Linkedin.com/groups?gid=4665663

Newsletter > WPMTL.org

t

#WPMTL COMMUNITY ONLINE

Stay in touch!

central.wordcamp.orgtoronto.wordcamp.org/2015/

ottawa.wordcamp.org/2015/

vancouver.wordcamp.org/2015/

newyork.wordcamp.org/2015/

TORONTO

OTTAWA

NEW YORK

VANCOUVER

MORE WORDCAMPS

OTHER WP COMMUNITIES

This one time

at WordCamp

…

Have a Solid Backup Strategy

Take Important Security Measures

Don’t Forget Settings

Start Tracking Metrics with Analytics

Delete Default Content

Optimize Your Site’s SEO

Set Up a Contact Form

WHAT ELSE TO EXPLORE?

MUSTS!

Stay on top of updates for core, themes and plugins

WHAT ELSE TO EXPLORE?

• Moving your WordPress Online • WordPress User management • WordPress Custom Post types • Multiligual sites with WPML.org • Making your own themes with

the WP Template Hierarchy • Making your own plugins

More

suggestions

ANY TOPIC AT WORDCAMP!

http://kpresner.com/wordpress-resources/

HELP AND RESOURCES

Official wordpress.org The Codex (.org) http://codex.wordpress.org/ Support Forum (.org) http://wordpress.org/support Support (.com) http://en.support.wordpress.com Wordpress.tv http://wordpress.tv/ Development Resources Official Theme Development Checklist Sample Data http://codex.wordpress.org/Theme_Development_Checklist Book: Digging Into WordPress http://digwp.com/

Kathryn has the

best links!

http://kpresner.com/wordpress-resources-in-person/

QUESTIONS?

ELIDA ARRIZZA | WORDCAMP MONTREAL 2015 | #WCMTL

Slides available at : slideshare.net/elida-arrizza

GOOD LUCK & HAVE FUN!

Thanks to Kathryn Presner and to Shannon Smith at Café Noir Design for some of the content