register | login | contact

Instructions

When an ETINU web site is created, there is one super-administrator account set up automatically. The access details are emailed to the designated person that has been specified in the Create site form.

The super-administrator then uses the access details to log into the new site and get access to the Administration section and all the site's features. The options within the Administration section of the web site are described in this section.

Information on ETINU's section types (different ways that the content can be displayed) that are available, by default, will be available in more detail soon. Meanwhile if you have a question, please feel free to contact us or view and search the FAQs.

Use the menu on the left to go through the different options.

Administration   |   Settings   |   Sections   |   Billboard   |   Style   |   Users   |   Groups   |   Documents   |   Glossary

Administration

Administration

Only super-administrators have full access to all the functionality in the Administration section. Super-administrators can approve a user to have administrator access. Administrators have restricted functionality in that they are unable to do high level functions i.e. add a new section or subsection; modify the stylesheet; or change the banner and footer; and approve or reject users. Below lists the options available to super-administrators.

Headings
Description
Settings
Manage parameters that affect the whole of the web site, edit content for the greeting page, banner and footer
Sections
Manage all the sections and subsections of the web site
Billboard
Create billboards and manage the posters associated with each billboard
Style
Manage the styles associated with the web site
Users
Manage the users who have registered and are approved, send mailshots to them
Groups
Manage the groups and add users to those groups registered through the web site
Documents
Manage all documents associated with the web site
Statistics
View all the access reports of the traffic coming to your web site

Settings

Settings
Headings
Description
Parameters
Enables you to manage parameters that affect the whole of the web site
Greeting page content
Allows you to add/edit/delete content on the Greeting page
Banner on all pages
Allows you to add/edit/delete the content for the banner of all pages, normally used to display company name and/or strapline
Footer on all pages
Allows you to add/edit/delete the content for the footer of all pages, normally used to display contact details

Parameters

Options
Description
Contact
Specify the email address that will receive the online submissions from the support form
Custom script
Advanced option for using ETINU provided JavaScript routines on all pages of the web site—details of script names and parameters will be available in reference documents
Google Analytics code
The User Agent code that Google Analytics uses to track all accesses to your web site
Logo for banner
Select a file from your local hard disk to replace the company logo within the banner. Options available are: scale the logo proportionally to fit a 500 x 150 pixel space in the banner; perserve the original size; or uncheck the Logo Display checkbox if don't want the logo to be displayed.
News Feed Link
A news feed provides users with frequently updated content. People use a web-based aggregator like Google Reader to allow them to subscribe to a news feed and read the news. Three options are available to display the news RSS icon: None so that no icon is displayed; select Banner to display the news RSS icon in the banner; select Footer to display it in the footer
Side Submenu
Selecting the checkbox changes the default position of the submenu to the left hand side (as opposed to being underneath the main navigation)
Site Search
Selecting the checkbox inserts a Google search where visitors can insert keywords to find content on your site (please note Google must index your site before this search works, this may take sometime after your site becomes live)
Twitter Stream Link
There are three options for display the twitter icon: None so that no twitter icon is displayed; select Banner to display the twitter icon in the banner; select Footer to display it in the footer
Twitter User
If you have chosen to display the twitter icon on the banner or footer of your web site, add the hashtag to ensure tweets using that hashtag are displayed in the twitter widget (which is displayed when visitors select the twitter icon).
Webmaster
email address for any web master type queries

Sections

Site structure

Under the Administration section, select the Sections subsection and you will see your web site structure displayed vertically. Every section and subsection (a section that is a child of a section) is listed allowing the site structure to be viewed easily. An at-a-glance view of the different attributes associated with each section and subsection is displayed alongside as below.

Screenshot of Sections showing site structure vertically
Headings
Description
Section
displays the name of the section with the subsections indented under the corresponding section
Type
name of section type that the section/subsection is using
Instance
the number of instances a particular section type is being used within your site
Sidebar
a tick indicates that a sidebar is being used within that section or subsection
High
a tick indicates that highlighted news or blog items will be displayed on that section or subsection's sidebar
Public
a tick indicates that the section or subsection is public (as opposed to private that only a select number of registered users (or all) can view the section)
Active
a tick indicates that the section or subsection is active on the web site
Edit
edit a section by selecting the pencil icon for a particular section—this displays the form used to add a section, simply amend and submit the form
Delete
delete a section by selecting the cross icon for particular section you want to delete

