Setup Web Content Management system - WCM in WPS

• To create and preview a simple web page you will need to create the following items:
• A site
• A site area
• A presentation template
• An authoring template
• A content item
• Components
  
  You will also need to:
  • Define a template map between the authoring template and presentation template.
  • Add a Web Content Management tag for each element displayed within a presentation template.
  
  Create a simple workflow
  
  Before creating any other item, you must create a simple workflow to use when creating a content item.
  • Create a workflow action named Publish.
  • Create a workflow stage named TestStage with the action named Publish selected in the "Execute on Entering Stage" parameter.
  • Create a workflow named TestWorkflow with TestStage selected as the only workflow stage.
  
  Create a site and site area
  • Create a site named TestSite.
  • Save and close the site form.
  • Create a site area named TestSiteArea.
  • Save and close the site area form.
  
  Create a presentation template
  • Create a presentation template named TestPresentationTemplate.
  • Create a simple HTML table in the presentation template by adding the following code into the presentation template section.
  
  <table width="100%" border="1"><tr><td></td><td></td><td></td></tr></table>
  • Save and close the presentation template.
  
  Create an authoring template
  • Create an authoring template named TestAuthoringTemplate.
  • Click Default Content Settings .
  • Click Manage Elements.
  • Add a text element named body to the authoring template.
  • Save and close the authoring template.
  
  Create some content
  • Create a new content item named TestContent.
  • Select TestAuthoringTemplate when creating the new content item.
  • Go to the contents section and enter some text in the body element.
  • Go to the workflow section and select the Test Workflow.
  • Click Save.
  • Select TestSiteArea.
  • Click OK and save and close the content item.
  
  Map templates and link content
  • Go back to the site framework view.
  • Go to Site Areas -> Site -> TestSite
  • Open TestSiteArea.
  • Edit the template map and link TestPresentationTemplate and TestAuthoringTemplate.
  • Set TestContent as the default content for the site area.
  • Save and close the site area.
  
  Reference the body element in your presentation template
  • Go back to the presentation template view and open TestPresentationTemplate.
  • Enter the following element tag into one of the table cells of the presentation template.
  <element type="Content" context="current" key="Body"/>

  The content of the element tag will change depending on which content item is displayed.

  • Save and close the presentation template.
  
  Preview the web page
  • Go back to the content view and preview TestContent.
  Tip: You may need to configure your browser to allow pop-ups to preview the content.
  • The text you typed in the body element should appear on the rendered web page.
  • Close the preview window.
  
  Add a navigator
  • Create a new navigator component named TestNav with the following parameters:
  • Start Type = current content
  • Ancestor Level = All.
  • Add a placeholder in Navigator result design 1 to display links in the navigator:
  <placeholder tag="Namelink"/><br>
  • Save and close TestNav.
  
  Reference the navigator in your presentation template
  • Go back to the presentation template view and open TestPresentationTemplate.
  • Enter the following component tag into one of the table cells of the presentation template.
  <component name="TestNav" />

  As we are referencing the navigator directly from a component, the navigator is always displayed in this presentation template. The content of the navigator will change depending on which site area and content items are currently being referenced.

  • Save and close the presentation template.
  
  Preview the web page
  • Go back to the content library view and preview TestContent.
  • A navigator should appear on the rendered web page.
  • Close the preview window.
  
  Add an image component
  • Create a new image component named TestImage.
  • Save and close the image component.
  
  Reference the image in your presentation template
  • Go back to the presentation template view and open TestPresentationTemplate.
  • Enter the following component tag into one of the table cells of the presentation template.
  <component name="TestImage" />

  As we are referencing the image directly from a component, the Image is always displayed in this presentation template.

  • Save and close the presentation template.
  
  Preview the web page
  • Go back to the content library view and preview TestContent.
  • An image should appear on the rendered web page.
  • Close the preview window.