WordPress
This presentation is the property of its rightful owner.
Sponsored Links
1 / 46

WordPress PowerPoint PPT Presentation


  • 83 Views
  • Uploaded on
  • Presentation posted in: General

WordPress. 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.

Download Presentation

WordPress

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Wordpress

WordPress


Wordpress

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


Wordpress

WordPress


Objectives

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


Lesson 1

Lesson 1

WordPress @ GSU


Advantages of wordpress

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


Pages and posts

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)


Pages

Pages

  • Static, longer-lasting content

  • Not affiliated with a particular date

  • More of a container


Posts

Posts

  • Dynamic, short-lived

  • Affiliated with a particular date

  • Searchable via categories (tags)


Lesson 2

Lesson 2

Navigating WordPress


Dashboard

Dashboard

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


Dashboard1

Dashboard

Displays list of forms on your site with completed form entries


Dashboard2

Dashboard

Allows quick creation of posts, but limits the amount of customizability


Dashboard3

Dashboard

Displays recently created content


Sidebar

Sidebar

  • All forms of content creation

  • Full Dashboard access

Editor

Admin


Sidebar1

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


Sidebar2

Sidebar

Caution!

Making changes in the Tools and Settings tabs can have very far-reaching implications. Use them with care.

Editor

Admin


Lesson 3

Lesson 3

Creating Content


Before we b egin

Before We Begin

Two things to be familiar with before you begin:

  • Shared content

  • Shortcodes


Shared content

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


Shortcodes

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


Process

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


Process1

Process

  • Upload Media

Plan

Prep Media

Create Pages

Create Menus

Publish


Process2

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


Process3

Process

Plan

Prep Media

Create Pages

Create Menus

Publish

Process is essentially the same for Pages & Posts


A choose a layout

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


B edit the layout c ode

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


C enter and format c ontent

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


C enter and format c ontent1

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


Process4

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


Process5

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


Wordpress

…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


Other items

Other Items

Aside from your main content, you will be able to create:

  • Events

  • Forms

  • Widgets to display content

  • Embedded YouTube videos


Events

Events

  • Similar process as other content creation

  • Address field can auto-populate, using building names

  • Can show map


Forms

Forms

Created fields

Available

Fields


Widgets

Widgets


Widget ninja

Widget Ninja

  • Conditional rules for when widgets are or are not displayed

  • Accessible via dropdown for each active widget


Lesson 31

Lesson 3

Image Manipulation


Images

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


Simple photo editing tools

Simple Photo Editing Tools


Cropping in photoshop

Cropping in Photoshop


Resizing in photoshop

Resizing in Photoshop


Adjusting color in photoshop

Adjusting Color in Photoshop


Applying filters in photoshop

Applying Filters in Photoshop


Advanced photo editing

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


Wordpress

What’s next?

OpenLab Thursdays – every Thursday, 9:30-3:30 Suite 424 in One Park Place – one-on-one consulting


  • Login