Wat ga je met deze tutorial maken? Je maakt een item met 2 gelijkwaardige tekstkolommen met een vaste breedte. Het item beslaat 100% van de breedte van het scherm.

Stap 1. Item aanmaken

Maak een nieuw item aan. Geef het item een duidelijke naam bijvoorbeeld '2 tekstkolommen' en kies bij de dropdown function = Side by side. (item over de volledige schermbreedte)

De overige velden mogen blanco blijven.

Klik op Update item type.

Stap 2. Rij aanmaken

Open het zojuist aangemaakte item in je lijst met items. Klik hiervoor op de edit tool (sleutel & schroevendraaier).

Klik op row en vul de volgende velden in bij tabblad dim: width = 100%, height = auto, min height = 200, padding = top 120, bottom = 120. Tabblad text: alignment = center.

Stap 3. Item specificeren

Klik op item en vul de volgende velden in bij tabblad dim: width = 530, height = auto. Tabblad text: alignment = left, tabblad dim: margin-right = 30.

Klik op Update item type.

Stap 4. Tekstblok aanmaken

Open het zojuist aangemaakte item in je lijst met items. Klik hiervoor op de edit tool (sleutel & schroevendraaier).

Klik op Add element.

Geef het element bij het veld label een duidelijke naam bijvoorbeeld 'tekstblok' en kies bij de dropdown type = Text (multi-line).

Klik op default en vul de volgende velden in bij tabblad dim: width = 100%, height = auto.

Klik op Update element.

Stap 5. Klaar en toepassen

De rij met 2 tekstkolommen is nu klaar en kan ingevoegd worden op een pagina. Klik op het tabblad Items. Beweeg met je muis over het zojuist aangemaakte item. Klik op de grote plus en sleep (drag & drop) het item op de pagina preview in de middelste kolom waar je het item wilt plaatsen op de pagina.

Stap 6. Content plaatsen

Nadat het item is geplaatst in de middelste kolom van de preview kan je tekst plaatsen in de tekstkolom(men) door op het Edit symbool te klikken aan de rechter kant van de rij. In de linkerkolom verschijnt Add item klik hierop en voeg de tekst toe en maak deze op met behulp van headings en styles. Sla de content op door op Update item te klikken.

Hoe je teksten aanpast met headings en styles in SiteSnap zie je op deze pagina.

Wil je een tweede kolom toevoegen? Kopieer de eerste door op het Duplicate icoon te klikken op het eerste item. En sleep deze onder of boven de eerste kolom totdat een gele lijn verschijnt. Klik en laat los. Je kan de content van deze kopie aanpassen zoals je hebt gedaan voor de eerste kolom door op het Edit Icoon te klikken.