wordpress made easy - university of maryland › sites › extension.umd.edu › files ›...

31
9/8/2015 1 WordPress Made Easy MidAtlantic Women in Agriculture September 9, 2015 Presenter: Catherine Hamrick Copresenter: Michele Walfred Who should blog? Type of business Small & large farmers Wineries & vineyards Creameries Roadside stands Farmers Markets Organic Venues (barns, tours) Ag photography What do you blog about Your story & history Your values Pictures of vegetables Pictures of animals Family Recipes Agriculture in the news Advocate for agriculture

Upload: others

Post on 09-Jun-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

1

WordPress Made Easy  MidAtlantic Women in Agriculture

September 9, 2015

Presenter: Catherine Hamrick  

Co‐presenter: Michele Walfred

Who should blog?

Type of business

• Small & large farmers

• Wineries & vineyards

• Creameries

• Roadside stands

• Farmers Markets

• Organic 

• Venues (barns, tours)

• Ag photography

What do you blog about

• Your story & history

• Your values

• Pictures of vegetables

• Pictures of animals

• Family

• Recipes

• Agriculture in the news

• Advocate for agriculture

Page 2: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

2

Welcome to WordPress!

Why WordPress?

• Popular Content Management System (CMS)

• No coding!

• Intuitive—simple to use

• Easy‐to‐follow structure

• Hosting—WordPress does it for you!

• Free!

Note: you can opt to sign up for a premium or business account later.

Page 3: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

3

It’s free—with lots of good stuff

• WordPress address

• 3 GB of storage (images)

• 200+ themes

• Basic customization (e.g.,  pages, widgets, header, background)

• Statistics

• WordPress support via forums

Get started with a dream theme

Page 4: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

4

Hemingway Rewritten

KISS: domain name

• Use keywords!

• Easy‐to‐see URL

• Easy to spell

• Logical word order

• Keep it tight

• Avoid hyphens

• Avoid underlines

• Avoid capitalization

Page 5: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

5

URL for Hamrick Fresh Farmstand

• Free = hamrickfreshfarmstand.wordpress.com

• $$$ = hamrickfreshfarmstand.com

• $$$ = hamrickfreshfarmstand.org

• $$$ = hamrickfreshfarmstand.net

Note: if you already have a domain, WordPress makes it easy to incorporate in their system.

Search! Hamrick Fresh Farmstand

Page 6: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

6

Plan: free, premium, or business

Fill in account settings

Page 7: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

7

Grab a Gravatar

Easy‐to‐remember username:hamrickfarm

Page 8: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

8

Snapshot: who are you?

Reader: where you find community

Page 9: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

9

Time to make your blog pretty

Dashboard: you’re at the controls!

Page 10: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

10

Go to my site & click on WP Admin.

Drop down to customize.

Page 11: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

11

Roadmap to customize

Easy steps to customize

• Site identity

• Colors & backgrounds

• Fonts

• Header

• Widgets

• Static font page

Note: we will review widgets later

Page 12: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

12

Simplify site title & tagline

Activate your blog!

Page 13: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

13

Palette: lighten up (left)

Is the default font in the mood?

Page 14: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

14

Header image: do you want to change the scene?

Static front page = blog

Page 15: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

15

Go to post & add new

Enter title and body & preview

Page 16: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

16

Your first post!

Insert your image

Page 17: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

17

Upload file from computer

First picture in your media library!

Page 18: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

18

Label image!

• Title: heirloom tomatoes

• Alt text: heirloom tomatoes

• Caption: Heirloom tomatoes—just picked from our field

• Description: heirloom tomatoes

Note: caption was removed in final post.

Try a medium size image

Page 19: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

19

Picture perfect for a post

Yay! First post

Page 20: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

20

Enter tags

Go to dashboard to create a category

Page 21: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

21

“Recipes” is your first category

Widgets!

Page 22: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

22

What is a widget?

Widget is a fancy word for tools or content that you can add, arrange, and remove from the sidebar(s) of your blog. 

Widgets make it easy to customize the content of your sidebar(s).

Widgets

Page 23: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

23

“Recipes” is your first category

Below tags, enter the category

Page 24: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

24

Get ready to insert URL

Copy the URL to insert

Page 25: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

25

Insert URL

Insert URL and link text

Page 26: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

26

Link is now active!

Lookin’ good

Page 27: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

27

Now it’s time to make a page!

Scroll down to pages and click “add”

Page 28: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

28

Create about us in editor

Check it out!

Page 29: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

29

Three images and text

Check daily stats

Page 30: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

30

Check months and years

Where do your visitors live?

Page 31: WordPress Made Easy - University Of Maryland › sites › extension.umd.edu › files › _image… · First picture in your media library! 9/8/2015 18 Label image! • Title: heirloom

9/8/2015

31

Contact Catherine & Michele

This presentation will provide you with the basics to get started. Have fun experimenting!

WordPress provides help through its forum. In addition, you can go to Udemy (www.udemy.com), which offers hundreds of tutorials. Instructors are vetted. Many courses are free.

Please email for assistance! We will set up a time to work with you

Catherine Hamrick: [email protected]

Michele Walfred: [email protected]

See you in 2016 for WordPress Made Easy (Part 2).  Thank you!