1 / 55

WordPress Basic Training

WordPress Basic Training. Purdue University Calumet June 2014. What We Will Cover. WordPress – Brief Overview From Login to Logout Basic Editing Tasks Creating / Revising Content Adding Images & uploading documents Creating Links Creating data tables Terminology.

winola
Download Presentation

WordPress Basic Training

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. WordPress Basic Training Purdue University Calumet June 2014

  2. What We Will Cover • WordPress – Brief Overview • From Login to Logout • Basic Editing Tasks • Creating / Revising Content • Adding Images & uploading documents • Creating Links • Creating data tables • Terminology

  3. What About Accessibility? • Seamless integration • Documents • MUST be accessible BEFORE they are uploaded • Support is available with quick turnaround • Resource: Web Accessibility Web site

  4. A Word About Browsers • Internet Explorer is a Diva • Compatibility Mode • Different versions behave differently • Editing issues crop up • You can choose another • Mozilla’s FireFox • Google’s Chrome

  5. Why WordPress? • Started out as blogging platform • Now a full-fledged Content Management System (CMS) • Lots of features, plugins • Customizing • We can make it sing!

  6. Content is Key (King? Queen?) • What you put on your site matters! • Who is your audience? • Current or Future Students? • Faculty & Research Scholars? • Alumni and Donors? • Regulators? • How can you best serve them?

  7. Questions to ask yourself about Your Content • Who is responsible for creating this? • What type of content are we publishing? • When will we publish this content? • Where will we publish it? • WHYare we publishing this?

  8. Posts & Pages & Media Posts Pages Static Content Changes rarely if at all Non-Relational Except for Parent / Child Not Grouped • Time-based Material • Keeps updating • Transient • Relational • Series of tutorials • Part of Groups • Categories • Tags Media • Images, documents, multimedia • Attachment pages

  9. Logging In • http://webs.purduecal.edu/yoursite/wp-login.php

  10. Admin Toolbar • Front side • Back end

  11. Your Workspace • Customize Your Workspace • Profile • Color Scheme • Nickname • Password • Dashboard • Screen Options – • On almost every page • Context

  12. Profile • DON’T check this box! • Adjust Color Scheme • Nickname – sometimes appears on front end • Password

  13. Screen Options

  14. Left Side Navigation

  15. Back to the Content! • You now have the basic lay of the land • You have been given some content to add • What’s next? • Think about the content! • (And think about your audience!)

  16. Structure / Presentation • How Content is structured / organized • Should it be a Post or a Page? • What does it contain? • text, • photos • Proper use of headings, lists, tables (for data only!!!) • How do we present it? • Styles, colors, look and feel

  17. Differences & Similarities Posts have… Pages have… Parents or Children Order Expiration Dates Option to appear in the menu bar Templates – more than Posts Featured Images Custom Fields • Categories • Tags • Excerpts • Expiration Dates • Featured Images • Custom Fields • Templates – a few

  18. Which One to Choose? • It Depends! • For Posts – Think News or Think Boxes • Current now • Irrelevant tomorrow or next week • Falls into Category • For Pages – Think Forever, more or less • Current now and tomorrow • Doesn’t need updated often

  19. Creating & Editing Posts & Pages • How are they alike? • The WYSIWYG editor • Title • Publish • Featured Image • Custom Fields • Theme SEO settings • Layout settings • Revisions

  20. Enter title here • First thing you do

  21. Heading & Link

  22. Next Step – Add the Content • Text editor – WYSIWYG (WIZ-ee-wig) • Works just like any other word processer

  23. The Toolbar –Quick Reference

  24. Paste …

  25. Pop up • Paste as Plain Text

  26. Text Formatting Text formatting dropdown

  27. Structure: Headings • Give structure and shape to your page • Not just a BLOB of text • Tips • Keep them short – 90 characters or so • Follow a logical order / hierarchy like an outline • h1 • H2 • H3 • This is your visitor’s navigation • Roadmap through the page

  28. Structure: Lists • If you have a series of short paragraphs, that’s a list • Ordered: • When the order matters like Step 1, Step 2 • Unordered (bulleted) • When the order doesn’t matter.

  29. Insert / Edit Link Insert Edit Link / Unlink

  30. Link Dialog Box • Either paste the URL in the box or…

  31. Link Dialog – Existing Content • Link to existing content with dropdown

  32. Just say no to opening new windows!Please! Open Link in new Window

  33. What “open new window” looks like • In the editor’s window • On the front end

  34. Tips for links • Human readable text • Don’t use phrases that convey no information as links such as: • Click here, • Here, • More, • Read more • Do use text that makes sense out of context such as ‘degree requirements for BS in journalism’. • Do make links long enough to make sense – think about the copy you write • Don’t make links too long or too short. About seven words is a good maximum to aim for. • Don’t use the actual link as your text • (i.e. http://webs.purduecal.edu/creative/services/ ) • Use something descriptive such as Creative Services

  35. Tables – For Data, not Layout Insert Table Drop Down

  36. Tables – the simpler the better! • Tables are read row by row, cell by cell • Think them through first • What if you couldn’t see the data? • How could you make sense of it? • A few easy steps... • Caption • Header Rows • Header Cells / Scope

  37. Table Properties Table Properties

  38. No More Summaries • Summaries are not required for tables now • Instead… • Introduce the table in your copy • Explain the purpose of the table • Outline the basic structure • Explain how to use it

  39. Table Header Rows

  40. Table Cell Properties

  41. Add Media Upload / Insert Images, Multimedia(video/audio/ etc.) and documents (PDF, Word, Excel, PowerPoint)

  42. Insert Media from Library

  43. Settings for Media • Settings are on the right of the screen • Title • Caption • Alternate Text • Description • Attachment Display Settings

  44. Editing Images - Icons

  45. Alternate Text

  46. Graphic Text & Tips • Alt text must = what’s on the graphic • Tip – • keep alternate text about the length of a Tweet – 140 characters • If you need to say more, create a separate page and link the image to that page.

  47. Upload Files • Easy to do – maximum file size 2 megabytes • Not recommended from within Post or Page– use Media Library to upload • Alternate textStays with image ifuploaded viaMedia Library

  48. Upload via Media Library

  49. Edit Media • Add the Alternate Text here, in the library

  50. Where is the HTML Editor Window? • Gone. All Gone. Almost.

More Related