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">— 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 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.