>>>>
Website Management

Website Management


A general guide on how to use the core elements of the software

 

Logging In

To start managing your website the first step is to login to your website. The website address to edit your website is always your main website and “/admin” at the end i.e. http://mycommunitywebsite.onesuffolk.net/admin

Simply go to this address and then insert your username and password and click “login

 


 

The Screens

Once logged in you will be greeted with a screen like the one below. From here this is where you will edit your pages, events, forms, site settings and anything else to do with the site.

All of the options to change anything in regards to the site are down the left hand side.

Within this particular guide we will guide you through some of the site settings and generally how the editor works. Specific guidance on editing pages and the other elements will be shown in other guides.

welcome

Left Hand Side Main Menu

 

The main menu of options on your site down the left hand side include a number of features. These are listed below with descriptions against each.

 

  • Pages

Where you add, edit and delete pages from your site.

 

  •  Files

Where all of your files and images are stored.

 

  • Security

Where user details are stored and where passwords of administrators can be set

 

  • Blog Posts

 Where News Items are stored

 

  • Classifieds

 Where Classified Ad’s are stored, if you use them

 

  • Elements

 Where you add Widgets, Carousels, Image Galleries, Forms, Form Submissions, Content Blocks

 

  • Events

 Where all your Events are stored

 

  • Polls

 Where your Polls are stored – if you use them

 

  • Services

 Where items like Twitter Feeds, Facebook Feeds, Instagram Feeds and Mailchimp Setups are setup.

 

  • Testimonials

Where your Testimonials are stored – if you use them.

 

  • Settings

 Where your contact details are stored, alongside Theme Options and also any Google Analytics code

 

  • Help

 Where you can go to get these user guides on the main One Suffolk website

 


 

Logging Out

To log out of the website editor once you have completed your work simply click the log out button (next to the words) as shown below. It is usually shown below the site title at the top left hand side

logout


 

Customising your screens

Within this version of the One Suffolk Silverstripe software you can customise how your editor screen is viewed. For example the left hand main navigation bar in the editor can be “minimised” or “maximised” or can be fixed (like the old style) or can work automatically.

If you look in the bottom left hand corner of the editor you should see something like the options below.

 lefthandmenueditor

To fix the bar in place (like the old version), click the circle in the left hand corner and this will fix it in place. If you want to minimise the bar so your screen to edit text etc is larger then click the left pointing arrow and a smaller left hand bar will appear. If you leave the circle “unfilled” in then the bar will automatically move to larger and smaller dependant on the situation.


 

Changing Site Details - Contact 

Within the system you can change core site settings like your main contact details, title and theme settings such as colours.

To edit these settings you need to go to “Settings” down the left hand side and you will be greeted with a screen like the one below.

From here, if you want to edit your organisation’s address or title simply edit the text in the relevant boxes and click the green “Save” button at the bottom.

contact

 


 

Changing Site Details - Theme Options

To change your site colours, click “Settings” down the left hand side and then along the top click “Theme Options”.

From here you can do a variety of things, including,

  • Changing your theme style
  • Changing your theme colours
  • Changing the Header and Footer colours
  • Changing link colours
  • Adding a logo
  • Adding and changing footer links

themeoptions

Changing Colours

To change the site colours, click “Settings” down the left hand side and then along the top click “Theme Options”.  Look under the section where it says “Make It Yours” and here you will have an option to change both a primary and secondary colour.  The primary colour is defined as the one that gets set for the page title blocks, button colours, event item colours. The secondary colour is one that changes some of the smaller link colours.

Within this version of the Silverstripe software you now have the ability to use a colour picker tool so you can pick any shade you wish. To change the primary colour, for example, simply click on the primary colour box and then you will be greeted with a colour picker.

Click “Save” when complete.

Using the Colour Picker

colourslider  colourpicker

In the colour picker there are 2 main parts to it. There is the vertical slider which gives you the ability to refine which general shade of colour you want and then there is the picker itself which allows you to select the exact shade you require. These are shown below.

To change the general colour you want move the arrows on the slider up or down. To refine the shade, drag the crosshair to the shade of colour you want. Click Save once you have completed what you want it to do.

Changing Theme

To change your site theme, click “Settings” down the left hand side and then along the top click “Theme Options”. Click on the “Theme” dropdown and then select an alternative theme. In time we will be developing more themes for you to choose from.

Click “Save” when complete.

Adding or changing the logo

To add or change a logo to your website, click “Settings” down the left hand side and then along the top click “Theme Options”. Under the “Logo” section, if you want to add a logo click either the “From your computer” button (if you know you haven’t uploaded it) or if you have uploaded it click the “From Files” button, select the file from the Files section you want to add as the logo and click the “Attach” button.

