Managing landing page structure and style

Managing blocks in the content editor

The different HTML content elements are displayed in the landing page as blocks, corresponding to the <div> &lt;/div&gt; tag.

Select a block to interact with it. It will then be surrounded by a blue box.

des_lp_content_1

If a block is selected, the parent objects of the corresponding HTML element will show in a breadcrumb located at the bottom of the editing zone.

When the mouse hovers over one of the breadcrumb elements, the element concerned is highlighted. You can therefore navigate easily between the different blocks and select exactly the HTML element you would like to modify.

des_lp_content_2

Use the options from the palette and the contextual toolbar to modify, delete, or duplicate the block.

For the blocks containing text, click again in the block to enable text editing mode. The frame around the block turns green. You can then select or enter text. Use the options from the palette and the contextual toolbar to add a link or modify the text formatting.

des_lp_content_3

The parameters defined for an element in a block (links, personalization fields, content blocks, etc.) can be modified at any time from the palette.

des_lp_content_4

Adding a border and a background in the content editor

You can also define a background color by selecting a color from the chart. This color is applied to the selected block.

des_lp_content_5

You can add a border to the selected block.

des_lp_content_6

Changing the text style in the content editor

To change the style of the text, you have to click inside a text block.

To change the text alignment, select one of the following three icons in the palette on the left:

des_lp_content_7
  • Align left: aligns the text to the left of the selected block (adds style="text-align: left;").

  • Center: centers the text in the block selected (adds style="text-align: center;").

  • Align right: aligns the text to the right of the selected block (adds style="text-align: right;").

You can also use the toolbar to change the font attributes: adapt the font size, make the text bold or italic, underline or change the color of the text. Refer to this section.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책