As the name suggests, the Title Object is specific for creating titles to insert in both the template's header and in the page content. Unlike the Text Object, the Title Object doesn't open an actual text editor, but it does provide all the features necessary for writing a short text, formatting it and specifying some style settings.
The main advantage of the Title Object is that it simplifies work on the header tags (from <h1> to <h6>), thus improving the page structure and, consequently, the level of search engine optimization.
When you add an Title Object you can specify the following Properties:
|▪||Content: to enter or paste the text contents in this field.|
|▪||Font Type: specifies the font, style and size to use for the text. The menu shows the command for applying the Default Font (defined by the style of the Page Text item in the Text Style window), the list of safe fonts (those which are present on all devices and do not need to be published, and all the Google fonts and web fonts added in the Add web fonts window, which is opened by the Other font types command. |
|▪||Text Color / Background Color: to define the color of the text and its background.|
|▪||Alignment: to align the text to the Left, Center or Right.|
You can give titles a Style which you define with the following parameters:
|▪||Style: this defines the type of shadow, if you want one.|
|▪||Color: this defines the color of the shadow.|
|▪||Diffusion: this defines the shadow's diffusion.|
|▪||Offset X / Offset Y: these define the vertical and/or horizontal distance of the shadow from the title. A positive value moves the shadow down or to the right, whereas a negative value moves the shadow up or to the left.|
It is also possible to apply an Effect to a title, and these are the possible parameters you can set:
|▪||Effect: this defines the type of effect to apply.|
|▪||Angle / Angle X / Angle Y: these give the rotation direction and angle and/or distortion to apply to the title.|
Finally, you can complete the title with the following options:
|▪||Heading Tag: this indicates whether the title is to be added in the page's HTML code as a heading and at which level. |
In the HTML language, page headings (or titles) are inserted with the tags from <h1></h1> to <h6></h6>. The <h1> tag is used for the highest heading level and the other tags, <h2>, <h3> ... <h6>, are used in succession for lower levels, subsections, and so on. Care must be taken to respect the level order and not jump levels.
|▪||Link: this adds a link to the title. You can define the link in the Link that opens.|
|▪||Adapt font size to the width of the object: if you select this option, the title's font size will be adapted to the available space. If you are creating a responsive website, this means that the title's size gets smaller as you pass on to lower resolutions. If this option is not selected, the size of the title remains constant and will be displayed on more than one line, if there is not enough space to show it on one line.|