Mohammed Feroz Shaik Saudi Signs CMS ADMINISTRATION GUIDE
Mohammed Feroz Shaik
Saudi Signs CMS ADMINISTRATION GUIDE
1 | P a g e
Table of Contents Login Screen .................................................................................................................................................................................... 2
Menu Manger .................................................................................................................................................................................. 2
Home Page ...................................................................................................................................................................................... 5
Pages................................................................................................................................................................................................ 9
Content Manager .......................................................................................................................................................................... 11
Home Page Slider .......................................................................................................................................................................... 14
Gallery ........................................................................................................................................................................................... 16
Administration ............................................................................................................................................................................... 20
Conclusion ..................................................................................................................................................................................... 23
2 | P a g e
Login Screen
This screen is used for logging in the Admin panel for the Saudi Signs Website.
Menu Manger
This screen is used for managing the Menus available in the website (Primary, Secondary etc.).
3 | P a g e
The main menu screen from where menus items can be added, edited or deleted.
4 | P a g e
5 | P a g e
Home Page
This section is for the home page.
This website design is a grid base design. It has 12 grids per row that is each row is divided into 12 sections or
columns, so Grid 12 means all 12 grids used as a single row.
Section 1a and 1b will be seen throughout the admin site
Section 2a, 2c, 3b, 4b have similar functions across other functions
1a – Primary navigation for the admin panel
1b – Secondary Navigation which provides user details, preview option and logout
2a – With this option a group can be created which will multiple blocks or a single block can be created within an
existing group or as an individual block
2b – Menu which gives you all available options related to Design, all pages including gallery is managed from the
‘Design’ option
2c – ‘Edit’ option will give you the ability to edit the blocks properties or delete it
3 – This is the logo area
3a – Edit the logo file that is provide a new file
3b – Gives the option to make it ‘Active’ or ‘Disabled’. If ‘Disabled’ it will not be visible in the website. A feature
which can help you to create blocks and activate only when required
4a – The secondary menu on the website. For now only one option is available, more options can be added
4b – Defines the no. of items in the block
4c – Edit the current block
4d ‐ Gives the option to make it ‘Active’ or ‘Disabled’.
6 | P a g e
5 – The Main Menu section
7 | P a g e
6 – The Slider section, go into edit to add, edit or remove slides
7 – A specially designed area for the home page where we are highlighting 3 core areas of the company
7a – Defines the gallery from where the image would be selected.
8 | P a g e
8 – The ‘Call Now’ block
9 – Latest work Carousel
10 – Client logos carousel
11 – Partner logos carousel
12 – The Footer section of the home page
13 – The Copyrights of the website.
9 | P a g e
Pages
This section is for the generic page.
It contains the Header which has the logo on the left and Secondary navigation on the right and the Primary
navigation as in the home page.
10 | P a g e
It will have a default place for content.
The footer too is consistent as the home page.
11 | P a g e
Content Manager
This section is for the content management.
Manages all the content pages
12 | P a g e
General settings of a content page
Page can be deleted, cloned, sub‐pages can also be created
This section defines at which level the page is located, the name of the page, it’s status, access control
This can also define a date range for which the page would be available for viewing
13 | P a g e
A rich editor for adding content to the page
Tags can be provided here for each page which makes searching for the same very easy
14 | P a g e
Home Page Slider
Slider Manager for the Slider on the home page.
15 | P a g e
Section to provide images and respective content for each slider image including title, brief text and a link
16 | P a g e
Gallery
Gallery Manger, where multiple galleries can be defined for use in the website
All products, clients, partners have their own galleries
Each gallery will contain their own set of images
17 | P a g e
Section to Add/Edit a gallery
18 | P a g e
Add/Delete images from the gallery
19 | P a g e
If you have large oversized images, this crop tool will help you to select only the section which you want to display
20 | P a g e
Administration This has a very comprehensive administration system
Multiple users can be created with lot of access control. For example a user can be created who will have access only
to the design section.
It provides various statistics which will help you to understand how what’s happening on the website
It also provides logs which will help you to keep track who all are accessing the website.
21 | P a g e
22 | P a g e
23 | P a g e
Conclusion In all we have tried to create a simple self‐understanding system which will be very easy to use and manage. Still if there are
any difficulties along the way, you can always reach us @ [email protected] and we will be very happy to assist you in any
way possible.