• Print this page

Getting Started

Editing Your Page

Once you have been given access to EpiServer and have logged in to maintain your page:

  • Click "CMS" button top left hand corner
  • Click "Edit Mode" button just below CMS button
  • Find your site in the tree. Corps websites are under:
    The Salvation Army / Find Us / <Your State> / <Your Corps>
  • Click "Edit" tab in the preview window
  • Click "Composer" to access drag+drop design area

From there you can edit existing composer elements on the page by clicking on their heading/name bar and clicking "Edit". You can also drag new composer elements onto the page from the toolbox.

To edit things like the colour scheme, the banner, backgrounds etc go to the "Content Configuration" tab.

When you have finished making your changes click the "Save and Publish" button to make your changes live.

Video Training, Episerver Manuals, Style Guides, Web Minute & Model Release Form

  1. Interactive Video Demonstrations for EPiServer Content Management System (CMS) offer a range of courses from how to login, change password, upload images and other files, create a new page, change navigation menu, resize an image and other more advanced areas of the system. You can learn by working along with the demonstrator. You can access these through LEARN (Via Lotus Notes)  Instructions for accessing LEARN
  2. Episerver Handy Hints PDF
  3. Episerver and Microsoft Office Photo Editing PDF - how to edit photos using Episerver or Microsoft Office
  4. TSA Web Style Guide PDF - offers a comprehensive design guide to web content managers (see digital version)
  5. TSA AUS Brand Charter and Styleguide PDF (4mb) - learn how to use TSA logos, fonts, colors etc
  6. Episerver User manual Advanced PDF (3mb) - as this is an advanced manual you may not have permissions to update all areas explained in this manual
  7. There is online help available at http://webhelp.episerver.com/Composer/4.1/en/. The "Episerver Composer in Edit Mode" section will be of most help to you, but not all applies.
  8. Web Minute-INT 1100- Internet Usage Policy - explains policy of The Salvation Army which should be read by all web users and developers
  9. Model Release Form

"Content Configuration" Tab

The "Content Configuration" tab is a key tab for setting up the look and feel of your page/site. The sizes of the banner, background and summary images are included below.

  • Hide Logo and Slogan - Hides the Red Shield Logo and "Thank God for the Salvos" text
  • Banner Gradient - Use a gradient if you are not using a full-size banner
  • Banner Link - This doesn't work with a full-size banner
  • Banner Text - Replacement text for "Thank God for the Salvos" text in the banner
  • Navigation Type - This turns on the top menu, left menu, neither or both
  • Colour Scheme - This sets a colour scheme for your site

Images Sizes

Remember to optimise all images (smallest possible) before using them on the web

Banner Right Image

Right Side Banner (PSD) - 550px x 155px
Full Width Banner (PSD) - 962px x 155px
As displayed at the top of each page.

Banner Logo

Page Logo (PSD) - 109px x 120px
As displayed at the top of each page over the banner.

Background Image

Page Background (PSD) - 1920px x 1020px

Summary Images

Landing Page Image (largest) (PSD) - 210px x 150px

Page List Image (Small rectangular) (PSD)  - 80px x 60px

Menu / Event Image (small square ) (PSD) - 60px x 60px

News List Image (PSD) -180px x 120px

All images must be cropped to the correct size to avoid distortion

"Metadata" Tab

Key fields on the "Metadata" Tab are:

  • Meta Title - This is the title displayed in the browser's tab, also crucial for Google search rankings. e.g. Bendigo Corps | The Salvation Army
  • Standard search words for pages - Used by Google to match your page to search queries. Choose phrases from your content.
  • Page Description - short description about what the page is about; used by Google; no more than two lines.

"Settings" Tab

Key fields on the "Settings" Tab are:

  • Display page in menus - Tick/Untick this to show/hide this page in the menu
  • Page name in web address - What the page's name will be in the URL

"Composer" Tab

The "Composer" tab provides a drag-and-drop interface for designing your page.

If you are starting a new page, the first thing you need to do is place a layout block on the page. For example, you could use any of the following:

  • Highlight Box Layout
  • 75 25 Columns - Left column 75% width and Right Column 25% width
  • Three Column - Two columns of equal width
  • Two Column - Three columns of equal width

After setting up your layout, place Content blocks. To add basic text and images use the "WYSIWYG" composer element. Drag it from the Toolbox to where you want it on the page. Then click the small blue heading on the element that says "WYSIWYG control", select "Edit" from the menu. This will display an area that is a lot like Word for you to enter your text and pictures.

Some other great Content composer elements are:

  • Highlight Box - A styled box that you can put text in
  • Video Player - Include your youtube videos or uploaded videos here
  • Photo Gallery - Display a gallery of images
  • Facebook Social Plugin - Connect your Facebook Page to your site
  • HTML Slider - To rotate images of any size (Must all be cropped exactly the same size)

To preview your changes, click the "Save and View" button. If you are happy with your changes click the "Ready to Publish" button or the "Publish" button (if you have publisher access).