Tweet
Tweet

Slide 1

Slide 1 text

©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 2

Slide 2 text

©2014 Karen McCamy  FreelanceTechnologyReview.com About WordPress  Why WordPress?  Content Management System (CMS): ○ “…a web application [software] designed to make it easy for non- technical users to add, edit and manage a website.” -- https://plone.org ○ Natively Handles (“behind the scenes”):  User accounts & permissions  Security  Maintenance (updates & backup)  Navigation elements (MENUs)

Slide 3

Slide 3 text

Dashboard Tour… ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 4

Slide 4 text

Dashboard: remember…  When you login, this is where you start!  Where editing takes place  Where you add to your site  Where you customize elements  Where you modify/view WP settings Your Theme affects Dashboard appearance! ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 5

Slide 5 text

Main MENU The Dashboard TOUR ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 6

Slide 6 text

Content Area The Dashboard TOUR ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 7

Slide 7 text

*Contextual HELP The Dashboard TOUR ©2014 Karen McCamy  FreelanceTechnologyReview.com *What shows here is specific to the page or section you are viewing

Slide 8

Slide 8 text

Customizing the Content Area Use: the “Screen Options” area 1. Click on the ▼ 2. The Options tab expands 3. Check or uncheck the options 4. Your changes appear immediately 5. Click on the ▲ to close the tab ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 9

Slide 9 text

Settings  Where you configure WordPress…  General  Reading  Writing  Discussion  Media  Permalinks ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 10

Slide 10 text

WordPress Elements  PAGES  Posts  Plugins  Widgets  Templates ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 11

Slide 11 text

 Purpose: for “evergreen” or “static” content  Examples  HOME page  ABOUT page  CONTACT page  PRIVACY POLICY/DISCLOSURE  As PARENT for sub-pages  Codex: http://codex.wordpress.org/Pages  Difference from Posts:  No Categories or Tags  No Comments (typically) Pages ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 12

Slide 12 text

©2014 Karen McCamy  FreelanceTechnologyReview.com Walk-thru: Creating a PAGE 1. PAGES Menu 2. Select “New” 3. Enter a Title 4. Enter some content 5. Click “Publish” That’s it!

Slide 13

