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

https://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
1100 x 555
controlled through featured image

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

thumbs
on home and welcome pages
welcome: 400 x 233 Home 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.