If you want to change the logo, click the “Choose Another File” option and select the file you want to use. Please note, this option is if you have already uploaded a file. If you haven’t, then you will need to first remove the logo and then go back to choose the “From your computer” option to then upload a file and attach it. Click “Save” when you have completed your work.

Changing Header and Footer Style

The top header (where the logo and menu bar is stored) and footer colours of the site can be changed, although this is restricted to simply Dark or Light. It is done this way to ensure key navigation menu’s always remain readable.

If you want to change the header and footer style to dark or light, To change your header or footer style, click “Settings” down the left hand side and then along the top click “Theme Options”, click on the dropdown next to “Header and Footer style” and select the option you want.

Click “Save” when complete.

Site Link Colour

If you want to change the colour of all website links (i.e. those items that link to other websites or other pages on your website), click “Settings” down the left hand side and then along the top click “Theme Options”, click in the box next to “Choose a colour for links across your site” and then use the colour picker as defined in my earlier instructions to change the colour of all links within your website.

We recommend using a dark blue colour which is generally the accepted web standard.

Footer Links

Within the footer you can link to other websites. To add a footer link, click “Settings” down the left hand side and then along the top click “Theme Options”.

Click the + button underneath the “Footer Links” section and then complete the relevant fields to add your website link. Please note in the website address field you will need to input the full website address including http://

Click “Save” when complete.

Public Information

Within the new One Suffolk websites there is the ability to automatically include your organisations details, websites, event items and news items to the main One Suffolk website.

As default your organisation name, address, email address and phone number will be shown on the main One Suffolk website at www.onesuffolk.net, however events and news items that you add will be turned off by default, however you can turn these on.

This may be a particularly useful feature for those villages and communities who would like the extra promotional power of the main One Suffolk website for their local events.

You can change all these settings by going to the “Public” tab under “Settings

We recommend updating your contact details listed on this page and selecting the tick boxes that you wanted ticked at the bottom. Just to clarify, by default all One Suffolk websites will have the following tick boxes pre-selected.

Include your organisation in the One Suffolk List – Ticked

Publish Events in the One Suffolk Directory – Unticked

Publish News Items in One Suffolk  - Unticked

Show address publicly – Ticked

Show email address publicly – Ticked

Show Phone Number – Ticked

Click “Save” when you are finished changing any of these settings.


 

Google Analytics

Google Analytics is a powerful tool that allows you to track how many people visit your site and much more. The first step, if you haven’t already done so is to set yourself up a Google account and register for it’s analytics. If you do all ready have a Google account and signed up to Analytics then simply find your account ID and copy and paste it into the box as described in the final guidance on the following page.

  1. Go to: http://www.google.com/analytics And sign in. If you don’t already have a google account then you will need to set one up by going to this website address - https://accounts.google.com/SignUp?hl=en
  2. Once you have signed in to your Google account, click Access Google Analytics.
  3. Click "Sign up".
  4. Fill in your Account Name, Website Name, Website URL i.e. http://mycommunitysite.onesuffolk.net, and select an Industry Category and Reporting Time Zone.
  5. Under Data Sharing Options, check the boxes next to the options that you want.
  6. Click "Get Tracking ID" and copy or note down this ID
  7. From the Google Analytics Terms of Service Agreement that opens, click I Accept.
  8. Go to your website editor
  9. Click on “Settings” on the left hand side in your website editor, click on the “Search Engine” tab along the top right hand side and then paste (or write) the Google Tracking ID into the box on this page.
  10. Click “Save” when complete

If during this process you skip the instruction to get your tracking ID then you can retrieve it from your Google Analytics account.

  1. Sign in to your Google Analytics account. 
  2. Click the Admin icon at the bottom left of the page. 
  3. Go to the Property section and click Tracking Info. 
  4. Copy your tracking code. 

Once you have the Tracking ID then complete instructions 8-10 above.


Favicons

A favicon (pronounced "fave-icon") is a small, iconic image that represents your website. Favicons are most often found in the address bar of your web browser.

To add a Favicon to your One Suffolk site, firstly you need to have the image generated. If you already have one then you can just add it to the site using the instructions below, if you want to generate one then we recommend going to https://www.favicon-generator.org/ and generating one from here.

To add it to your site, click “Settings” down the left hand side, click “Search Engines” along the top. Where It says “Site Icon” use the “From your Computer” option if you haven’t uploaded the file yet. To upload the file, browse your computer, find the icon and double click on it and then this will upload and attach it to the site. Click “Save” when you are done.

If you have uploaded the file click the “From Files” box and search for the Favicon in the File Store and then click “Attach File” and then “Save” to attach your Favicon to the site.