wysiwyg

352 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
352
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

wysiwyg

  1. 1. Your Guide to WYSIWYG or What You See Is What You Get from Wordpress.com
  2. 2. WYSIWYG? <ul><li>What You See Is What You Get </li></ul><ul><li>Or wiz-ee-wig </li></ul><ul><li>Why WYSIWYG? </li></ul><ul><ul><li>Anyone can use it! Yes really! </li></ul></ul><ul><ul><li>No special knowledge needed </li></ul></ul><ul><ul><li>If you can create a Word document you can use WYSIWYG </li></ul></ul>
  3. 3. The wysiwyg editor at wordpress.com is labeled “visual” Photos from http:// en.support.wordpress.com /visual-editor/
  4. 4. The Top Row Has 15 Buttons <ul><li>Align Left </li></ul><ul><li>Align Center </li></ul><ul><li>Align Right </li></ul><ul><li>Insert/edit link </li></ul><ul><li>Unlink </li></ul><ul><li>Insert More tag </li></ul><ul><li>Proofread /Spell Check </li></ul><ul><li>Toggle fullscreen mode </li></ul><ul><li>Show/Hide Kitchen sink (enables the  second row  of editing icons: </li></ul>Photos & text from http:// en.support.wordpress.com /visual-editor/
  5. 5. The Second Row Has 13 Buttons <ul><li>Insert custom character </li></ul><ul><li>Outdent – move text further left </li></ul><ul><li>Indent – move text further right </li></ul><ul><li>Undo – undo your last action </li></ul><ul><li>Redo – redo your last action </li></ul><ul><li>Help – display some information about using the editor, as well as keyboard shortcuts. </li></ul><ul><li>Style – various formatting styles defined by your theme </li></ul><ul><li>Underline </li></ul><ul><li>Align full </li></ul><ul><li>Select text color – change the text color </li></ul><ul><li>Paste as Plain Text </li></ul><ul><li>Paste from Word </li></ul><ul><li>Remove formatting </li></ul>Photos & text from http:// en.support.wordpress.com /visual-editor/
  6. 6. To Enter Text
  7. 7. Pasting Text from Word or Other Sources <ul><li>Text that has been copied from other places such as Word or anther webpage may not format correctly or cause unnecessary and wanted formatting. </li></ul><ul><li>To prevent that use buttons 5 or 6 from the second row </li></ul>Photos from http:// en.support.wordpress.com /visual-editor/
  8. 8. Pasting from Word cntd. <ul><li>Click on the button </li></ul><ul><li>Paste you text into the window by holding down ctrl + v </li></ul><ul><li>Click “Insert” when complete </li></ul>Photos from http:// en.support.wordpress.com /visual-editor/
  9. 9. Formatting Text
  10. 10. Alignment Photos from http:// en.support.wordpress.com /visual-editor/
  11. 11. <ul><li>Style </li></ul><ul><li>Color </li></ul>Photos from http:// en.support.wordpress.com /visual-editor/
  12. 12. Using Images
  13. 13. <ul><li>Place your cursor at the beginning of the paragraph. </li></ul><ul><ul><li>It doesn’t need to be the first paragraph </li></ul></ul><ul><ul><li>The top of the image will align with the top of the paragraph </li></ul></ul>Photos from http:// en.support.wordpress.com /visual-editor/
  14. 14. Click the “add image” button Photos from http:// en.support.wordpress.com /visual-editor/
  15. 15. Locate the file on your computer
  16. 16. <ul><li>Once the file is uploaded: </li></ul><ul><ul><li>Enter a title </li></ul></ul><ul><ul><li>Enter alt text </li></ul></ul><ul><ul><li>Choose alignment </li></ul></ul><ul><ul><li>Click “Insert into Post” </li></ul></ul>
  17. 17. Homework <ul><li>Find a buddy </li></ul><ul><ul><li>To ask questions </li></ul></ul><ul><ul><li>To proof read your post </li></ul></ul><ul><li>Schedule one-on-one time </li></ul><ul><li>Explore </li></ul><ul><li>Practice </li></ul><ul><li>Sign up for another class </li></ul><ul><li>Check out http://wp.me/pgZy1-85 for more resources </li></ul>

×