Beginner WordPress Workshop - Rutgers...

download Beginner WordPress Workshop - Rutgers Universitycomputing.camden.rutgers.edu/files/Beginner-WordPress-Workshop-… · Beginner WordPress Workshop ... –Heading 1 and Heading 2 are

If you can't read please download the document

Transcript of Beginner WordPress Workshop - Rutgers...

  • Beginner

    WordPress Workshop

    Presented by:

    Jennifer Pope

    Web Designer, Faculty of Arts & Sciences

  • Beginner WordPress Workshop

    Introduction

    Today you will learn:

    What WordPress is and how it is used on our campus

    The ins and outs of a WordPress website

    Terminology

    How to edit your website

    What wont be covered today?

    How to format tables within pages

    How to create web forms

    Advanced features/functionality

    http://saltflats.camden.rutgers.edu/workshop/

  • Beginner WordPress Workshop

    What is WordPress?

    WordPress is a free, open-source blogging tool and

    content management system (CMS)

    In 2011, 14.7% of the top million sites in the world were run on

    WordPress (and that number is growing!)1

    1 http://wordpress.org/news/2011/08/state-of-the-word/

  • Beginner WordPress Workshop

    On the Rutgers-Camden Campus

    Faculty of Arts and Sciences

    Departments

    Centers

    Personal Sites

    Blogs

    Business School

    The Gleaner

    Rutgers-Camden News Blog (news.camden.rutgers.edu)

  • Beginner WordPress Workshop

    Themes

    Control the look and presentation of content on a website

    All themes are consistent with the Rutgers Visual Identity

    Manual guidelines

    Scarlet Raptor Scarlet Blog Scarlet Web

    Department Websites

    (dept.camden.rutgers.edu) Personal & Department

    Blogs

    Personal Websites

    (people.camden.rutgers.edu)

  • Beginner WordPress Workshop HEADER

    PAGE TITLE

    MAIN MENU

    SIDEBAR

    WIDGET

    WIDGET

    WIDGET

    FOOTER

    MAIN PAGE OF

    CONTENT

    INNER

    SIDEBAR

  • Beginner WordPress Workshop

    Terminology

    Widgets: Content areas other than the main page of content Pre-Main

    Post-Main

    Primary-Sidebar most popular content area

    Inner-Sidebar

    Footer-Sidebar

    Plugins: tools that extend the functionality of a website

    Broken link checker, Image gallery & slideshow, FAQ, etc.

    Menus: where the navigation of a website resides

    Toolbar: Once logged in, the gray bar at the top that gives

    easy access to editing and logging out of the website

  • Beginner WordPress Workshop

    Lets Get Started

    Log In: Find the shortcut in the websites footer

    Department site

    Blog site

    Personal site

  • Beginner WordPress Workshop

    Logging In

    Use your Rutgers NetID and Password

    http://saltflats.camden.rutgers.edu/workshop/

  • Beginner WordPress Workshop

    The Dashboard Customize your dashboard

  • Beginner WordPress Workshop

    Logged in Menu

    Most important tabs:

    Posts

    Media

    Pages

    Appearance Widgets

    Appearance Menus

  • Beginner WordPress Workshop

    Posts

    Blog posts and news/events

    Appear in reverse chronological order

    Filter by Date and/or Category Search by Post Title

  • Beginner WordPress Workshop

    Media

    The library (also known as the gallery) for all of your images,

    PDFs, videos, and other media files

    Filter by Date Search by Title

  • Beginner WordPress Workshop

    Pages

    Most updates on a site will be editing a page

  • Beginner WordPress Workshop

    Appearance Widgets

  • Beginner WordPress Workshop

    Appearance Menus

  • Beginner WordPress Workshop

    Editing a Page on Your Website

    Easiest:

    Click the blue Edit link at the bottom of any page

    Click the Edit Page link in the Toolbar at the top of any page

    Other ways:

    Click the page title on your Dashboard within the Pages Tree View box

    Hover over Pages in the Logged in Menu, click all Pages, then click the

    page title

  • Beginner WordPress Workshop

    Text Editor Customize your screen options

  • Beginner WordPress Workshop

    Text Editor Toolbar

  • Beginner WordPress Workshop

    Text Editing

    WordPress Word Document (formatting might be lost)

    WordPress automatically double-spaces between paragraphs.

    To single space: Press Shift + Enter

    Tables and spreadsheets are more involved to move to

    WordPress

  • Beginner WordPress Workshop

    Notes on Text Formatting

    Please use Headings to denote the architecture/structure of

    the page, but dont go overboard (dont use headers for entire

    sentences of text)

    Heading 1 and Heading 2 are reserved for the site title and subtitle

    Try to link to a sentence or groups of words instead of a single

    word

    Spring 2013 course schedule instead of Click here for the Spring

    2013 course schedule

  • Beginner WordPress Workshop

    Adding Links

    Highlight the text you

    want to have linked

    Click the Insert/edit

    link button

    Paste or type in the

    Link URL

    Click Update

  • Beginner WordPress Workshop

    Uploading Images & Media

    Add Media button

  • Beginner WordPress Workshop

    Adding Images

  • Beginner WordPress Workshop

    Adding Images

    Click Upload Files

    Choose the image

    Rename it (optional)

    Add a Caption (optional)

    Add the Alt Text (important for accessibility)

    Choose the Alignment

    Choose the Size

    Click Insert into Page

  • Beginner WordPress Workshop

    Uploading and Linking to PDFs

    The title will be what the link displays as on your page

    Make sure this says Media File (if it doesnt, click

    on the dropdown arrow and choose Media File)

  • Beginner WordPress Workshop

    Please Log Out When Youre Finished!

    After youve updated your site, please log out- this is

    important for security.

  • Beginner WordPress Workshop

    Miscellaneous

    On blogs, you can create sticky posts

    You can no longer copy + paste email addresses on our

    websites (for security purposes). If you do, the address will

    appear backwards.

    We can now create web forms. Please contact me if youre

    interested in implementing web forms on your website.

    Image galleries are now available through the Add Media

    button on a page.

  • Beginner WordPress Workshop

    Useful Resource:

    http://computing.camden.rutgers.edu/help/center/web/wordpress/wordpress-tutorial/

    Or the shortened URL:

    http://ow.ly/gFKP4

    THANK YOU! Please fill out the feedback form linked on the workshop site homepage to

    help me create better workshops!