New CMS editor functionality – adding videos, social media and quotations
You can now improve your web pages with some new, easy to use functionality in the CMS editor. To insert these new elements into your webpage edit your page content in the normal way, click on the Inserts button on the toolbar.
Choose the new plugin you require from the list.
Adding a Pullquote
Pull out and display specific quotes on your web page. Just fill in the required fields and click save.
The Pull Quotes appear on the right hand side of the page.
Inserting a video
– Please select the video type from the drop down list you can choose from the College media library or YouTube. In YouTube, click share and then copy and paste the embed URL into the form.
Select the position you wish it to appear on the page, Left, right or centred. Select the size Standard or Widescreen. Click insert video.
Inserting a Storify stream
Storify is a way to tell stories using social media such as Tweets, photos and videos. You can search multiple social networks from one place, and then drag individual elements into your story. The Storify plug-in allows you to pull your Storified elements into your web page.
To add a Storify feed to your page, simply copy and paste the URL of your Storify page.
1. Only upload documents that you don’t mind being available to the public
The Workspace area within Sharepoint is specifically for files to support the CMS web pages. Be mindful when you upload files into this area. Public folders are indexed by search engines (i.e. Google), internal folders are secure as long as you don’t change their permissions to make them public. We would recommend that even in those internal folders don’t store very sensitive information as the internal group includes all staff and students.
For other requirements contact the ICT service desk to get advice on the best solution for your needs.
2.Linking to a document
The CMS editor has a link wizard that has been designed to link to documents placed here. We recommend using the link wizard as it creates a link to meet the accessibility standard.
3.Types of files
This system has been set up to store web documents and so is designed for wordprocessor documents, spreadsheet and presentations. Any videos, pictures or other types of files should not be uploaded to this area. Please consult your departmental administrator or faculty web officer regarding uploading other types of files.
4. Folders within workspace Background information on how ‘workspace’ in Sharepoint has been set up
The ‘workspace’ has been set up to store documents that are to be linked to via the college’s websites. Each sub-folder of ‘workspace’ (e.g. mechanicalengineering) matches a corresponding college website. Within each of these websites is a ‘Public’ folder. You can create sub-folders within this to organise your files.
5. Restricting access to files/folders
You have the ability to restrict folders and files to specific audienceshowever we do not recommend this. Once a document is uploaded to Sharepoint it can be easily copied and relayed to a public audience. So our recommendation is to ONLY put public documents into this area.
Within Sharepoint, select a Library (e.g. Workspace > Hr > Public).
Click on your name in the top right of sharepoint and select Sign out
Clear your login and cache history for the browser
Refresh the web page and you will see a list of folders for that library which are visible to the public
(for folders or documents within a public library)
Please note that most editors do not have permission to check this. If this is the case please contact your Faculty Web Officer.
Within Sharepoint, select a Library (e.g. Workspace > Hr > Public). A list of folders appear in the main content window. Hover the mouse over the folder in question, click to reveal the options and select Manage Permissions
Note: For documents follow the same method except click on the document within a folder.
For the folder to be visible to the public the “Actions” drop down menu should only appear with these options:
Ensure you are logged into the website and on the page where you would like to add your image, with your cursor in the specific page area where you wish to display your image, then follow this step by step guide:
Before you start you need to be logged in and on the page you would like to add an image.
Open the editor by clicking on the ‘Edit content’ link for the area you would like to add the image.
1. In the editor, click on the position you would like the image (the cursor should flash in that location)
2. Select the picture icon on the toolbar
3. Upload image form
“Browse” to find the image you would like to upload
Enter your “Alt” text – this should be a short piece of descriptive text about your image to help speaking browsers for the visually impaired.
If you would like to add a caption to the bottom of your image, enter the text in the “Caption” field.
Select “Upload”. This will open the image crop tool selection area.
4. Image crop tool selection
Select one of the placement options for your image. This opens the Image cropping tool.
Note: The image crop tool is context sensitive and so the options here are limited to the area on the web page you want the image
5. Choose your size and position on page
When you click on your chosen image positioning and size the image the image cropping tool will open. This will import your selected image into the cropping tool. You should see the image you have selected fill the screen.
6. Adjust your image
You can adjust your image to make it fit the selected final size by using the “image size” slider at the bottom of the screen:
Tip! If you move the slider too quickley it will not be able to adjust fast enough to capture your whole image. Move the slider at a steady pace.
7. Adjust image height
You can adjust the height of your final image by using the arrows at the top and bottom of the preview rectangle or by mannually setting the hieght at the bottom of the screen. You can also move thie preview rectangle one pixel at a time with the arrow keys on your keyboard.
8. Rest your image or return to image size and position selection
The “reset” button will clear all of the image sizing changes that you have made in the image cropping window (using the slider, the prview rectangle and the manual height adjustment). The “Go back” button will take you back to the image size and position area, allowing you to choose a different set size and position.
9. Generate you image
When you are happy with your size and position selection and any adjustments you have made, click on “Generate”. This will add the image you have created into your webpage with the correct size and position.
10. Edit your image
If you would like to edit the image after you have added it to your page, click on the image in the editor view, and the select the picture icon. This will open the cropping tool and load up the existing image – you can then make adjustments. When you have completed any adjustments, click on “Generate”.
Changing an image is straight forward. To edit an image that you have previously added to a page, please follow these steps:
1. Ensure you are logged into the website and on the page where you would like to edit your image
2. Select (click on) the image you would like to edit
3. Click on the picture icon on the tool bar
4. The update image screen will open, click on upload
5. Edit the image as necessary
6. Click on Generate
For help with adding an image to your web page please take a look at the FAQ blog
This application adds a list to a web page (within portal). It lists all the people within a portal usergroup and displays them in an A-Z listing based on surname. The list defaults to show all the ‘A’ surnames first.
You can people to the list by simply adding people to the usergroup. If you do not want to change a usergroup (e.g. a department usergroup) then you can create a new usergroup then add the usergroup to it.
Unfortunately you cannot remove people. If the user person leaves the college then they are automatically removed.
Also, you will need ‘Manage’ rights for the page to add this and the list is updated every night.
The personal information shown in this is currently available on the web from other sources within the College and so this is not adding to the exposure of personal information to the web. However access to the page can be controlled through the access settings.
How to add
Select the ‘Edit’ link on the login bar (at the bottom of the web page) then
Select the add item icon (see image below)
Select ‘People list’ from the Content item type selection
then select ‘Next’ and then ‘Finish’
This will return to the web page with a ‘Assign user group’ link
In the form provided, search for the usergroup name that you would like to use
Select the usergroup you desire and click on the ‘Select’ button