Slide 13 text

 What is a Post? ○ Often most confusion… ○ Posts are what makes WordPress so powerful!  Purpose: for current or news-y content  Examples: ○ Articles (as on my sites) ○ “Blog” posts (examples) ○ Galleries ○ Portfolios  Use Categories & Tags for organization (Session #3) Posts ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 14

Slide 14 text

Walk-thru: Creating a Post Start at the “Posts” menu 1. Option 1: “All Posts” (shows existing posts) 2. Option 2: “New” (where you add a new post) ©2014 Karen McCamy 

Slide 15

Slide 15 text

Working with Images  Legal Issues  Image Sources  WP Media Library  Uploading Images  Image Sizes  WP Image Editor ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 16

Slide 16 text

Images: Legal Issues  Copyright  Every Image belongs to somebody!  Know legal use!  Do your research  Public Domain  WikiMedia (http://commons.wikimedia.org/) ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 17

Slide 17 text

Image Sources  Public Domain  GPU License(s): ○ http://commons.wikimedia.org/wiki/Common s:Reusing_content_outside_Wikimedia ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 18

Slide 18 text

Image Tips  Image sizes: for the web, small rules! (DEMO on FTR)  Create a post format and stick with it!  DEMO “Featured image” ○ Don’t duplicate!  Social media posts with images get way more clicks! ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 19

Slide 19 text

©2014 Karen McCamy  FreelanceTechnologyReview.com Image Sources  Stock Photos  StockFresh (http://stockfresh.com/)  iStockPhoto (http://www.istockphoto.com/)  Search “stock photos”  Creating Your Own Graphics  Pablo (buffer.com/pablo)  Canva (www.canva.com)

Slide 20

Slide 20 text

Media Library  Preparing Images  Renaming (think SEO)  Choosing the size ○ “small” or “xtra- small”??? ○ DEMO: stock photos  Uploading  DEMO: Walk- thru  Adding the Alt tag ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 21

Slide 21 text

Media Library  Good Housekeeping:  Keep it Lean! ○ Deleting Images ○ Archive all your images in a separate folder on your computer  Searching (DEMO) ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 22

Slide 22 text

©2014 Karen McCamy  FreelanceTechnologyReview.com UX (User Experience)  It’s not about you…  It’s all about your site visitor!  UX Factors:  MENUs / Navigation  Taxonomy = an organizational structure ○ WordPress Categories ○ WordPress Tags  Site Aesthetics (WP “Theme” [Session #3])

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

©2014 Karen McCamy  FreelanceTechnologyReview.com MENUs Review  2-Step Process: 1. Create Your Taxonomy (Posts Menu) ○ Categories ○ Tags 2. Create Your Menu ○ Appearance  Menus  Edit Menu - Create or Select Menu - Make sure to select the correct menu! - Menus are theme-specific *NOTE: WP menus are powerful… Use them! Your theme should not use their own menu system!

Slide 35

Slide 35 text

Plugins  What is a Plugin?  Think “applets”  WP Codex: http://codex.wordpress.org/Plugins  Why…  …use them?  …aren’t they included in WordPress? ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 36

Slide 36 text

Plugin Review  What’s a Plugin?  WP Codex (http://codex.wordpress.org/Plugins ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 37

Slide 37 text

Plugins (continued)  Two Types  Internal: ○ add functionality to your Dashboard or "backend“ ○ They do not impact your site load times!  External: ○ add functionality to your site or "frontend“ ○ These DO impact your site load times ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 38

Slide 38 text

Plugins (continued)  Examples  Internal: ○ Post Notes ○ Lorem Ipsum ○ Duplicate Posts ○ Editorial Calendar  External: ○ Subscribe Form (such as MailChimp) ○ Adsense ○ Related Posts ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 39

Slide 39 text

Plugins  What is a Plugin?  Think “applets”  WP Codex: http://codex.wordpress.org/Plugins  Why…  …use them?  …aren’t they included in WordPress? ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 40

Slide 40 text

Plugins (continued)  Two Types  Internal: ○ add functionality to your Dashboard or "backend“ ○ They do not impact your site load times!  External: ○ add functionality to your site or "frontend“ ○ These DO impact your site load times ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 41

Slide 41 text

Plugins (continued)  Examples  Internal: ○ Post Notes ○ Lorem Ipsum ○ Duplicate Posts ○ Editorial Calendar  External: ○ Subscribe Form (such as MailChimp) ○ Adsense ○ Related Posts ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 42

Slide 42 text

 Where to find plugins  Only the WordPress Repository: www.wordpress.org/plugins  Researching plugins  Take your time…sometimes lots of time!  See previous slides: Basic WordPress Elements ©2014 Karen McCamy  FreelanceTechnologyReview.com Plugin Review (continued)

Slide 43

Slide 43 text

Walk-thru: Plugins MENU  Start at the “Plugins” MENU  Hover → opens the Plugins sub-menu 1. Installed Plugins – for reviewing, support 2. Add new (just what it sounds like!) *NOTE: We’ll be working with plugins next week in Class #2 ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 44

Slide 44 text

 Purpose:  for special-purpose content & “features” (not “functionality”)  Adds content to specific areas ○ Header ○ Footer ○ Sidebar(s)  Widgets are NOT the same as PLUGINS!  Theme-specific widget areas & widgets Widgets ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 45

Slide 45 text

 Codex: http://codex.wordpress.org/WordPress_Widgets  Examples:  Twitter Feed (real-time)  Recent Comments  “Editorial” Theme  “Headlines” Theme  “Karma” Theme  Theme Widgets: MySiteMyWay Themes Widgets (continued) ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 46

Slide 46 text

Why “Themes” ???  Aesthetics…  “Look & Feel”  For Example… Karen McCamy -

Slide 47

Slide 47 text

Theme Basics  WordPress MUST have 1 theme to function…  WP includes 2-3 FREE themes, produced by Automattic (the company behind WordPress) Karen McCamy - “2014” “2013” “2012”

Slide 48

Slide 48 text

Using a Theme  Custom Theme Menu  In your Dashboard  Every theme developer is different! Karen McCamy - Freelance Theme Menu

Slide 49

Slide 49 text

Using a Theme  Customizing “Best Practices”:  Explore your Theme Options  Look for Theme Doc’s & Read!  Link to the Docs & Support!  Decide on changes (make a list!)  Prioritize those changes  Try out 1 change at a time! Karen McCamy - Freelance

Slide 50

Slide 50 text

Summary…  Themes are for aesthetics  All themes are different…  In style and format  In support and licensing  There is no shortcut…  invest your time to do the requisite research  Find something you like  Make sure you can work with it yourself  I’m happy to help: email me… Karen McCamy - Freelance

Slide 51

Slide 51 text

Managing Your WP Site WP Updates: WordPress: automatic, hopefully! ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 52

Slide 52 text

Managing Your WP Site Plugin Updates: *Always check compatibility! ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 53

Slide 53 text

Managing Your WP Site Theme Updates Remember my ‘theme’ caveat: every theme is different TIP: Always do a manual compatibility confirmation of plugins & your current theme whenever WP is updated! ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 54

Slide 54 text

Backups ! Don’t rely on your host for backups!  Read the fine print…  Most hosting companies don’t guarantee their own (free) backups!  Take control…manage backups yourself 1. Plugins 2. Paid Hosting Add-ons ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 55

Slide 55 text

Backups: Options Plugins:  Backup Buddy  VaultPress (by Automattic)  Updraft Plus  Lots more…just Google it!  Host Options Differ… Check with your hosting company ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 56

Slide 56 text

Backup Plugins: What to look for: 1. Storage options ○ Dropbox or other cloud locations ○ Email option 2. Scheduling ○ Daily ○ Weekly 3. Simplicity of restoring! ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 57

Slide 57 text

Managing Users  Users Menu  Create new  Manage  Delete  Codex: http://codex.wordpress.org/Users_Add_New_Screen  Important TIPS here… READ! ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 58

Slide 58 text

Users: “LEVELS” Codex: http://codex.wordpress.org/Roles_and_Capa bilities ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 59

Slide 59 text

Users: TIPS  Use LOWEST user level necessary  Subscribers can register themselves…option in ‘Settings’  Why ‘self-registration’? ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 60

Slide 60 text

Security Overview  “Open Source” means…  Security “holes”  Publication  Global Access  “Admin” login  Vulnerable…  Change it! ©2014 Karen McCamy  FreelanceTechnologyReview.com

Slide 61

Slide 61 text

Security  Login Tips  Don’t use “admin”  Create hard passwords ○ Use a Password Generator  Secure “User Account” Policy  Plugins:  “WordFence”  “LimitLoginAttempts”  Consider removing “WordPress” ID in footer ©2014 Karen McCamy  FreelanceTechnologyReview.com