WordPress Basic Training
description
Transcript of WordPress Basic Training
![Page 1: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/1.jpg)
WordPress Basic Training
Purdue University CalumetApril 2014
![Page 2: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/2.jpg)
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
![Page 3: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/3.jpg)
What About Accessibility?
• Seamless integration• Documents– MUST be accessible BEFORE they are uploaded– Support is available with quick turnaround
• Resource: Web Accessibility Web site
![Page 4: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/4.jpg)
• 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
A Word About Browsers
![Page 5: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/5.jpg)
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!
![Page 6: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/6.jpg)
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?
![Page 7: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/7.jpg)
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?
•WHY are we publishing this?
![Page 8: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/8.jpg)
Posts & Pages & Media
Posts• Time-based Material
– Keeps updating– Transient
• Relational– Series of tutorials
• Part of Groups – Categories– Tags
Pages• Static Content
– Changes rarely if at all• Non-Relational
– Except for Parent / Child• Not Grouped
Media• Images, documents,
multimedia• Attachment pages
![Page 9: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/9.jpg)
Logging In
• http://webs.purduecal.edu/yoursite/wp-login.php
![Page 10: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/10.jpg)
Admin Toolbar
• Front side
• Back end
![Page 11: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/11.jpg)
Your Workspace
• Customize Your Workspace– Profile• Color Scheme• Nickname• Password
– Dashboard– Screen Options – • On almost every page• Context
![Page 12: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/12.jpg)
Profile
• DON’T check this box!• Adjust Color Scheme
• Nickname – sometimes appears on front end
• Password
![Page 13: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/13.jpg)
Screen Options
![Page 14: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/14.jpg)
Left Side Navigation
![Page 15: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/15.jpg)
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!)
![Page 16: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/16.jpg)
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
![Page 17: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/17.jpg)
Differences & Similarities
Posts have…• Categories• Tags• Excerpts• Expiration Dates• Featured Images• Custom Fields• Templates – a few
Pages have…• Parents or Children• Order• Expiration Dates• Option to appear in the
menu bar• Templates – more than
Posts• Featured Images• Custom Fields
![Page 18: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/18.jpg)
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
![Page 19: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/19.jpg)
Creating & Editing Posts & Pages
• How are they alike?– The WYSIWYG editor– Title– Publish – Featured Image– Custom Fields– Theme SEO settings– Layout settings– Revisions
![Page 20: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/20.jpg)
Enter title here
• First thing you do
![Page 21: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/21.jpg)
Heading & Link
![Page 22: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/22.jpg)
Next Step – Add the Content
• Text editor – WYSIWYG (WIZ-ee-wig)– Works just like any other word processer
![Page 23: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/23.jpg)
The Toolbar –Quick Reference
![Page 24: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/24.jpg)
Paste …
Paste as Plain Text
• Paste from Word
![Page 25: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/25.jpg)
Dialog Boxes
• Paste as Plain Text • Paste From Word
![Page 26: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/26.jpg)
Text Formatting
![Page 27: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/27.jpg)
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
![Page 28: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/28.jpg)
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.
![Page 29: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/29.jpg)
Insert / Edit Link
Insert Edit Link / Unlink
![Page 30: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/30.jpg)
Link Dialog Box
• Either paste the URL in the box or
• Link to existing content with dropdown
![Page 31: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/31.jpg)
Just say no to opening new windows!Please!
Open Link in new Window
![Page 32: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/32.jpg)
What “open new window” looks like• In the editor’s window
• On the front end
![Page 33: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/33.jpg)
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
![Page 34: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/34.jpg)
Tables – For Data, not Layout
Table Cell Properties
Table Properties
![Page 35: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/35.jpg)
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– Summary– Header Rows – Header Cells / Scope
![Page 36: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/36.jpg)
Table Properties
• Caption • Summary
![Page 37: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/37.jpg)
Table Header Rows
• Highlight Header Row
![Page 38: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/38.jpg)
• Choose Cell Type HeaderTable Header Cells
![Page 39: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/39.jpg)
• Choose scope
Table Header Cell Scope
![Page 40: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/40.jpg)
• Update all cells in the rowTable Header Row
![Page 41: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/41.jpg)
Add Media
Upload / Insert Images, Multimedia(video/audio/ etc.) and
documents (PDF, Word, Excel, PowerPoint)
![Page 42: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/42.jpg)
Insert Media from Library
![Page 43: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/43.jpg)
Settings for Media
• Settings are on the right of the screen– Title– Caption– Alternate Text– Description– Attachment
Display Settings
![Page 45: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/45.jpg)
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.
![Page 46: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/46.jpg)
Upload Files
• Easy to do – maximum file size 2 megabytes• Not recommended from within Post or Page
– use Media Library to upload– Alternate text
Stays with image ifuploaded viaMedia Library
![Page 47: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/47.jpg)
Upload via Media Library
![Page 48: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/48.jpg)
Edit Media
• Add the Alternate Text here, in the library
![Page 49: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/49.jpg)
I Know HTML
HTML Editor
![Page 50: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/50.jpg)
HTML Editor Window
![Page 51: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/51.jpg)
Preview your post
• Preview shows you what your post will look like
• Safe way of testing • No commitment
required!
![Page 52: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/52.jpg)
Ready to Publish?• If you’re happy with the
way it looks.. • Choose your options
– Visibility- usually public– “Sticky” post– Publish now– Publish later– Publish last week!
• When you edit existing, Published content, the “Publish” button will read “Update”
![Page 53: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/53.jpg)
For Posts: Categories
• Choose an existing category• Create a new one
![Page 54: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/54.jpg)
For Pages: Attributes
• Parents• Templates• Order• Exclude Pages
![Page 55: WordPress Basic Training](https://reader035.fdocuments.net/reader035/viewer/2022062218/56815ac6550346895dc8933d/html5/thumbnails/55.jpg)
Where to get help
• University Relations– Rob Peterson Ext 2097– Pam Riesmeyer Ext 2731
• Web Accessibility Web site• DO NOT HESITATE TO CALL US FOR HELP! • That’s why we’re here!