Op de pagina schrijven en blokken toevoegen

Rechtstreeks schrijven

Klik in een tekst en typ: meer is het niet. Selecteert u een passage, dan verschijnt een kleine balk om die vet of cursief te maken, door te halen, een link toe te voegen, en een ✨-knop om ze met AI bij te werken. In het rechterpaneel biedt het tabblad Blok ook titels, lijsten, citaten en uitlijning.

In deze balk zet de lijst Tekststijl de alinea waarin de cursor staat om: Tekst, Kop 1 tot 4, Bovenkop (een korte regel boven een kop) of Intro (een grotere inleidende alinea). Elke keuze wordt getoond zoals ze zal verschijnen.

Bij het kiezen van een link kunt u een pagina, een sectie, een e-mailadres of een andere site kiezen, en ook een blogartikel of een product uit de winkel (tabbladen Artikel en Product). De link volgt het artikel in elke taal van de site, en wordt netjes verwijderd als het artikel niet meer gepubliceerd is.

Een blok toevoegen met de toets ‘/’

1. Plaats de cursor op een lege regel.
2. Typ /: het opdrachtenmenu opent, ingedeeld per categorie (Sectie, Tekst, Media, Inhoud, Actie).
3. Typ een paar letters om te filteren (‘gal’ voor Galerij) en bevestig.

U kunt ook klikken op Object invoegen… in het tabblad Blok van het rechterpaneel.

De belangrijkste blokken

• Tekst en opmaak: titels, lijsten, citaat, Kader, Kolommen (2 tot 4 zones naast elkaar), Scheidingslijn, Witruimte, Tabel, Inhoudsopgave.
• Media: Afbeelding, Galerij, Media (video, audio of inhoud van YouTube, Vimeo, SoundCloud, Spotify…), Voor / na, Insluiten (een webcam, een agenda, een reviewwidget… via het adres of de HTML-code).
• Uw activiteit presenteren: Hero (banner met titel en knoppen), Functies, Kaartenraster, Team, Getuigenissen, Kerncijfers, Tijdlijn, Specificaties, Scrollverhaal, Lichtkrant, Logowand.
• Prijzen: Pakketten & prijzen (kaarten met formules, zo nodig met een Doorgestreepte prijs en een Notitie onder de prijs) en Prijslijst (een lijst met diensten en prijzen per categorie, zoals een menukaart).
• Interactie: CTA-knop, Formulier, FAQ, Kaart, Sociale netwerken, Nieuwsbrief, Reservering, Reacties / Beoordelingen.
• Uitlichten: Producten uit de winkel en Blogberichten.

Het blok Afbeelding biedt vijf maten: XS (hoogstens 150 px, voor een logo of een badge), S, M, L en 100%.

Blogberichten en documentatieartikelen bieden dezelfde blokken als de pagina's, met dezelfde gebaren. Alleen het blok Reacties / beoordelingen wordt in de documentatie niet aangeboden.

Links in Hero en Team

Klik in een Hero-blok op het blok: in het rechterpaneel stelt u de tekst en de bestemming van elke knop in, met de gebruikelijke linkkiezer (een pagina, een sectie, een e-mailadres, een andere site…).

In een Team-blok heeft elk lid een veld Pagina van het lid: foto en naam leiden dan naar een eigen pagina, een sectie of een andere site.

Het kaartenraster

Klik op een blok Kaartenraster: het rechterpaneel toont de kaarten. Klap een kaart uit om de titel, tekst, meta, prijs en knoptekst te wijzigen; zo kan ook een kaart die u toevoegt een knop krijgen. Het veld Link van de kaart bepaalt waar ze naartoe leidt. U kunt ook rechtstreeks op de pagina op de tekst van een kaart klikken.

De link van een kaart kiest u zoals de andere links in TOWeb: een pagina van de site, een bericht, een product, een bestand of een extern adres. De instelling Tekstuitlijning centreert de tekst van de kaarten.

Zijn er minder kaarten dan kolommen, dan vertelt een aanwijzing onder Kolommen hoeveel kaarten u moet toevoegen om de rij te vullen.

Bewerken, verplaatsen, verwijderen

Klik op een blok: de instellingen verschijnen in het tabblad Blok van het rechterpaneel. Sleep de greep links van het blok om het te verplaatsen; een klik erop opent het menu Omhoog, Omlaag, Dupliceren, Verwijderen.

