Gå till innehållet

Hur man anpassar typografi och layout på Divi

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

För att börja anpassa layouten och typografin för din webbplats måste du först gå till Theme Customizer genom att klicka på länken Divi> Theme Customizer på din WordPress -instrumentpanel. Detta kommer att starta anpassaren. Leta sedan efter panelen "Allmänna inställningar". Klicka på panelen för att öppna lämpliga inställningar och börja anpassa. I panelen "Allmänna inställningar" kommer du att märka tre avsnitt: Layoutinställningar, typografi och bakgrund.

allmänna parametrar divi.png

Layoutinställningar

Layoutpanelen låter dig justera olika storlekar och mellanrum för din webbplats. Här kan du öka eller minska avståndet mellan kolumner, rader och sektioner och justera storleken på ditt sidofält. Du kan också aktivera "Boxed layout" -läget från den här panelen.

layout parameter.png

Aktivera häckningslayout

Här kan du redigera din webbplats till ett rutaformat som inramar innehållet på din webbplats och exponerar en bakgrund som kan anpassas.

Bredd av innehållet på webbplatsen

Det är här du kan ställa in den maximala bredden för ditt innehållssnitt. Eftersom ditt innehåll har en responsiv layout kommer det att anpassas till mindre storlekar men kommer inte att utvidgas mer än den maximala bredden som anges här.
Standard är 1080px. Det är en bra bredd för de flesta vanliga bärbara datorer och stationära datorer.

Kolumnavstånd på webbplatsen

Rännans bredd är mängden horisontellt utrymme (marginal) mellan kolumnerna i varje rad.

Valfria värden för rännbredden ligger mellan 1 och 4.

1 representerar nollmarginalen mellan kolumnerna.
2 representerar en marginal på 3% mellan kolumnerna.
3 representerar en marginal på 5,5% mellan kolumnerna.
4 representerar en marginal på 8% mellan kolumnerna.

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

divi.png konfiguration

Använd anpassad sidofältbredd

Detta ställer in standard sidofältets bredd för ditt tema. Detta gäller för alla sidor i ditt tema som har en sidofält och som inte skapas med Divi Builder.

Sektionshöjd & linje

Dessa alternativ justerar mängden vertikalt avstånd (övre och nedre stoppning) för varje sektion och rad.

Tema accent färg

Innan du börjar ändra färgerna på dina andra element måste du först ändra det. När du har ändrat det, spara och publicera dina inställningar och uppdatera din sida. Nu borde det uppdaterade Accent Color-temat ha fyllt i andra element automatiskt.

typografi

Typografipanelen är där du kan justera standardutseendet för text över hela din webbplats. Du kan justera storleken på ditt teckensnitt och rubriker, vilket kommer att återspeglas i alla delar av webbplatsen proportionellt. Du kan justera deras färger såväl som radhöjd, bokstavsavstånd och typsnitt. Slutligen kan du också välja mellan dussintals teckensnitt att använda på varje.

typografi på divi.png

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

Kroppstextstorlek

Detta ändrar standardtext för ditt tema. Standardstorleken är 14 pixlar.

Höjd på kroppslinjen

Linjens höjd på varje textrad.

Rubriktextstorlek

Med Divi kan du ställa in standardtextstorlek för rubriken här. Detta påverkar Divi-element som titlar för Fullwidth-rubrikmodul.

Rubrikbokstavsutrymme

Bokstavsavstånd justerar det horisontella utrymmet mellan bokstäverna. Avståndet mellan rubrikbokstäverna påverkar alla rubriknivåer (h1, h2, h3, h4, h5, h6), citat och bildtitlar.

Rubrikrad Höjd

Precis som bokstavsavståndet påverkar rubrikens radhöjdvärde alla rubriknivåer (h1, h2, h3, h4, h5, h6), citat och titlar av bilder.

Polisstil

Använd dessa alternativ för att ändra teckensnittet för dina rubriker.

Kropps- och rubrikteckensnitt

Standardteckensnittet i Divi är Open Sans, men Divi har nästan hundra typsnitt att välja mellan! Dra nytta av dessa inbyggda teckensnitt och testa vilka som passar bäst för ditt tema.

Färg på kroppslänkar

Kroppslänkens färg ärvs från ditt temas accentfärg. Men du kan alltid ändra det här.

Kroppstextfärg

Här kan du ändra färgen på din kroppstext.

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

Rubriktextfärg

Här kan du ändra färg på dina rubriker.

Bakgrund

Bakgrundspanelen låter dig justera tematets bakgrundsfärg, samt ladda upp en anpassad bakgrundsbild och justera dess placering på sidan. Bakgrundsbilder och färger fungerar bra när de är ihopkopplade med inställningen Boxed Formatting i panelen Layouts som nämnts tidigare.

gör divi.png

Det är allt för denna handledning, jag hoppas att det gör att du bättre kan justera teckensnittet och layouten för Divi-temat.

Andra Divi tutorials

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
6 aktier
del3
tweet1
Enregistrer2