Add section

Under the Administration section, select the Sections subsection and choose the Add section option and a form is displayed. Now you can add new sections or subsections.

Screenshot of the Add section online form
Form field
Description
Section type
Select from the dropdown menu the section type that is to be used to display the content
Section active
Uncheck the check box if this section is not to be displayed in the navigation
Parent section
If this is to be a subsection of a main section, select the main section from the dropdown menu—the subsection will then display in a submenu under the section you've selected
Display name
Choose a name that suitably describes the content of the section—this is displayed in the navigation
Page title
Choose a title for the section and this will be displayed as a title at the top of the browser window—it is also displayed as a link when the site has been indexed in any search results
Page description
Choose a description for the section—when the site has been indexed, it will be displayed in the search results
Page keywords
Choose some keywords that relate to the content of the section—although not used in the common search engines, it helps to remind administrators what key content the section is targeting
Subtitle for top of page
Choose a name or phrase that complements the section name (optional)—this is displayed beside the section name above the main body of text
Position in menu
Select from the dropdown menu where the section (or subsection) will be placed in the navigation
Billboards to include
When you have created a billboard and added posters to that billboard, select the checkbox against the appropriate billboard—it will then display at the top of that section
Sidebar in section
Select the checkbox if a sidebar is to appear in the section
Highlighted news in sidebar
Select the checkbox if highlighted news is to be displayed within that sidebar
General access
Select using the radio buttons if the section is to be: public so that anyone accessing this web site can see that section; or private, only registered users as set within User groups access
User groups access
Use the checkboxes to select who should have read/write access to this section

Section types

There are pre-defined section types which you can choose from when adding a section or subsection. These are available in the main Administration section, under the Sections subsection. Select the Add section option and a form will be displayed. Select the section type that you want from the Type of section dropdown menu.

Below gives you an explanation of each section type and, where appropriate, a link to a working example of a section type.

Screenshot of dropdown menu showing section types that can be selected
Type
Description
Example
blank
if a main section has no content of its own (only has subsections), use this section type
blog
use to post blog items, invite comments from registered users
Class of 76's blog
events
displays an event calendar for the current month with its events listed and the corresponding date highlighted, administrators can request visitors to register for an event, once they register administrators are notified via email
Real Music Club events calendar
gallery
initially displays photo thumbnails, once a photo is selected, all are presented in a slideshow, a tag cloud of keywords option enables administrators to bring collection of photos with the same theme together
The Rocking Horse Nursery gallery of photos
generic
displays any type of content, using a WYSIWYG editor, administrators can add content, images and links, change font format, or edit the HTML that the editor generates
ETINU Add content page
newsfeeds
displays a selection of news items from various news feeds that have been previously specified
Newsfeeds to compliment MORE workshops
newsitems
displays newsitems that contain a start and an expiry date, news items can have text, images and/or documents, when an item reaches an expiry date, it moves from current to 'archives', items can be set to be displayed in the future
Templemore Aquatic Sports Club news page
persons
display details of each member of staff in a uniform way—when name is provided for Skype, the corresponding application opens for use in the client's machine (if no Skype, email or twitter is specified, no content is displayed against the person's photo)
Keep NI Beautiful staff
properties
displays the top 10 properties available for sell or let, visitors can search through using the pre-defined search criteria
publications
displays any document from Documents or photos from Gallery that have previously been selected to be displayed in Publications
Publications selected from Eco Schools NI collection
resources
displays the top 10 resources automatically—visitors can search the resources using the pre-defined or free text search criteria (can be used to display affiliates, products or any type of resource)
Florida Manor Places to visit page
support
simple online contact form
Active Feet Podiatry standard contact form

Billboard

A billboard is a dynamic element of a web page that contains one or more posters. Each poster contains content (a title, an image, text and a link to more information on your own web site or on another web site) that you wish to make more prominent to visitors. This content could be about a product, service or a future event. By default, the billboard moves through each poster by sliding horizontally. Other transitions are available to choose from.

The relative position of the text and picture parts can be adjusted for each poster.

To set up a billboard and its posters, go to the Administration section and select Billboard.

Screenshot of the Billboard options

Add billboard

Select the Add billboard option and the form below will be displayed.

