Element

Element hjälper till att strukturera och presentera innehåll effektivt. De sträcker sig från textbaserade komponenter som rubriker, listor och textmarkeringar till interaktiva komponenter som knappar och länkar. Visuella element som bilder, ikoner, videor och animationer kan också läggas till för att förbättra innehållspresentationen och organisationen.

Så här lägger du till eller ändrar ett hemsideelement:

  1. Navigera till relevant hemsida och klicka på Redigera.

  2. Klicka på sektionen på sidan där du vill lägga till eller ändra ett element.

  3. Gör nödvändiga ändringar.

  4. Klicka på Spara.

Observera

Standardformaten för rubriker, knappar, länkar och stycketext definieras till exempel i fliken Tema i hemsideredigeraren.

Skriv / för att lägga till hemsideelement.

Rubriker

Rubriker definierar titlar och organiserar hemsideinnehåll i olika nivåer för tydlighet och struktur. För att infoga en rubrik skriver du /title, väljer rubrikstil (Rubrik 1, Rubrik 2 eller Rubrik 3) och skriver texten.

Tips

Alternativt kan du skriva texten, markera den och välja lämplig stil från avsnittet Textformat i fliken Anpassa i hemsideredigeraren. Ytterligare formateringsalternativ, såsom teckensnitt och färger, är också tillgängliga i detta avsnitt.

Knappar

Knappar är interaktiva element som gör det möjligt att länka till en annan sida eller till ett sidankare. Så här infogar du en knapp:

  1. Skriv /button.

  2. Ange knappens etikett i fältet Länketikett.

  3. Lägg till URL eller e-post. Skriv / för att söka efter en sida och # för att länka till ett ankare.

  4. Ställ in Stil, Storlek och Layout för att definiera knappens utseende.

  5. Om det behövs, växla brytaren för att öppna den länkade sidan eller ankaret i en ny flik.

  6. Klicka på Verkställ för att spara ändringarna.

Tips

För att ändra en befintlig knapp, klicka på knappen och redigera optionerna i sektionen Inbäddad text i hemsidans redigerare.

Bilder

För att infoga en bild:

  1. Skriv /image.

  2. Sök i Unsplash-databasen eller klicka på Ladda upp en bild för att välja en fil från dina lokala bilder.

  3. Klicka på Add.

  4. För att anpassa bilden, klicka på bilden och redigera optionerna i sektionen Bild i hemsidans redigerare. Till exempel:

    • Ersätt bilden.

    • Definiera en alt-tagg i fältet Beskrivning.

    • Ange en rubriktagg i fältet Verktygstips. Denna text visas när besökare håller musen över bilden.

    • Lägg till en Form; vissa former tillåter även färganpassning.

    • Justera bildens Bredd, t.ex. för att förbättra prestandan. En mindre storlek kan föreslås om den är tillräcklig för visning.

    • Ändra storlek på bilden med verktyget Transformera.

    • Justera Utfyllnad för att lägga till utrymme (i pixlar) runt bilden.

    • Osv.

Videor

För att lägga till en video, skriv /video, infoga URL:en och aktivera önskade optioner:

  • Automatisk uppspelning: för att automatiskt spela upp videon när sidan öppnas. Videon är automatiskt avstängd som standard.

  • Slinga: för att spela upp videon i en slinga.

  • Dölj spelarkontroller

  • Dölj helskärmsknapp

Ikoner

För att infoga en ikon, skriv /image, gå till fliken Ikoner, välj en ikon och klicka på Lägg till. För att ändra en ikon, klicka på den och använd sektionen Ikon i hemsidans redigerare för att anpassa optioner, såsom Färg, Storlek, Animationer, Form, osv.

Listor

Listor hjälper till att organisera innehåll tydligt, vilket gör information lättare att läsa och förbättrar webbsidors struktur. Skriv /list och välj bland tre olika typer av listor: Punktlistor, Numrerade listor, eller Checklistor.

Textmarkeringar

Markeringar kan läggas till i rubriker och text med hjälp av sektionen Inline Text i hemsidans redigerare. För att lägga till en markering:

  1. Välj texten eller rubriken du vill markera.

  2. I hemsidans redigerare, klicka på Markering.

  3. Välj markeringsstil.

  4. Ändra dess Färg.

  5. Välj dess Tjocklek.

Markera texter och rubriker

Animationer

Animationer används för att lägga till rörelse till byggmoduler och hemsidans element såsom bilder och text. Tre typer av animationer är tillgängliga: Vid rullning, Vid uppkomst, och Vid hovring (endast för bilder).

För att lägga till en animation till ett hemsidans element:

  1. Klicka på elementet.

  2. I hemsidans redigerare, gå till relevant sektion för elementet (t.ex. Knapp, Kolumn, Inline Text, osv.).

  3. I fältet Animation, välj önskad animationstyp.

  4. Anpassa animeringsinställningarna efter behov. Tillgängliga optioner varierar beroende på vald animeringstyp.

Animeringar vid scroll

För animeringar vid scroll är det möjligt att:

  • Välj In för att lägga till animeringen när elementet kommer in på skärmen och Out för att lägga till den när det lämnar skärmen.

  • Välj en Effect.

  • Välj effektens Direction.

  • Anpassa effektens Intensity.

  • Definiera Scroll Zone, där det första värdet representerar procentandelen av skärmen som visas när effekten startar, och det andra värdet representerar dess procentandel i slutet.

Animeringar vid visning

För animeringar vid visning är det möjligt att:

  • Välja bland olika effekter.

  • Välj effektens Direction.

  • Välj ett Trigger-alternativ för att definiera när animeringen inträffar: antingen First Time only eller Every Time.

  • Anpassa effektens Intensity.

  • Om du vill att animeringen ska utlösas efter ett antal sekunder, definiera detta antal i fältet Start After.

  • Välj en Duration för animeringen.

Animeringar vid hovring (endast för bilder)

Animeringar On hover kan läggas till bilder. Du kan välja animeringens Effect, samt Color och Stroke Width.

Se även

Odoo HTML-redigerare