Adding Templates with Structures

To better understand templates, now you’ll create a structure and an associated template. First create the structure:

  1. Go to ContentWeb Content from Site Administration page and open the Structures tab.

  2. Click the Add button (Add Structure).

  3. Name the structure News Article and add the following fields:

    Field Type Field Label Name
    Text Title title
    Text Box Abstract abstract
    Image Image image
    HTML Body body
  4. Click Save.

Now create the template and connect it to the structure.

  1. From the Web Content page, go to the Templates tab.

  2. Click the Add button (Add Template).

  3. Enter the name News Article.

  4. Open Details and make sure FreeMarker is selected as the script language (it’s the default).

  5. Click Select under Structure.

  6. Choose the News Article structure.

  7. In the Script area, find the Fields label on the left and click on Title, Abstract, Image and Body into the editor area. It should look like this:

    ${title.getData()}
    ${abstract.getData()}
    <#if image.getData()?? && image.getData() != ""> <img alt="${image.getAttribute("alt")}" data-fileentryid="${image.getAttribute("fileEntryId")}" src="${image.getData()}" /> </#if>
    ${body.getData()}
    
  8. Next, add heading and <p> tags and align the image to center to style your elements like this:

    <h1>${title.getData()}</h1>
    <p>${abstract.getData()}</p>
    <#if image.getData()?? && image.getData() != ""> <img alt="${image.getAttribute("alt")}" data-fileentryid="${image.getAttribute("fileEntryId")}" src="${image.getData()}" align="center" /> </#if>
    <p>${body.getData()}</p>
    
  9. Click Save.

To finish it up, add some content:

  1. Go to the Web Content tab.

  2. Click on the Add button (Add) and select News Article.

  3. Insert some content and publish!

Figure 1: The Lunar Resort News Article is shaping up!

Figure 1: The Lunar Resort News Article is shaping up!

« Designing Web Content with TemplatesEmbedding Widgets in Templates »
この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています