Cultivate Digital

{Cultivate Digital}{596 North Road Ormond}{Melbourne}{3204}{VIC}{Australia}{(130) 050-2466}
596 North Road Ormond 3204 Melbourne, VIC
Phone: (130) 050-2466

A Guide to your WordPress Content Management System

How to Login to your CMS site
  1. Refer to the email sent to you by Cultivate Digital for your username and password
  2. Type in your website’s address then add a backslash and type in manager (eg. www.yourwebsite.com.au/wp-admin/)
  3. This brings up the Admin page
  4. Copy, or type in, your username and password
  5. Click on Login to enter the CMS.

***3 wrong attempts will lock you out of the site – this will reset within a day and you can login again***

Navigating the CMS system

***This is an overview of the main buttons you will use within the CMS***

  • Mostly you’ll be editing pages, once you are logged in look for the Pages link in the big left hand menu.
  • You may have other plugins located in wordpress (depending on your setup). In which case click on Plugins.

navigation

How to Make a New Page

Making a page

  1. Click the add new button in the top left area – right next to the Pages title.

modx

  1. Give the page a title.
  2. Depending on your wordpress you might just have a blank box to to type in. Others will have a builder like Divi or Elementor. Please read the section on how to edit your website.
  3. No hit Publish in the top right corner.

modx

Adding your page to a menu

  1. Click Appreance in the main left area and then Menus.
  2. Choose the menu you would like to add to, some websites have a top main menu and others also have a footer menu.
  3. Now tick the page you would like to add from the left menu.
  4. Click Add to Menu button under this list.
  5. Drag the new menu link into the correct order if needed.
  6. Hit the big blue save button in the top right.

modx

How to Edit a Page
  1. Depending on your website you migth have a blank box to simply type into others will have a builder such as Divi or Elementor.
  2. If its a simple box simply type or paste your content into here.
  3. If its a builder you can click the Use builder button and start creating a layout.
  4. modx
  5. You can normally edit the website on the live preivew. To do this hover your mouse over Your website name in the top left of WordPress and click View website.
  6. Most builders will have an edit button in the top left.
  7. Once you are in editing mode simple double click the element you would like to edit.
    modx
  8. A window should pop up with options to change the text, size and other styles.
  9. We recommend not changing text colours and sizes manually. These normally effect the phone and other website sizes. So always double check your work.
  10. Hit save and you’re done. The save button can be found at the very bottom of your website in the purple … icon.
Making Links to Websites and Files
  1. Once your logged in and editing a page or editing via a builder like Divi edit that element you want to change.
  2. Highlight the text you want to create a link for (click and drag)
  3. Select the chain link (Insert/Edit Link) in the menu above the content area 
    modx
  4. It will bring up an Insert Link pop up box
  5. URL box: copy and paste in the web address or type it in eg. http://www.yourwebsite.com.au
  6. Press OK
  7. Save your page.

 

  • The Target dropdown menu allows you to open the site in another page (eg. To link to another website or a PDF.) If you are linking within your own website leave it as the default “None.”

 

Inserting a file (a PDF for example.)

  1. First you need to upload a file. Edit an elment and look for the Add Media button.
    modx
  2. Click it and upload a file, once thats done copy the url as show below. You may need to highlight and copy the text manually.
    modx
  3. Now close this window. Hightlight some text as done previously. Click the chain link icon and paste your files url in here.
  4. I would recommend setting the target dropdown to new window. This way your pdf for example will open in a new window and the customer wont lose your website.
    modx
  5. You’re done, rememeber to save and test your work.
Editing Images before Uploading

How to Crop and Resize with Free Software.

  • Pixlr – free tool to resize and crop images to a professional standard.
  • www.pixlr.com or Google ‘free image editing tool’ for similar software.
  • Once it has been downloaded, open Pixlr and a New Image box will be present on the screen
  1. For your banner: Cultivate will provide these dimensions, they will be on your home page, in the Summary (Introtext) box
  2. Insert the Width then the Height dimensions
  3. Press OK
  4. An untitled canvas will appear
  5. Select File, open Image
  6. Find the image (banner) that you wish to insert, open
  7. The image will open in a new box
  8. Select the Edit tab then Select All (or CTRL A)
  9. Select Edit tab again and Copy (or CTRL C)
  10. Click on the blank canvas to ensure it is the front image then select the Edit tab and Paste (or CTRL V)
  11. The image will either be too small or too big for the canvas. If it is too small, when you stretch it, it may become blurry, in which case you need a bigger & better quality image.
  12. To shrink or enlarge the image, select the Edit tab then Transform
  13. Squares will appear in all four corners
  14. Click and drag until the image is in line with the canvas. Ensure that you hold down the shift button whilst doing this to keep the correct proportions.
  15. Select the File button and Save.

 

If there is white canvas present in the background after clicking and dragging to the correct size you can do two things: Find another image that is more proportionate or colour the background to hide it. To colour:

  1. Select the Eye Dropper from the Tool Bar on the left. Click on the colour you wish to duplicate
  2. The colour will appear down the bottom of the Tool Box
  3. Select the Paint Bucket icon and fill the areas that are white and you wish to colour
  4. Press the File button and Save.

When inserting other images that are not rectangular, you will need to trial different dimensions. For example, it may be 250 x 250 pixels for a square image.

Adding Images (Uploading and Inserting to your CMS)
  1. Login and go to editior mode.
  2. Depending on your website builder you should be able to double click a current image or area.
  3. A window will pop up that looks a bit like the below.
    modx
  4. If you are adding an image to the elements background: Look for background option. Click the current image and replace it by dragging and dropping a new image into your media library.
  5. Finally hit the blue select button in the bottom right.
    modx
  6. If you are adding an image to a text area simply click in that text box, click where you would like the image to be placed.
  7. Now click media library, upload the new image by dragging and dropping. Finally hit the blue select button in the bottom right.
  8. Save and you are done.
Banners and Galleries

The most important thing to remember is you need to have images that are the correct size for the banner.

  1. Go to your Home page
  2. Click and select Edit Resource
  3. The dimensions for your banner will be in in the Summary (Introtext) box 
  4. All of the pictures in the banner must have the same dimensions otherwise they will be disproportionate and fade over the top of each other.

See our Editing Images before Uploading page to crop pictures professionally.

  1. Hit the Preview button located top right. You will see your website open in another tab
  2. Click the Manage Pictures icon and Gallery Description will open.
    modx
  3. Scroll down: In the numbered boxes press Choose File and select the image from your computer.
  4. Insert as many as you need for your fading banner (You are not restricted to the amount of pictures in your fading banner, however it is important to remember your customers – no one will sit through a mountain of images)
  5. Select Upload Pictures
  6. Scroll up and select Back to Normal View to see your images on the Preview page.
    modx
Adding Videos
  1. YouTube or Vimeo are the best resources to use when uploading a video. This will save on your hosting and download speed.
  2. You’ll need to get the video url or their embed code.
  3. Click the Share link (under the video) in YouTube for example and pick embed copy this code.
  4. Edit Resource (eg. About Us)
  5. Navigate to the Resource Content box
  6. Click the text tab next to visual tab.
    modx
  7. Paste the code somewhere in this area- where you think it will look best.
  8. Save changes.