Help
Introduction - Enfold
Enfold Theme
The Enfold Theme has been installed for to enable very easy Maintenance of the site
- Enfold has lots of tools to be used in the website, without having to code
- All tools available are “drag and drop”, all tool settings are “drop down” and “tick boxes”
Do NOT change the Enfold Theme on the website, as all pages will become unusable after you remove the Editing Tools
Advanced Layout Editor
When you create a new “Portfolio Item” (or “Page”, or “Post”), after you typed in the Title, ALWAYS select “Advanced Layout Editor”
You always will be using the “Avia Layout Builder” as shown below
Page Types Used
In WordPress you can create
– Posts ( not used )
– Forms ( we use Gravity Forms, as before )
– Pages ( most pages are “landing pages” which require little or no maintenance )
– Portfolio Items ( widely used on the website )
– Products ( Under Express Checkout, to create purchase buttons )
How to: UNDO
How to: UNDO
The short answer is: there is no undo like in a normal application
A practical work around is to EXIT editing the element and EXIT the page (go to another page), WITHOUT saving the changes.
Tip:
– Make changes to your website in small steps
– When change is, OK, always update the page
This way, when you “loose content”, you only loose a little bit
How to: Use Avia Layout Builder
Avia Layout Builder
The “Avia Layout Builder” is the “maintenance core” of the website. All pages are built and maintained using this tool.
If you look at the “Avia Layout Builder” you see three “Tabs” at the top
Normally you work your way through from left to right
1.. “Layout Elements”
Think of “layout Elements” as containers; Place holders, from full page width (“1/1”) to small (“1/5”)
As a rule you
- drag down and drop your “container” into your page
- Insert, drag and drop, a content element ( text or image or other ) into the container
2.. “Content Elements”
There are many “Content” elements, but the most used are in the top left corner. Most elements are related to textual content
3.. “Media Elements”
The “Media” elements are Images and slide show related
The most used elements are “Image” and “Fullwidth Easy Slider”
How to: image category
How to: image category
How to: Maintain any page
How to: Maintain any page
1. Login as administrator
2. Using the menu navigate to the page ( or use the back-end )
3. Black menu on the top, close to the centre, click on “Edit (Page or Portfolio Entry) – (Advanced Layout Builder)”
4. This will bring you to the page editor
You see all the containers and content
Click on “Image” or “Textual Content” or “other content” to change
Important After the change
1. Click on “Save” ( blue button) at right bottom of your element
2. When done ALWAYS click on the blue “Update” button, right hand side of WordPress, to upload to the server
How to: Portfolio Category
How to: Portfolio Category
The Theme Enfold adds “Portfolio Items” to WordPress
A Portfolio Items is like a cross between a WordPress “Page” and a WordPress “Post”
Portfolio Items can have “none”, or “one” or “multiple” Portfolio Categories
Portfolio Items can be displayed in “Portfolio Grids”, filtered by “one” or “more” Portfolio Categories
Maintain Portfolio Categories
On the Dashboard go to “Portfolio Items” / “Portfolio Categories” where you can
- Add, Change, Delete Portfolio Categories
Portfolio Categories, show up on the right hand site of the Portfolio Item in Edit mode
You can select “None”, “One” or “Multiple” Categories
After (Un)-Selecting and Updating the Portfolio Item, they will automatically (Dis)-Appear in the various Portfolio Grids on the website
Note:
When you Delete a portfolio Category, the Portfolio Grids using that Category can no longer display the content
How to: Create a new Portfolio page
How to: Create a new Portfolio page
text here
- add new or
- duplicate existing Portfolio
How to: Duplicate a course
How to: Duplicate a course
text here
- click on duplicate
- edit duplicate, but change permalink, and edit course further
- change course name inside Gravity Forms “Form short-code”
How to: Explain Portfolio Grids
How to: Explain Portfolio Grids
On the website we use Portfolio Items for
- Courses
- Skills Sets
- Traineeships
- News Items
- Job vacancies
- Trainers
On various pages we use “Portfolio Grids” to visually display filtered and sorted contend
Portfolio Grids used are:
- Community Programs – courses
- Employment Skills – courses
- English Classes – courses
- Qualifications – courses
- Reconnect Program
- Technology – courses
- Trainers overview
- News Items
- Job vacancies
How to: Change Portfolio Grid columns
How to: Change Portfolio Grid columns
Important:
Do NOT change the “Content” settings of any Portfolio Grid as it will change / destroy its behaviour.
The ONLY thing to be safe is the amount of columns displayed.
When done, click the blue “Save” button and don’t forget to “Update” the page
How to: Change an image
How to: Change an image
Steps
In edit mode
- Prepare your image ( e.g. 700 x 500 px ) and upload it into the Media Library
- On the page, select container with image to change
- Click on image and Click again on the image to go to the Media Library
- Select new image from the Media library
- Click on the blue button at the bottom of the element to confirm your change
- Don’t forget to Update your Page ( = WordPress, blue button on the right hand side )
Image size
We optimized the website for maintenance.
Inside all courses and news posts we use a single image: size 750 x 500 px, format “.jpg”
The positions of the image are:
- Close to the top of the page, inside a container
- As a “Featured Image” = right hand side, down, using standard WordPress feature
How to: Maintain News items
How to: Maintain News items
News Items are “Portfolio Items” with the Category “News” selected and showing up on the “Home” page under “News” as well as on the page “More News”
Example:
To put a course into “News”
- You select an existing course (being a Portfolio Item) or
- Create a new course (being a Portfolio Item)
- and tick the box “News” Category and update The Portfolio Item
Removing “News” is as simple as un-ticking the “News” category
How to: Pay Now Button explained
How to: Pay Now Button explained
Enrolling of most Community Programs courses can be done online. Each course can have different price tags, e.g. Full Price, Concession, Funded, Non-Funded etc.
Clicking on the Pay Now button will bring you straight to the payment gateway.
Despite the Paypal logo at the start, you can pay with either PayPal, Master Card or Visa. You don’t need to have a PayPal account, you can sign in as a guest.
How to: Create a Course Price
How to: Create a Course Price
= Go to the Dashboard, to “WP Express Checkout” / “Products”
= Add a New Product”, fill in “Title”, “Description” and “Price” in Price field and press blue button “Publish”
= Go to the Dashboard, to “Products”, your newly created “Product” will be listed on the top
= Copy the
, to Paste it in a table later
= Go to the Course PortFolio page, “Edit” and Paste the Product Code in
= The result is shown below
= If you click on the “Pay Now” button, you will see the Description and Price
How to: Add a Pay Now Button in a Table
How to: Add a Pay Now Button
For the same course you can e.g. have a Full Price as well as a Concession price, or other price descriptions
Each Pay Now button is specific for a course and its specific price(s)
Each Pay Now button represents “a product”, with a description and a price
Each product has its own shortcut presented like
which needs to be inserted into the price table.
= Edit the course Portfolio, and click on the “Table” to “Edit”
= When done, click on “Save” and”Update” the Portfolio
How to: Description Pay Now button
How to: Description Pay Now button
Each Pay Now button is unique for each course and course price.
Clicking the Pay Now button will show the full product description and price.
How to: Image sizes
How to: Image sizes
We optimised the side for Maintenance
For each course we use a single image, which we put right at the top, as well as a “Feature Image”
Size of the image will be 750 px x 500 px
Update a pdf Policy in an icon list
An icon list is a special click able list (of pdf’s) with an icon in front
Step 0:
Login as Administrator to be in “edit Mode”
Step 1:
Create the Policy PDF and upload the pdf into Media .library
Make sure the file name of the pdf is always unique => use a version number in the file name
e.g. “Policy 35…. _v01.pdf” (an update of the policy would be “Policy 35…. _v02.pdf”
Step 2:
Uploaded in Media library, go to the pdf and copy the URL to clipboard
Now you have the link to the pdf
Step 3:
Go to the Page or Portfolo which contains the icon list
e.g. https://www.pineslearning.com.au/childcare-policies-procedures/
Step 4:
Go to the Policy page
Click on Edit The Page
Click on the Icon List to Edit
Click on the Icon List Item to Edit
Edit Name if needed
Go to the Advanced TAB, to the Link Session ( clear the link if needed ) and paste in the copied pdf link