Screenshot of the Billboard add form
Form option
Description
Billboard name
Type in a name that will describe the range of posters you will add
Seconds between posters
Select the number of seconds visitors will have to read each poster before the billboard moves on to the next poster, the default is 6 seconds.
Posters transition
Select from the dropdown menu the effect you want as the billboard moves through each poster, default is slide-horizontal. Others are slide-horizontal-swap, slide-vertical, swap, swap-slide-horizontal.
Billboard width as % of page
Select the percentage of the page that you want the billboard to fill. Default is 100% so it fills the width of the page.
Billboard height in pixels
Select the height of the billboard. Default is 300px.
User controls always visible
The controls can either be always visible or only visible when the visitor moves over the poster. The controls consist of a radio button for each poster, a Next and Pause button.
Relative priority
You can have several billboards on a page. Here you can select which billboard appears first.
General access
The billboard can be for public use so that anyone accessing your web site can see the billboard (default) or private (only all or specified groups of registered users).
User groups access
You can provide read and write privileges for any user group you have refined. The default shows read and write access for administrators and read access for all registered users.

Once you have created the billboard, these options can be changed at any time.

Add posters

Now that you've created the billboard, you can add a poster. Select Manage billboard posters and by default it will show the outline of the size of the billboard you have just created.

Screenshot of the Manage billboard posters

Now select Add poster and the form will be displayed.

Screenshot of the Add posters form
Form option
Description
Poster text title
Type in a title for the poster.
Width of text area as %
Specify the width of the text area. Default is 34%, nearly a third of the billboard (note: the rest of the area, 66%, will be taken up by the picture which will be scaled to fit the available width in the poster and truncated vertically).
Link to more information
Provide a relevant link. Visitors will select this link from the More... button that is displayed in the text area to read further information.
Textual content
Some text you wish to present to your visitors.
Link or path for picture
Provide the web address for the picture you wish to include.
Poster order
Select the position of this poster within the order in which posters are displayed. The default position of the poster is at start.
Parent billboard
If you have other billboards and you wish to move this poster to one of them, you may do so here.
Poster active
Select the checkbox to confirm that this poster should be active or deselect to make inactive.

When you're ready to make the billboard live, go to Sections and edit the section in which you want the billboard displayed. Scroll down to the option Billboard to include and select the appropriate checkbox. This will cause the billboard to be displayed at the top of that section.

Style

Each ETINU site has a unique stylesheet that dictates the presentation of your site's web pages—such as colors, fonts, and layout. The main benefit of using a stylesheet is that it allows the separation of document content (written in HTML5) from its presentation (written in CSS, Cascading Style Sheets) and ensures there is consistency of presentation throughout your web site.

Style is found in the Administration section and, if you are familiar with CSS, you can create your own custom stylesheet. In order to create your own you will need to download the existing Default stylesheet to change the different Page elements that already exist on the site. Once you are finished editing the stylesheet, you can upload it to the web site using Custom stylesheets to override the existing stylesheet.

Below describes the three options displayed in Style.

Custom stylesheets

Selecting the Upload custom stylesheet displays a dialog box inviting you to choose an alternative CSS file. Once uploaded, the page refreshes to display two options against the filename uploaded, Replace and Start using.

Screenshot of the Custom stylesheet option

To start using the new stylesheet, select Start using. This will display a datestamp under the filename and the button will change to Stop using. Then the web page will automatically refresh showing the styles that have been created with the new stylesheet (overriding the previous one). To stop using the new stylesheet, select the button, Stop using. This will cause the web site to revert back to the default CSS file.

Default stylesheet

Selecting Default stylesheet will display the styles within the default stylesheet. You can see each HTML tag and its corresponding properties within the stylesheet. At the bottom of the page you will see an option Open in new window to save for you to save and then you can change each style as required in your own machine. Once you are satisfied that all the changes are made, you can use Custom stylesheet to upload the new stylesheet.

Screenshot of the Default stylesheet option

Page elements

When selected, this option displays a diagram showing each element which is used within the default stylesheet to define the appearance of an ETINU web site. This serves as a guide for you to use to change styles within your own custom stylesheet.

Diagram of how different page elements are used within the default stylesheet

There are CSS tutorials available online. One useful site is W3 Schools. Using this as a guide, it will help you learn how to use CSS to control the style and layout of your web site.

Users

