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”
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.
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.
Where you add, edit and delete pages from your site.
Where all of your files and images are stored.
Where user details are stored and where passwords of administrators can be set
Where News Items are stored
Where Classified Ad’s are stored, if you use them
Where you add Widgets, Carousels, Image Galleries, Forms, Form Submissions, Content Blocks
Where all your Events are stored
Where your Polls are stored – if you use them
Where items like Twitter Feeds, Facebook Feeds, Instagram Feeds and Mailchimp Setups are setup.
Where your Testimonials are stored – if you use them.
Where your contact details are stored, alongside Theme Options and also any Google Analytics code
Where you can go to get these user guides on the main One Suffolk website
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
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.
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.
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.
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,
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
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.
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.
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.
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 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.
We recommend following the official Google guide at https://support.google.com/analytics/answer/9304153 and at the end of the process you will need to look for your Google Tag ID which will usually begin with a "G" i.e. G-168403859
Once you have the Tracking ID then complete instructions 1-3 above.
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.