WordPress 101

What is WordPress?
WordPress is a Content Management System. (CMS) A web based program that stores, manages and displays web content. Website content creators use a web based dashboard to create, edit and maintain text, images and media in various pages and posts.

Why use WordPress
Because the cfcc.edu website will soon launch a new site on the WordPress platform.

www2homepage

Who can use it?
Potentially any CFCC employee can be given some level of permissions to access, create and edit content for the website. The content an employee can access has alot to do with the organization of the CFCC.edu website.

The previous CFCC.edu website was a large static site made of numerous directories and thousands of individual files that formed the site’s pages and content. Access is granted using a third party software and users are restricted to pages within the directory where their website resides.

The new CFCC.edu website is actually a network of micro-sites bound by a common design theme and a universal navigation structure. Each Academic or Administrative department will be it’s own site in the network of CFCC websites. Consequently, each department can assign their own site administrator and users that can only access and edit the content of their specific site.

Overall cohesion, site wide navigation, and look and feel will be managed through the use of themes and plugins that are centrally controlled by the CFCC Webteam.

Out with the old in with the new!

What is changing

  • The public facing website will no longer require the purchase and installation of Adobe Contribute to access and edit pages.
  • Web editing is now accomplished in a web browser.
  • The new website will have a fresh new look and a responsive layout providing solid user experience on tablets and mobile devices.
  • Current sub-sites with custom designed templates will temporarily use the standard CFCC template until site migration is complete.

What is not changing

  • Site contributors are still in control of their own content.
  • Create, edit, and maintain text, images, media, and documents.
  • Site Design, Development and Support is still handled by the CFCC Web Team.

Getting Started

WordPress accounts for CFCC.edu are created manually by the Web Team. Contact CCadmin@cfcc.edu for more information.

Login to the WordPress Dashboard via cfcc.edu/login.  Use your myCFCC login name and password to login.

loginscreen

The DashBoard is the main hub of content management features in WordPress.

WP Dashboard

dashboardCropped

  1. Admin bar: Provides quick links and is visible at the top of the website while logged in.
  2. Main Menu Sidebar: navigation sidebar for all features and functions available in the dashboard.
  3. Latest from the WebTeam Panel: Information and announcements from the CFC Web Team.
  4. Right Now Panel: Site statistics and quick links.
  5. Google Analytics Panel: Visits and usage statistics from CFCC’s google analytics service.
  6. Screen Options: A drop down menu that allows the user to select which Dashboard elements are visible.

What is the difference between a Page and a Post?

  • A page is static information that is not changed often.
  • A post is news, events, announcements, or time specific content.

Creating a Page

  1. Login.
  2. From the dashboard select “Pages” from the main menu.
  3. Select “Add New” to create a new page.
  4. Add a title, add content, select “Publish” to finish.

newpage

Editing a Page

  1. Login.
  2. From the dashboard select “Pages” from the main menu.
  3. Hover over a page in the page listing to view editing options. Select the “Edit” link.
  4. Edit the content, select “Update” to finish.

editpage

Bringing it all together
WordPress assembles the page using information from the page template.

PageAnatomy

Creating a Post

  1. Login.
  2. From the dashboard select “Posts” from the main menu.
  3. Select “Add New” to create a new post.
  4. Add a Title, add content, select “Publish” to finish.

newpostpage

Editing a Post

  1. Login.
  2. From the dashboard select “Posts” from the main menu.
  3. Hover over a post in the post listing to view editing options. Select the “Edit” link.
  4. Edit the content, select “Update” to finish.

editpostscreen

Alternate Editing

When logged into the CFCC Website an admin bar appears above the header of each page and post. The admin bar include an “Edit” button. Select the edit button while viewing any page/post to jump to that page/posts edit screen.

ClickEdit

Make a Hyperlink
While editing any page or post highlight any text you want to make a link and click the chain link icon on the toolbar.

LibertHelp04

That one, right there.

The dialog window that open lets you enter a web address for the link or select pre-existing page on your WordPress website.

LibertHelp05

When you are done select “Add Link.” Don’t forget to press the blue “Update” button to make changes live.

Insert an image into a Page or Post

  1. Add an image to page or post directly from the page / post edit screen.
  2. Place your cursor within the content fields where you want the image to be inserted.
  3. Select the “Add Media” button just above the top left corner of the content field

addmediabutton

  1. The “Add Media” modal window will allow the user to browse their computer for an image or file to insert, or select an image or file from the Media Library.

uploadmedia

  1. Once an image is selected and / or uploaded the “Add Media” modal window will display multiple options for alt text, title, and description as well as some basic formatting option.
  2. Select the button labeled “Insert Into Post” (or “Insert into Page”) to place the image or document into the content field.
  3. Publish or Update the page to make the change to finish.

Use the same process to insert a link to a document or other type of file from the computer or WordPress media library.

Media Menu
The Media Library displays a listing of media assets that have been uploaded to the WordPress site. This includes images and documents that were added via a page or post.

medialibrary

Select “Edit” while hovering over a media asset to view and edit details.

MediaEdit

What’s Next?

WordPress 201 – Advanced WordPress Features including: Plugins, Custom Content, PhotoGalleries, Contact Forms