By default within ETINU, there is one super-administrator available when a site is created who can do all everything below. This super-administrator can then create more super-administrators, administrators (to give them certain privileges throughout a site) or give special privileges to registered users.

Every ETINU web site allows visitors to register. All they need to do is fill in a simple form that asks for their name and email address. You, as owner, receive an email that contains a link. When you select the link, a web page is displayed with their details and the options for you to approve (or reject) their registration.

Once they are registered, you can send a mailshot at any time informing all your registered users of improvements to your web site, special offers or news that you think may be of interest to them.

Below describes the three options available to you in Users.

List of users

This option displays all the users who have registered. If the site has just been set up, the super-administrator is the only one listed.

Screenshot of a list of users

Each row contains the user's: First name, Last name, Email address, Telephone (if supplied), Password (not displayed if that user is the super-administrator, A (a tick is displayed if the user is an administrator), SA (a tick is displayed if the user is a super-administrator) and Added (the date the user was approved), a pencil icon (to edit the user's details, see online form below) and a cross icon (for deleting the user).

Screenshot showing user's details form

Mailshot

When you select Mailshot (available in Users), the form below is displayed.

Screenshot of the Mailshot facility

Add a Message subject (make sure it is meaningful, relates to the message content and will encourage your audience to read your message), the content of the message in Message content and select the group or groups that you want to send the message to by selecting the appropriate checkbox. To send to everyone, select the checkbox for All registered users.

When you are happy with the message subject and content, select Send. The page will refresh to show you the message and the list of email addresses that the message has been sent to.

Note: If you have a document you want to send, you must first upload the document into Documents (in the Administration section). Once the document is uploaded, place the cursor over the filename, use the mouse to right-click and a mini-menu will appear. Select the option Copy Link and it will copy the web address into the clipboard. Now paste the link into the Message subject. More information in ETINU's Blog.

If you know your registered users, you can place a number of users into a group (see Groups). By default, super administrators, administrators and registered users are listed under Recipient groups. When you create other groups they will also be listed there and you can select the appropriate checkbox to mail a group separately.

Registrations

To save you going through your emails, this option displays those users who have registered but have not yet been approved.

Screenshot of outstanding registrations

To approve or reject the user, select the pencil icon for that user and the form is displayed.

Screenshot showing the form to reject or approve the registration

To approve the user, select the Approve button and an alert window is displayed to check this is the option you wanted to choose. Select OK and the user is approved. They will receive their password via email and be invited to login to your site through the login option.

Groups

You may like to mail only a subset of registered users, for example, if you know they are interested in a particular service. In order to send a mailshot to them, you need to set up a group and then add those users to that group. The group will appear in the list of groups (that you can select) when you are sending the message, see Mailshot. The Groups section under Administration has two options, List and Add group.

Add group

Simply type the name and a brief description for the new group and select Submit.

Screenshot to Add a group

List

You will see an at-a-glance view of all the groups. By default, there are three groups created when a ETINU web site is set up. They are: Super administrators; Administrators; and All registered users, as below.

