Download
slide1 n.
Skip this Video
Loading SlideShow in 5 Seconds..
WordPress PowerPoint Presentation

WordPress

157 Vues Download Presentation
Télécharger la présentation

WordPress

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. WordPress

  2. Instructional Design & Project Consulting Services for Faculty, Staff, and GTAs Instructional Equipment Checkout Multimedia Equipment (Digital Aquarium) Tech Training Workshops: Open-enrollment and Custom Tech Training Workshops Services for Students

  3. WordPress

  4. Objectives In this course, you will: • Hear an overview of WordPress • Navigate the administrator side of the GSU WordPressNetwork • Access the Digital Asset Library • Create content, including using widgets, the media manager, and plugins • Manipulate images for use on WordPress

  5. Lesson 1 WordPress @ GSU

  6. Advantages of WordPress • Theme-driven • Easy to create & update • Highly customizable • Incorporates many content types through plug-ins • Content objects are easily shared between many web pages

  7. Pages and Posts • Static, longer-lasting content • Not affiliated with a particular date • More of a container • Dynamic, short-lived • Affiliated with a particular date • Searchable via categories (tags)

  8. Pages • Static, longer-lasting content • Not affiliated with a particular date • More of a container

  9. Posts • Dynamic, short-lived • Affiliated with a particular date • Searchable via categories (tags)

  10. Lesson 2 Navigating WordPress

  11. Dashboard Displays list of all content on your site, with clickable links for quick access

  12. Dashboard Displays list of forms on your site with completed form entries

  13. Dashboard Allows quick creation of posts, but limits the amount of customizability

  14. Dashboard Displays recently created content

  15. Sidebar • All forms of content creation • Full Dashboard access Editor Admin

  16. Sidebar • All forms of content creation • Full Dashboard access Plus • Access to change appearance of Pages: • Menus • Widgets present • Calendar theme and settings Editor Admin

  17. Sidebar Caution! Making changes in the Tools and Settings tabs can have very far-reaching implications. Use them with care. Editor Admin

  18. Lesson 3 Creating Content

  19. Before We Begin Two things to be familiar with before you begin: • Shared content • Shortcodes

  20. Shared Content • With all created items being shared between many pages, tracking content can be difficult • Solution: add ID numbering to track items as well as to quickly add items to different pages

  21. Shortcodes • One way WordPress helps simplify HTML creation is through the use of Shortcodes, which: • Reduce complex HTML often to one word or short sentence • Produce consistent look and feel across many sites

  22. Process • Write down what Pages need to be created, what Pages will include Posts, and what Media will be required to support the Pages and Posts • Collect media from departmental resources as well as digital asset library (http://commkit.gsu.edu/tools/dal/) Plan Prep Media Create Pages Create Menus Publish

  23. Process • Upload Media Plan Prep Media Create Pages Create Menus Publish

  24. Process Plan Prep Media Create Pages Create Menus Publish • Edit Uploaded Media • Caption & Alternative Text • Tags • Click Edit Image button to: • Scale • Crop • Adjust thumbnail display of image Best Practice: Make note of Item IDs

  25. Process Plan Prep Media Create Pages Create Menus Publish Process is essentially the same for Pages & Posts

  26. A – Choose a Layout • Expand Help in top-right of page • Choose Featured Page Layouts • Select the layout you’d like to use. A new browser tab opens with a preview and the shortcode you will need to copy to your page

  27. B – Edit the Layout Code Your code will looks something like this: [slide attachment_id="1299" alignment="bottomright" style="gunmetal" title="Main Title Goes Here"]Extra Text goes Here[/slide] • Replace ID # in the code with the ID# of the item you want presented. • Enter main title text as well as subtitle text in the respective locations

  28. C – Enter and Format Content 1 Two Toolbar items to be aware of • Kitchen Sink – allows you to see all formatting options • Paste from Word – strips all Word formatting, which can wreak havoc in WordPress 2

  29. C – Enter and Format Content ADA Ensure that all media and links include: • Title • Alternate Text (media) Note: you can also edit this information after the fact, in the respective sidebar items

  30. Process Plan Prep Media Create Pages Create Menus Publish • Select Appearance>Menus from sidebar • Select Items from Categories & Pages list • Add pages not under your administration rights using Custom Links • Arrange Menu items to change order and create hierarchies

  31. Process Plan Prep Media Create Pages Create Menus Publish • Status – for unpublished pages, allows you to promote items for review • Visibility – sets access levels once published • Publish immediately – schedules publishing times in the future

  32. …plus Plan Prep Media Create Pages Create Menus Publish Edit!! • For Quick Edits: visit the page you want to edit and click Edit in the Wordpress menu at the top of your browser • For Substantial rewrites: use Create Clone to copy your page, with all its settings, and then you can replace the original when you have completed your edits without fear of breaking your page

  33. Other Items Aside from your main content, you will be able to create: • Events • Forms • Widgets to display content • Embedded YouTube videos

  34. Events • Similar process as other content creation • Address field can auto-populate, using building names • Can show map

  35. Forms Created fields Available Fields

  36. Widgets

  37. Widget Ninja • Conditional rules for when widgets are or are not displayed • Accessible via dropdown for each active widget

  38. Lesson 3 Image Manipulation

  39. Images You can find professional images in the Digital Asset Library, here: http://commkit.gsu.edu/tools/dal/ You can also use your own photos. If using your own photos, it’s important to use the smallest image file to achieve a professionallooking result

  40. Simple Photo Editing Tools

  41. Cropping in Photoshop

  42. Resizing in Photoshop

  43. Adjusting Color in Photoshop

  44. Applying Filters in Photoshop

  45. Advanced Photo Editing For advanced photo editing, Adobe PhotoShop may be the best option for: • Compositing • Retouching To learn about these skills, check for free workshops at technology.gsu.edu/training

  46. What’s next? OpenLab Thursdays – every Thursday, 9:30-3:30 Suite 424 in One Park Place – one-on-one consulting