2. Advanced Building & Editing

• Tips and Techniques

  

  Limit entering your credential

  • Select Remember Me
  • Log in
  • Bookmark the Launchpad to limit the need to enter your credentials.

  Change your password

  • From the Launchpad select the Control Panel
  • Select the Change Password
  • Update your information

  Use Favorites to remember locations

  • Select Favorites from Home tab Ribbon Options
  • Choose Remember Favorites to bookmark a location
  • Organize lets you delete or reorder bookmarks

  Right clicking in the Content Tree

  The fastest and most accurate way to work for creating new content.

  • Inserting, New pages and Item
  • Renaming items
  • Copying Items
  • Sorting the Navigation

  Pages and Components

  • Pages Data folders hold components
  • New pages start with a Banner and Content Block component added
  • Edit the blue pages by selecting the Publish Tab, Experience Editor
  • Content blocks can be update using a Rich Text Editor but the page still needs to be saved to create Draft.

   

• Right Click Options

  

  Right Clicking on Item opens options and sub menu options related to that item.

  • Insert – (Sub) Compatible items for selected area
  • Search – Browse for specific or recently created items
  • Duplicate – Creates a connected second item
  • Delete – Move item to the Recycle Bin
  • Rename – Changes Item name and URL
  • Copying – (Sub) Copy, Move or Transfer Item
  • Sorting – (Sub) Changes visible order
  • Edit – Return to editing view
  • Refresh – Updates edits

  Right Click and Insert will list the templates for creating a new page.

• Sub Menus

  

  Open Carets or Right Click on Items to show more options. The options displayed are the compatible items, actions, or components available to the item selected.

  • Insert – Choose items, actions, or components available to the item selected.
  • Copying – Make a copy of, Move, or Transfer item
  • Sorting – Changes visible order of content or navigation displayed on the live website

• Templates

  There are 3 types of page templates. To build a page choose either a 2 column or Full page template then add components to it.

  Templates Types

  2 Column Page–The most common template, includes a left-navigation for displaying subpages.

  • Banners: Interior Banner, Tip Banner
  • Content: Content Block, Image w/Content,  Accordion
  • Description with links: Category Link List, Category Title
  • Links: Link List, Quick Links

  Full Content Page–Used for landing pages that link to other pages.

  • Banners: Hero banner, Interior Banner, Tip Banner, Spotlight Banner
  • Content: Content Block, Image w/Content, Accordion
  • Description with links: Category Link List, Category Title
  • Links: Link List, Quick Links
  • Utility: Container

  Interstitial Page–This page allows for a title and a description in search results, is included in a left navigation but links to an outside web page.

  To create a new page use the Content Tree to select the page for the Item placement and use the Right Click options to choose a template.

• Creating a New Page

  • Navigate to the Item in the Content Tree
  • Right Click on the Item where the page is to be created
  • Choose Insert, then select Page template to be created (Right Two Column Content Page)
  • Enter a Name in the message Box.

  Naming Items

  The name entered will be the URL avoid using special characters. This can be changed by Right Clicking on the Item after it is created and selecting Rename or by selecting the text area next to the icon in the Content Details section.
  Your new page will be created

  To begin editing

  • Choose the Publish Tab
  • Select Experience Editor
  • The Experience Editor opens to begin editing 

  

• Content Detail for Web Pages

  The Content Detail Section within the Content Editor, is used for adding extra details and information to web pages, documents, and Images to improve the search. Each type of Item has a unique set of sections specific to that Item. 

  Page Metadata–Page Title is the title of the page. Links go to this page use this as a Identifier.

  

  OpenGraph–Title is the keyword for search. A more descriptive title and sentence is used here to differentiate pages. i.e. Contact Human Resources

  
  Overview Landing–OverviewPage will reset the left navigation making it the first page. HidePageSecNav hides page from navigation.

  

  Redirect–Set this page to open a internal page, external page, document, email, or phone number.

  

• Content Detail for Documents and Images

  Documents

  Media–Replace or Download Items. Detach removed an Item from the web, Attach let you replace the Item using the same Item name.

   

  Information–Documents appear in site search. Use Title and Description to add search terms and a descriptive sentence to search results.

  

  Images

  Image–Alt, short for alternative text, is read by screen readers to provides description for ADA compliance and Search Engine Optimization, SEO.

  

• Adding a Component

  Components are added to pages using the Experience Editor.

  Components are added to build out a page and these are determined by the type of content being added. Editing a components are done on-page from the user perspective (frontend) or by using the Content Details to select items to be displayed (backstage). 

  

  Adding Components is done by selecting Add a new component in the Experience Editor.

   

  Add here tags show places where components can be added.

  Selecting a tag will open the choose a rendering window to choose a component. Options are limoited to the types of components that can be added to an area. 

  Component Types

  • Banners–Used as page heading with option for Image, or informational Text
  • Frontend Component–A single item, edited and managed from the Experience Editor
  • Backstage Component–Multiple items, added into other items and managed from the Content Editor

• Images

  Component Images Sizes

  • Interior Banner–1200 x 400 px
  • Hero Banner–1200 x 600 px 
  • Spotlight Banner–900 x 600 px
  • Content Block and Image 460 x 360 px

  Rich Text Editor Images Sizes

  • Full-width –1000 px
  • Left or Right Justified  460 px or less

  Alternative Text or Text Equivalent

  Alt text is a short phrase used to identify images on web pages and social media. Longer descriptions are used for artwork and images that display text. Adding text to an image is part of making a page accessible to the users who use assistive devices, screen readers, and non-graphical web browsers.

  When adding an image to a webpage you will be prompted to add Alt Text. This field is located in the Content Editor with in the Content Details.

  Alt-text Walking man example

  Okay: "man on escalator"

  Better: "man walking on escalator"

  Best: "man wearing backpack walking down escalator"