Updated Features for the site redesign

Working With Menus

If you update the members section menu, you’ll need to update the member side menu too.
Dashboard — Appearance — Menus — Select the menu you want to edit from the pulldown then press “select”.

Menu Items for member content
You can turn menu items off for people (non members) and members that aren’t logged in.


Main content area

The new site uses a 2/3 container for all copy. This is easier got viewers to read.

To create one:
1) create a container with a 1/1 column

2) change the size of the container from 1/1 to 2/3
3) Click the pen tool and add this class center-main-content to the to the “CSS Class” field.


Members Content

IMPORTANT!! When adding new members their user roles need to be set to either “Member” or “CCR”. This will determine what content they will be able to see.

Define member content
1) Edit the page or post you want to alter.
2) Scroll down until you reach the “ultimate Member: content restriction” section.
3) click the “Restrict access to this post?” checkbox
4) select “logged in users” from the pulldown
5) check “Administrator”
6) check “Member” or “CCR” depending on the content.


“Member Content” a New Content Type

This should be used for new member content.

You can add categories and tags to this like you do for the post pages.

With this, you can the an element to present all the content with that category or tag. This has been set up with the “college Q&A page. The member content element was used to pull in the member content (content type) with the college Q&A category.

Moving forward you use this technique.



System Background

The WordPress Content Management Systems (CMS) follows this hierarchy

  • MYSQL Database — all text data (content within your site) is stored here
  • PHP — a language that queries the database then pulls content into your page — server side processing
  • JavaScript — “makes things move” — client side processing
  • HTML — a language to format your text — client side processing
  • CSS — A language that holds instructions — clientside processing

HTML

A great resource and html standards: https://www.w3schools.com/

The Basic HTML you’ll need to know

Paragraph tags

<p>your info here</p>

Bullet List

<ul> 
	<li>item 1</li>
	<li>item 2</li>
</ul>

Section Headers

<h2>this is a light blue section header tag</h2>

Bold

<strong>your copy</strong>

Itallics

<em>your copy</em>

Line break

<br />

Sometimes when working with images that don’t fill the width of the page, the line break won’t work.
This will force a new line break after the image.

<br style="clear:both;" />

Links

<a href="http://the-page-you-want-to-link-to">the copy you want linked</a>

Images

<img src="path-to-image-on-the-server" />

Using CSS (Cascading Style Sheets)

Classes are used to call customized styles specific to your site. You won’t need to write CSS, but you need to call the classes.

Important Classes

Larger important copy

<p class="hili-cop">This is the larger text usually at the top of a page</p>

Name of a person that’s quoted (see Testimonial page)

<p class="person-quote">&#151; a persons name</p>

Home and Welcome page boxes

Title

<h2 class="home-box-title">Title for the boxes (home and members home)</h2>

Copy

<p class="home-box-copy">copy for the boxes (home and members home)</p>

read more

<p class="home-read-more"><a href="the-page-you-want-to-go-to">the read more link</a><p>

Logging Into your CMS

http://staging2.brilliantpathways.org/wp-admin
username
password

Dashboard Overview

 

Page Editing / Building Overview

page overview

 

Page Options

Used to control slideshows, featured images, and sidebars.

Adding a Slider

Dashboard — Pages — the page you want to edit — sliders — slider type pulldown

select fusion slider

select the slide you want to put into the page.

click “update” to save your work

Adding a feature image

Dashboard — Pages — the page you want to edit — set featured image

upload files — follow instructions

Update your work

Adding secondary navigation to member pages

Dashboard — Pages — the page you want to edit — Sidebars

select sidebar 1 pulldown — select “Member Side”

Sidebar 1 Position — select “left”

Update your work

Working with Menus

Once a page has been created you can add it to the menu.

Dashboard — Appearance — Menus

Working with Users

This area lets you delete users, add users, and change access privileges.

Change access privileges

Users — click the member you want to alter

Role – (very Important)

Administrator: Full access to the content management system (limit these for security)
themes, plugins, widgets, core files, all content.

Editor: full access to the content but not the themes, plugins, or widgets

Author: Publish edit or delete their own posts, but not others content.

Contributor: can edit their content but it needs to be approved.

Subscriber: for your Members

Create new user

Dashboard — Users

click “add new”

fill out required fields

Save your work.

Ultimate Member

This is the plugin that controls the members only access. Located on the the right hand side of the page you want to edit (in the CMS)

 

Working With Images

For best results it’s recommended that you process all images before you bring them into the site. Photoshop is not necessary but highly recommended. Your pages will load faster and you’ll get better search engine rankings.

  • Crop
  • Resize
  • Color correction
  • Optimize – make it web friendly

Home page slideshow
view
1700 x 1133
controlled through slideshow

welcome slideshow
view
1700 x 615
controlled through slideshow

full screen (above the page title)
view
controlled through slideshow

full content (below page title) area no sidebar
view
1200 x 555
controlled through featured image

full content (below page title) with sidebar
view
1200 x 500
controlled through featured image

thumbs
All Images used for thumbnails should be cut to to 580 x 338 (select full size)

Slideshows


Editing Home Page Slider

Dashboard — Fusion Slider — Add or Edit Slides

About the naming convention
home01-who-we-are
home — tells you it’s the slide for the home page
01 — the number tells you the order
who-we-are — a description of the slide

click on the slide name “home02-what-we-do”

Under “Slide Options”
“Heading Area” — copy for the slide heading
“Caption Area” — copy under the heading
“Button #1” — controls the button and where it links to

On the right side of page
“Fusion Sliders” — check boxes to control which slideshow the Image ens up in.
“Featured Image” — manage the image that is called

The Image you upload should be consistently sized with the rest 72 dpi and 1700 × 1126 pixels

Working with fusion builder

Fusion Builder is a wysiwyg environment that lets you add all kinds of nifty things into your site.

to access it open a page in the cms.

Dashboard — Pages — the page you want to edit

click the blue “use fusion builder” button

Add a container — select the size of your container

click element

Select the element you want to use.

We’ll add a full width video

click “youtube”

add the video ID (they show you how to get that)

click “center” for alignment

Input the dimensions 1100 wide x 619

Click save

Click Update

View your work

Backing up the site

Recommended for every major content update.
Required for every plugin and system update.

Dashboard — Settings – updraftPlus Backup

Click “Backup Now”

Wait until it tells you it’s done.