De inhoudsopgave van een pagina

Het blok Inhoudsopgave toont de koppen van een pagina, een blogartikel of een documentatieartikel, met een link naar elke kop. Typ / en dan ‘inhoudsopgave’ of ‘inhoud’, of voeg het toe via het tabblad Toevoegen.

Het bouwt zichzelf op uit de koppen die erop volgen: zet Opgenomen koppen op H2 en H3 of Alleen H2. Het wordt bij elke publicatie bijgewerkt en verschijnt in de taal van elke pagina, met dezelfde links in alle talen. Blijft de Titel leeg, dan wordt die ‘Inhoudsopgave’, ook vertaald. Op een telefoon blijft het ingeklapt tot iemand erop tikt.

In de editor toont de kaart de huidige koppen. Zolang er geen kop op volgt, blijft het leeg en wordt het niet op de site getoond.

Het contactformulier

Typ / en kies Formulier. Klik op het blok: de instellingen verschijnen op het tabblad Blok van het rechterpaneel.

• Velden: voeg ze een voor een toe (tekst, e-mail, telefoon, tekstvak, keuzelijst, enkele keuze, selectievakje, datum, bestand) en geef aan of ze verplicht zijn.
• Tekst van de knop: wat de verzendknop toont.
• Na het verzenden: Een bericht tonen (het Bevestigingsbericht verschijnt in plaats van het formulier) of Naar een pagina gaan: zodra het bericht is verzonden, komt de bezoeker op de gekozen pagina, in zijn taal.

De berichten komen aan op het ontvangstadres van de formulieren, dat één keer voor de hele site wordt ingesteld in Configuratie › i-Services.

Een externe dienst insluiten

Een webcam, een online agenda, een reviewwidget, een weersverwachting, een formulier van een andere dienst: het blok Insluiten plaatst ze overal op uw pagina’s.

1. Typ op een lege regel / en daarna Insluiten.
2. Kies in het rechterpaneel wat u insluit: Een adres (de pagina van de dienst, getoond in een kader waarvan u de hoogte instelt) of HTML-code (de code die de dienst u geeft, ongewijzigd te kopiëren en plakken).
3. Beschrijf in een paar woorden Wat de insluiting toont: dat lezen schermlezers voor.
4. Open het Voorbeeld om het resultaat te zien: in de editor verschijnt het blok als een kaart.

In de modus HTML-code typt u de code rechtstreeks in het blok, in kleur, en het tabblad Voorbeeld toont het resultaat.

Plaatst de dienst cookies of volgt hij uw bezoekers, kies dan zijn categorie bij Toestemming van de bezoeker: Bezoekersmeting of Marketing en sociale media. Het blok wacht dan tot de bezoeker deze categorie in de cookiebanner accepteert; tot dan staat er een melding op zijn plaats, met een link om cookies te beheren. Dit werkt met de banner van TOWeb en met die van WebLegal.

De code kan ook PHP bevatten, zoals een .php-pagina in TOWeb 14: de pagina die de code bevat, wordt gepubliceerd als index.php, op hetzelfde adres. Voor het publiceren controleert TOWeb de syntaxis van de code: een fout stopt de publicatie en noemt de pagina en de regel. De code wordt uitgevoerd op uw hosting, onder uw verantwoordelijkheid, en bij de lokale test; in het voorbeeld staat er een kader op zijn plaats. Op een met een wachtwoord beveiligde pagina wordt hij niet gepubliceerd. Om te controleren of uw hosting PHP uitvoert, gebruikt u Publiceren › Server testen.

Een passage kopiëren of dupliceren

Een titel, de tekst en een afbeelding worden samen gekopieerd, zoals in een tekstverwerker:

1. Selecteer de passage met de muis, van het begin van de titel tot het einde van het laatste element. U kunt ook aan het begin klikken en daarna Shift + klik aan het einde.
2. Kopieer: ⌘C (Mac) of Ctrl+C (Windows).
3. Klik aan het einde van de regel waarna de kopie moet komen en druk op Enter: er ontstaat een lege regel.
4. Plak: ⌘V (Mac) of Ctrl+V (Windows).

Om een hele sectie met haar achtergrond en al haar inhoud te herhalen, gebruikt u beter Dupliceren in haar opdrachten: zie het artikel Secties.