Each row contains the details associated with a group, Name, Description, Created by, Created on, Active (a tick is displayed if the group is active), a pencil icon (to edit the group's details and add members to the group) and a cross icon (for deleting the group).

Screenshot of default groups

Each user is a member of the registered users group and no user can be removed from it.

To add members to another group, select the pencil icon associated with a group and a form is displayed as below. From the dropdown menu against Add member, select the user you wish to add and select Add. Alternatively, if you wish to remove a user, select the user from the dropdown menu against Remove member, and select Remove.

Screenshot showing how to add users to a group

Documents

This is your site's private document store. If you've loaded any images or documents through the blog, gallery and news sections, they'll all be listed.

However, when you are adding content through the generic section type, you may want to add an image or link to a document. To do this, you must first add the image or document to Documents. However, if you've previously loaded it, you can just link to it.

Add document

When you select the option Add document, a simple form is displayed.

Screenshot showing how to add a document
Form fields
Description
Title
type in an appropriate title relating to the document or image
Keywords
add keywords that describe the document or images
Comment
add a brief desription of the document or image
File upload
select Choose File and a dialog box appears, select the document or image from the directory structure that is displayed of your own machine
Publish
select the checkbox if you are using the publications section type and want the document made public i.e. visible within the Publications section

Once you select Add, the document is uploaded and will now appear in the List.

List

Screenshot showing list of documents
Headings
Description
Title
title of the document
Created
displays when the document was uploaded
Bytes
displays the size of the document
Type
displays the MIME type of the document
Submitted by
displays the name of the administrator who uploaded the document
Pub
tick is displayed if the document or image has been selected to appear in a Publications section

A pencil and cross icons are displayed against each document. Selecting the pencil icon enables you to replace the document or change any details associated with that document. When the cross icon is selected, the document can be deleted.

Adding the link to the document

To add a link to a document in the content (that uses the generic section type) of your web site:

  • right-click on the document title and a mini-menu will be displayed
  • select Copy Link and it will store the link to your machine's memory
  • go to the section you wish to add the link to and select the text that you want to make a link (see below screenshot)
  • now select the Add/Edit Link icon from the editing menu (as below) and a mini form is displayed
  • place the cursor (mouse pointer) in the URL input field and delete the text http://
  • now right-click and a mini-menu is displayed, select Paste and the web address for the document will appear, add an appropriate Title, select from the Open In how you want to the document to appear (either in Current Windowor New Window and select Submit.
  • once you have finished editing that page, select Insert (or Update if you have edited this page before) and the page will refresh showing the words for that document marked up as a link.
Screenshot show how to add a link

Adding the link to an image

Alternatively, you may like to add an image to the content. Upload the image (as in Add document). Automatically ETINU optimizes the image for the web and creates three images: small (thumbnail size), normal and large.

Their web addresses will be in the format of:

Thumbnail: http://<site-address>/<site-name>/pictures/small/nnnnnn.jpg
Normal sized image: http://<site-address>/<site-name>/pictures/normal/nnnnnn.jpg
Large image: http://<site-address>/<site-name>/pictures/large/nnnnnn.jpg
Original image is at: http://<site-address>/<site-name>/documents/nnnnnn.aaa

You will see when you place the cursor over the filename within Documents that a mini image appears.

  • right-click on the image title and a mini-menu will be displayed
  • select Copy Link and it will copy the 'normal' web address into your machine's memory
  • go to the section you wish to add the image and place the cursor (mouse pointer) where you want to add the image
  • now select the Add/Edit Image icon from the editing menu (as below) and a mini form is displayed
  • place the cursor (mouse pointer) in the URL input field and delete the text http://
  • now right-click and a mini-menu is displayed, select Paste and the web address for the document will appear, add an appropriate Alt Text that describes the image, select from the Align how you want to the image to appear (either in Default (where the cursor was placed), Left or to the Right and select Submit.
  • once you have finished editing that page, select Insert (or Update if you have edited this page before) and the page will refresh displaying the page with the image included.
Screenshot show how to add a link

Glossary

Below is an explanation of keywords used within the software and this site. If there is any words used which are not included, please contact us and we will add them to the list.

Keyword(s)
Meaning
Access privileges
Using Groups, you can set the read and write privileges of a particular section (or subsection). For example, you can add a section that only a particular group (containing 1 or more registered users) has read and write to. They would be responsible for maintaining the content of that particular section.
Billboard
A dynamic element of a pre-defined size that contains one or more posters. Each poster contains information that you wish to make more prominent. It could be a product, service or a future event. You can choose how the billboard moves through the posters either by:
- slide-horizontal
- slide-horizontal-swap
- slide-vertical
- swap or
- swap-slide-horizontal.
Groups
By default, there are three groups:
- registered users (anyone who has registered on the site and you have approved);
- administrators (registered users who you have approved as administrators);
- super-administrators (you as owner of the site).
However, you can also create your own groups and select a registered user(s) to become a member of a particular group.
Highlight newsitems
When you have added a news item, you can choose to highlight that news item on a sidebar. It will display a synopsis of the item and when a user selects the title, it will take them to the complete news item.
Poster
A poster is displayed within a billboard. Each poster contains a title, some text, a picture and a link to further information.
Private sections
Those sections that a super-administrator or administrator has chosen to be private i.e. can only be accessed by a registered user or a previously defined group.
Public sections
Those sections that a super-administrator or administrator have choosen to be public that can displayed by anyone.
Registered users
Those users who have chosen to register on your web site. Those who want to be a registered user simply fill in an online form. Their submission goes to the super-administrator's email address to approve or reject the registration.
Sidebars
When adding a section, you can choose to have a sidebar that is displayed on the right of that section's page.