15 March 2017

“Text” element in the WebWave creator without coding allows you to add to your website any text, as well as enrich it with photos, YouTube videos, or links.

 

Adding a “Text” element to the page

Available “Text” functions

 

Adding a “Text” element to the website

 

“Text” can be added from the tools menu on the left side of the editor. Just click the appropriate icon or drag it from the tools menu on the page.

 

 

Available “Text” functions

 

You can give any size to the “Text” element. It may have a shadow, transparency, and border.

 

All these settings are available in the lower panel, after selecting the item in the editor.

If you double-click an item or select an item and click "edit" in the frame, you can edit its contents.

In addition, during editing, there is a panel which has many useful tools.

 

 

In the first row of the panel basic text editing features are available. In order from left they are:

 

Font selection

 

Allows you to select a font from the list of available fonts. If you can't find a suitable font among the available, you can add more. You will learn how to do this here.

 

Font size

 

It allows you to determine the font height in pixels.

 

Text color

Here you can choose the color of letters and other characters.

 

Background color

Set background color of the letter. This is not the background color for the entire item, only for the single character.

 

Bold

If you want to make some text stand out on the website, you can do so just by using this tool. The selected text will be thicker than regular text.

 

Italics

Another way to highlight text. The text will slant slightly to the right. This option is often used for a quotes.

 

Underlining

It allows you to highlight text, by adding the underlining.

 

Strikethrough

Useful when you want to indicate that something has been changed in the text. It simply marks the selected text with horizontal line through the center.

 

Style

It allows you to choose style from the lists of available text styles. If you select a style for the text, you can make a change very quickly on the whole page, e.g. color, size or font of a text, by changing the style. You will learn more about the styles here.

 

Format

Allows you to choose which HTML element on the website, a part of the text should be. You can select the normal format, which corresponds to <p> and four levels of headings, which correspond to the tags <h1>, <h2>, <h3> and <h4>. Use of the correct format is important because of the SEO.  You can learn more about SEO here.

In the second row there is a lot of useful tools for better arrangement of text and adding the media. From left to right there are:

 

Text alignment

Well-known option from the text editors, such as Word. It allows you to determine how text is arranged in the element. Different pieces of text can be arranged in different ways. You can also use this options for photos and videos inserted into the text element. The options are:

 

Left – aligns elements to the left.

Center – aligns the text so that the center of each line is in the middle of the element.

Right – aligns elements to the right.

Justify – aligns text to the left, and when you fill a line of text, will ensure that the text is also equalized to the right side (Attention – it can increase the spacing between words).

 

Numbered list

 

It allows you to create a list, in which successive parts of text have consecutive numbers.

 

  1. one
  2. two
  3. three

 

Bulleted list

 

When you do not want to give parts of the text numbers, but still want to write a list, a bulleted list is just for you.

 

Shopping list:

  • beer
  • cheese
  • eggs
  • beer
  • bread
  • beer

 

Decrease / Increase indent

 

When you want to add the sublist, you can do so just by increasing the indentation.

 

  1. one
    • one a
    • one b
  2. two
  3. three

 

Insert / edit link

 

Links are essential for navigating through a website. With this option, you can create a link from a part of your text. You can choose whether the link is to open in the same tab or in a new one. Or maybe a pop-up window? After clicking, user will be redirected to the page specified by you.

The appearance of the text will change according to the style set for links on your site.

 

WebWave Tutorial

 

Remove link

 

It does exactly as it says – removes a link from selected text. Appearance of the text returns to the previous style.

 

Insert / edit anchor

 

Adds an anchor to the website. This element is invisible to the user. If you place an anchor in the text, a link will lead directly to the place where the anchor is. Useful when creating tables of contents, on which the user can click, such as the one at the beginning of this article.

 

Picture

 

It allows you to add a photo from the Media Library within the text e.g. screenshots in our tutorial.

 

 

YouTube video attachment

 

You can add any video from YouTube to your text. When you click this option, it opens a window where you can specify the details of the added video, such as window size or autoplay.

 

Table

 

You can create a table in the text by clicking on this option. After clicking you'll see a window that will allow you to determine the number of rows and columns. If in the process of writing it turns out that the table is too small, do not worry, you can edit the already added table. You do this by clicking on it the right mouse button and selecting the appropriate options.

 

english german
me ich
you du

 

Insert a horizontal line

 

Adds a horizontal line spanning the entire width of the text.

 


 

Insert special character

 

From the menu that opens when you click, you can add different characters, some of them are not accessible via the keyboard.

 

e.g. WebWave®

 

Remove formatting

 

Removes previously added styles from the text. The appearance of the text will be restored to the default settings on your page.

 

Show blocks

 

It shows blocks of HTML that make up your text. It is only an informational feature for you, users will never see them.

 

Templates

 

It allows you to set the appearance of a text field on the basis of the available templates. It has nothing to do with the page template, about which you can read here.

 

Document source

 

It shows in the window, how the currently edited text field looks in HTML. You can also edit the HTML.

 

The third and last line of the Tools menu is short but contains a very interesting features.

 

Transform Text to Uppercase

 

Converts the selected text to uppercase.

 

Transform Text to Lowerase

 

Converts the selected text to lowercase.

 

Capitalize Text

 

Converts the first letter of each word in the selected text to uppercase, and all the other small.

 

Transform Text Switcher

 

Clicking on this button change the selected text according to the three previous options. Subsequent clicks give a different effect:

• after the first click: Uppercase

• after the second click: Lowercase

• after the third click: Capitalize

• the fourth clicked: Uppercase

e.t.c.

 

Media Library

 

The last button allows you to enter the Media Library.

GO BACK             

Text

 

 

Copyright © 2011 — 2018

All Rights Reserved

PRODUCT

CONTACT 

contact@webwave.me 

YOU SHOULD USE WEBWAVE TOO!

Try - it's free

SIGN UP

SUCCESS STORIES

HELP & SUPPORT

LANGUAGE

SIGN UP

LOG IN

SIGN UP

LOG IN