Allmänt tema¶
Odoo tillhandahåller ett utbud av tema specialanpassningsoptioner för att definiera hemsidans färger och typsnitt, samt utseendet på stycken och rubriker, knappar, länkar och inmatningsfält. Ytterligare avancerade inställningar är också tillgängliga.
När du konfigurerar en hemsida för första gången uppmanas du att välja ett tema. Håll muspekaren över temana för att se en utökad förhandsgranskning av varje tema. Klicka på ett tema för att välja det, eller klicka på knappen Visa fler teman för att visa hela listan över tillgängliga teman.
Observera
Om du lämnar utan att välja ett tema skapas hemsidan med standardtemat.
För att anpassa temat, öppna hemsideredigeraren, navigera till fliken Tema och gå till sektionen Hemsida. Du kan:
Klicka på Byt tema för att öppna temavalaren. Håll muspekaren över temana för att se en utökad förhandsgranskning av varje tema. Klicka på Använd detta tema för att tillämpa det på hemsidan.
Lägg till ett språk för hemsidan.
Välj Sidlayout för att ändra den övergripande visningen och mellanrummet för byggmoduler och hemsideelement på sidor.
Anpassa layoutens Bakgrund genom att:
Klicka på Spara för att tillämpa ändringarna på hemsidan.
Färger¶
Odoos hemsidesredigerare har två huvudtyper av färger: temafärger och statusfärger.
Temafärger¶
Temafärger avser uppsättningen av färger som visas på alla sidor på hemsidan. De består av fem färger: tre Huvud`färger, som huvudsakligen används för knappar och länkar, och två :guilabel:`Ljusa & mörka färger, som huvudsakligen används för text och rubriker.
För att redigera hemsidans färger, navigera till sektionen Färger på fliken Tema. Därefter:
Click the color you want to change, then select a predefined Solid color or click Custom to pick a specific color tone manually (or add its #HEX or RGBA code). Click (Reset) to remove the color selection.
Klicka på målarpalettsikonen och välj en färgpalett. Till följd av detta återställs alla färganpassningar.
Odoo skapar automatiskt Färgförinställningar för de valda färgerna eller paletten. Dessa fördefinierade färgkombinationer tillämpas på olika element på hemsidan för att skapa en strukturerad och visuellt tilltalande design. När du väljer en färgpalett definierar dess förinställningar hur dessa färger fördelas över olika element. För att modifiera dem, klicka på Färgförinställningar, välj sedan en förinställning för att öppna rullgardinsmenyn för anpassning. Varje färgförinställning innehåller färger för byggmodulens Bakgrund, Text, Rubriker, Länkar, Primära knappar och Sekundära knappar.
Tips
För att tillämpa en färgförinställning på en byggmodul, välj byggmodulen, gå till fliken Stil, klicka på färgpunkten som finns bredvid Bakgrund och välj ett Tema.
Observera
Att ändra en färgförinställning uppdaterar automatiskt färgerna för både standardförinställningen och byggmodulerna som använder den.
Statusfärger¶
Statusfärger indikerar status för vissa åtgärder (t.ex. Success, Påminnelse, osv.). De används i popup-meddelanden som visas för att ge feedback till användare och hemsidebesökare. För att anpassa hemsidans Status Colors, rulla ner till sektionen Avancerat och klicka på prickarna för att ändra deras färg.
Example
Information relaterad till en lyckad åtgärd på hemsidan visas i grönt.
Typsnitt¶
Odoo låter dig anpassa typsnittet och teckenstorleken för hemsidans element, inklusive stycken och rubriker, knappar och inmatningsfält.
Teckenstorlek: I sektionerna Stycke, Rubriker, Knapp och Inmatningsfält, använd fältet Teckenstorlek för att ställa in en standardstorlek. Klicka på ikonen (Visa fler alternativ) för att visa sektionen och definiera anpassade storlekar (t.ex. baserat på rubriknivå, knappstorlek, osv.).
Typsnittsfamilj: I avsnitten Stycke, Rubriker och Knapp, välj ett typsnitt från rullgardinsmenyn.
Observera
När Systemtypsnitt är valt använder Odoo de ursprungliga typsnitten som redan är installerade på besökarens operativsystem. Till exempel använder Android Roboto som sitt standardsystemtypsnitt.
Anpassade typsnitt¶
För att lägga till ett anpassat typsnitt som inte är tillgängligt som standard i Odoo, klicka på rullgardinsmenyn Typsnitt och välj Lägg till ett anpassat typsnitt längst ner. I popup-fönstret Lägg till ett Google-typsnitt eller ladda upp ett anpassat typsnitt:
För att lägga till ett Google-typsnitt, öppna rullgardinsmenyn Välj ett Google-typsnitt och välj önskat typsnitt. Stäng av Hämta typsnitt från Googles servrar om din hemsida drivs från en plats där regler kräver efterlevnad av lagar såsom, men inte begränsat till, Europeiska unionens dataskyddsförordningen. Detta säkerställer att Google-typsnittet lagras på hemsidans server snarare än på Googles servrar.
För att ladda upp ett Anpassat typsnitt från din dator, klicka på Välj fil.
När du är klar, klicka på Spara och ladda om.
Tips
En Förhandsgranskning av det valda typsnittet visas på höger sida av fönstret.
Stilar¶
Utseendet på hemsidans element kan anpassas ytterligare. Du kan till exempel anpassa stycken och rubriker, knappar, länkar och inmatningsfält.
Stycken och rubriker¶
Sektionerna Stycke och Rubriker erbjuder ytterligare stilalternativ för dessa textelement. Du kan:
Ändra typsnittsinställningarna.
Justera Radhöjd för att definiera mellanrummet mellan textrader.
Justera Marginaler för att definiera mellanrummet runt stycken och rubriker.
Knappar¶
För att anpassa stilen på hemsidans primära och sekundära knappar, navigera till sektionen Knapp och redigera relevanta optioner:
Öppna rullgardinsmenyn bredvid fälten Primär stil eller Sekundär stil för att ändra stilen för varje knapptyp, såsom Fylld, Kontur eller Platt. När du väljer Kontur, visas alternativet Kantbredd nedan, vilket gör att du kan justera bredden på knappens kontur.
Ändra typsnittsinställningarna.
Justera Padding för att ändra mellanrummet runt knappetiketter.
Använd alternativet Round Corners för att justera knappens kantradius.
Lägg till en animering när en knapp klickas i rullgardinsmenyn Vid klick-effekt.
Tips
För att definiera anpassade Small och Large-storlekar för knappens Padding, Font Size och Round Corners, klicka på -ikonen (Toggle more options) och använd sedan de relaterade fälten.
Länkar¶
I sektionen Link, öppna -rullgardinsmenyn bredvid Link Style för att välja utseendet på länkar på hemsidan. Du kan välja mellan:
No Underline;
Underline On Hover; eller
Always Underline.
Inmatningsfält¶
För att anpassa stilen på hemsidans inmatningsfält, navigera till sektionen Input Fields och redigera relevanta optioner:
Justera Padding för att ändra mellanrummet runt fälten.
Ändra typsnittsinställningarna.
Anpassa Border Width runt fält.
Definiera en Border Radius för att runda fältens hörn.
Välj en Background-färg för att fylla fälten.
Avancerade inställningar¶
Ytterligare inställningar kan konfigureras i sektionen Advanced, såsom visa eller dölja sidhuvudet, använda Code Injection för webbplatsverifiering genom en HTML-tagg och konfigurera statusfärger och Grays.
Du kan också konfigurera Google Maps för att visa kartor och aktivera geolokaliseringsfunktioner på hemsidan, t.ex. på sidan Contact Us och i specifika snippets. För att konfigurera detta alternativ:
Gå till ditt Google-konto.
Aktivera Maps Static API, Maps JavaScript API och Places API.
Viktigt
Aktivera inte Places API (New), eftersom det ännu inte stöds av Odoo.
Att använda Google-API:erna kan kräva betalning till Google.
Skapa en API-nyckel och kopiera den.
I Odoos hemsideredigerare, gå till fliken Tema och klicka på Anpassad nyckel bredvid Google Map i sektionen Avancerat.
Klistra in den genererade API-nyckeln i fältet API-nyckel.
Klicka på Spara.