|
A Landing Page is composed of blocks which can be freely arranged in the la=
yout.
|
Blocks (elements) are objects that help organize your p= ages. You can quickly and easily deploy and customize content blocks o= n a page. Resize and rearrange all deployed elements in any way you like an= d present the content in a clear and structured manner.
=20- =20
- Elem= ent menu =20
- Working with elements=20 =20
Element menu
Element menu allows you to structure the content on the page and change = its appearance. It helps you to customize the look and feel of the page usi= ng drag-and-drop. You can easily change text, picture, video and other cont= ent objects according to your preferences.
Page elements
Developers can create new, custom Landing Page blocks. See Creating layouts= , zones and blocks (in Technical Manual) for more informatio= n.
Working with elements
Placing elements
A page can include various types of elements. There are no rules on how = the elements should be placed. You decide what types of elements you would = like to see and where on the design canvas.
1. In the Landing Page editor, select
2. Drag and drop the element you would like to add= onto the content area of a page.
3. If needed, reorder existing elements on the page by = dragging.
=20
Changing element options
eZ Studio provides many options that allow you to change properties of e= lements. The ability to modify element options gives you great control over= the page.
1. Once an element is placed, select it.
A toolbar with the block type and a set of icons appears.
2. Click the configuration icon to access the block's options.
3. Fill in the fields in the setup screen and click
Fields marked with an asterisk are obligatory.
Example of a configuration screen= for a Landing Page block
=20Information
Once you configure an element's options (for example select images = to be shown in a gallery), you will see a live preview of the element as it= will look like once published.
Moving an element
You can easily change the position of an element on the design canvas.
1. Click an element.
The element's control points and borders appear.
2. Move the element by dragging and dropping it.
3. If needed, reorder existing elements on the page by = dragging.
=20