Moduler i DIVI-temat

Divi innehåller mängder av smarta moduler du kan använda på din webbsida. Det är bara att välja ur galleriet, infoga på sidan och fylla med ditt budskap. Det bästa är sedan att om du blir nöjd med din skapelse kan du spara den som en mall i ditt bibliotek.

E

Avdelare

En avdelare används precis som den låter. Till att dela av stycken. Den kan ha olika höjd, bredd och utseende.

Detta är en orange avdelare.

E

Bild

En bild är en bild. En modul för att enkelt infoga en bild och anpassa dess utseende eller beteende (t ex animering)

En bild säger mer än 1000 ord. Med Divi bildmoduler kan du enkelt pussla ihop bilder till underbara bildkartor eller bildspel. Tänk bara på att använda bilder som du själv äger eller har gjort, laddat ner bilder från Unsplash.com som är fria att använda

Moduler 5
Moduler 6
Moduler 7
Moduler 8
E

Blogg

En bloggmodul används för att visa ut alla inlägg. Antingen som en rad eller som ett rutnät.

Nedan visas tre senaste inläggen på divi.se i ett rutnät.

E

Blurb

En blurb är en del av din webbplats där du vill framhäva någon eller några punkter med viktigt innehåll.
Man kan anpassa sin blurb genom att använda ikoner som beskriver ditt innehåll. Ikoner ingår i temat eller så kan du hämta egna från ex thenounproject.  Man kan även använda bilder eller enbart text. 

Här under ser du tre exempel på blurs. Sektionen ovan där det står ”Blurb” i är också en blurb!

Blurb

En blurb kan t ex ha en rund ikon ovanför. Eller ikonen till vänster om texten. Du kan fritt välja bakgrundsfärger, typsnitt, padding och allt sådant som är möjligt i nästan samtliga moduler.

Blurb

Det här är ett exempel på en Blurb med enbart text. Du kan ha en ram runt eller bara låta texten sväva helt fritt. Möjligheterna är oändliga!

Moduler 9

Blurb

Givetvis kan man använda en bild istället för en ikon. Bilder som du äger själv eller som här, en bild hämtad från Unsplash där man kan ladda ner gratisbilder.

E

Butik

En butiksmodul används för att visa ut produkter om du använder tillägget WooCommerce. 

E

Cirkelräknare

Men Divi cirkelräknare kan man räkna upp ett tal eller procent.

%

E

Dragspel

Ett dragspel passar bra då du har mycket text som ska få plats på liten yta. Endast ett fält i taget visas ut. När du klickar på ett fält fälls det ut och när du klickar på nästa fälls det ut osv 

Rubrik 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus id erat fringilla, efficitur nisi id, sodales orci. Aliquam nec magna nulla. 

Rubrik 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus id erat fringilla, efficitur nisi id, sodales orci. Aliquam nec magna nulla. 

E

E-optin

Använder du en nyhetsbrevstjänst som t ex Mailchimp finns färdiga moduler för att integrera dessa tjänster direkt på din webbplats.

E

Filtrerbar portfolio

Om du använder en sk portfolio posttyp kan man likt bloggen visa upp dem i ett rutnät. Den stora fördelen är dock att det även finns möjlighet att filtrera dem på kategorier. Lite synd att inte samma funktionalitet finns för bloggmodulen också som standard (finns som premium-tillägg)

Inga resultat hittades

Sidan du begärde kunde inte hittas. Försök förfina din sökning eller använd navigeringen ovan för att lokalisera inlägget.

E

Flikar

Divis flikar är ytterligare ett sätt att visa ut mycket innehåll på en liten yta.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

E

Följning på sociala medier

För att enkelt kunna promota sina kanaler i sociala medier finns en färdig modul för detta. Bara addera de nätverk du använder.

E

Galleri

Gallerimodulen använder du när du vill infoga ett bildgalleri.

E

Icon

Ikonmodulen dök upp under 2021 och används till allt möjligt. T ex ikoner för sociala medier eller för att väcka uppmärksamhet. Med denna nya modul har du inbyggt nästan oändligt med ikoner att använda!

E

Inläggsnavigering, Inläggsslider & Inläggstitel

Dessa moduler använder du för att utöka funktionalitet för t ex en bloggsida.

Inläggsnavigering är vad man bruklar kalla en paginering. Ex se föregående eller nästa post. Inläggstitel är precis vad det heter, sidans eller inläggets namn. Som denna sida heter ”Moduler”.

Inläggsslider visar inlägg ur alla eller utvalda kategorier rullandes.

E

Jämförelsetabeller

Har du en prislista med olika nivåer är en jämförelsetabell bra att använda. Du kan framhäva t ex den vanligaste, I detta fall silvernivån.

Divi erbjuder en standard formulärfunktion. Det finns möjligheter att använda villkorlig logik, men faktum är att just formulär är inte detta temats bästa feature. Jag skulle hellre rekommendera att använda ex Contact Form 7 eller Gravity Forms om du vill jobba med mera avancerade formulär.

E

Räknare

%

Cirkelräknare

Nedräkningstimer

Dag(ar)

:

Timme(s)

:

Minut(er)

:

Andra(s)

Nedräkning till nyår 2019

Stapelräknare

  • Rad 1 75% 75%
  • Rad 2 49% 49%
  • Rad 3 14% 14%
E

Karta

En kartmodul kräver API nyckel hos Google. Det går lika bra använda en kodmodul och kopiera koden från Google maps, se nedan.
E

Kod

En kodmodul kan du använda för CSS, JS eller varför inte för att bädda in en karta.
E

Kommentarer

En kommentarsmodul används för att visa ut kommentarer på inlägg.

0 kommentarer

E

Kontaktformulär

Med denna modul kan du enkelt samla in kontaktuppgifter av dina besökare.

3 + 14 =

E

Ljud

Med denna modul kan du erbjuda ljudklipp
E

Logga in

Om du behöver erbjuda inlogg på en unik plats på din webbsida.
E

Omdöme

Vad dina kunder säger om dig.

Divi är världens mest populära tema.

Divi Divisson

CEO, Divi.se

E

Person

Modul för att visa ut en person med fördefinierade fält som t ex Sociala medier.
Divi Divisson

Divi Divisson

CEO

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

E

Portfolio

Modul för att visa ut objekt från posttypen portfolio.

Inga resultat hittades

Sidan du begärde kunde inte hittas. Försök förfina din sökning eller använd navigeringen ovan för att lokalisera inlägget.

E

Sökning

Ett enkelt sök på din webbplats.

E

Text

Ett vanligt textblock, precis som den här texten.

E

Uppmaning till handling (CTA)

Block med text, bild och knapp

Din titel går här

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

E

Video & videoväxlare

Visa video på din webbplats.

E

Växla och växlare

Komprimera innehåll på liten yta. Med växla kan du skapa block som kan fällas ut. Växlaren visar flera budskap i en karusell.

Utfällbart innehåll

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Din titel går här

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Din titel går här

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.