Divis kodmodul

Procédure

Divi builder ingår i våraWordpress webbhotellspaket. Om du vill ha support för DIVI builder måste du prenumerera på en licens direkt på Elegent theme Divis webbplats.

Introduktion

LWS erbjuder 3 premiumplugins från Elegant Themes (Divi, Bloom och Monarch). Dessa uppdateras regelbundet. När du är kund hos LWS får du fri tillgång till dessa plugins genom att välja distributionen "Divi Builder" när du installerar Wordpress CMS med vår Auto-Installer.

Om du har ett cPanel-paket eller redan har installerat Wordpress med denna distribution, men inte har tillgång till alla teman eller uppdateringar, vänligen meddela oss genom att ge oss åtkomstuppgifterna för administrationsområdet på din Wordpress-webbplats så att en tekniker kan uppdatera licensen.

Observera: du måste teckna en Elegant Themes-licens för att kunna dra nytta av supporten. LWS tillhandahåller inte support för dessa produkter.

Vad är Divi Code Module?

Kodmodulen är en tom canvas som låter dig lägga till kod på din sida, till exempel plugin-kortkoder eller statisk HTML. Om du vill använda ett plugin från tredje part, till exempel ett slider-plugin från tredje part, kan du helt enkelt placera pluginets kortkod i en standard- eller fullbreddskodmodul för att visa elementet obehindrat.

Så här lägger du till en kodmodul på din sida

Innan du kan lägga till en kodmodul på din sida måste du först byta till Divi Builder. När Divi-temat har installerats på din webbplats kommer du att märka en Use Divi Builder-knapp ovanför inläggsredigeraren varje gång du skapar en ny sida. Klicka på den här knappen för att aktivera Divi Builder, vilket ger dig tillgång till alla dess moduler. Klicka sedan på knappen Use Visual Builder för att starta byggaren i visuellt läge. Du kan också klicka på knappen Use Visual Builder när du surfar på din webbplats på framsidan om du är inloggad på din WordPress-instrumentpanel.

När du har kommit in i Visual Builder kan du klicka på den grå +-knappen för att lägga till en ny modul på din sida. Nya moduler kan bara läggas till inom rader. Om du startar en ny sida, glöm inte att först lägga till en rad på din sida.

Leta reda på kodmodulen i listan över moduler och klicka på den för att lägga till den på sidan. Modullistan är sökbar, vilket innebär att du även kan skriva in ordet "kod" och sedan klicka på enter-knappen för att hitta och automatiskt lägga till kodmodulen! När modulen har lagts till visas en lista med olika alternativ för modulen. Dessa alternativ är indelade i tre huvudgrupper: Innehåll, Stil och Avancerat.

Exempel på användningsområde: Lägga till en extern stilmall för att animera innehållet på en enskild sida

I det här exemplet ska jag lägga till ett länkskript för att importera Animate.css för att lägga till animeringseffekter till sidelementen. Eftersom filen Animate.css innehåller mycket kod är det vettigt att bara ladda den på den sida jag behöver.

Lägg bara till en vanlig sektion och en fullbreddsrad (1 kolumn) och lägg till modulen Code.

I textrutan för innehåll lägger du till kodsnutten.

Nu är allt du behöver göra att lägga till några CSS-klasser för att animera alla element på din CSS-klasssida till din sida. I det här exemplet ska jag få knappen att studsa när sidan laddas.

I knappmodulens inställningar, på fliken Avancerat, anger du de två klasserna "animated" och "bounce" i textrutan CSS-klass.

Knappen kommer nu att studsa när sidan laddas.

Här är några fler exempel på hur du kan använda kodmodulen:

1. Lägga till block med javascript-kod eller bibliotek som bara gäller för din sida.
2. Integrera plugins från tredje part, t.ex. revolution slider.
3. Du kan använda kodmodulen för fullbredd för att integrera ett standardformulär för mer interaktiva frågeformulär, kontaktformulär etc.
4. Lägg till en flytande åtgärdsmeny
5. Skapa en glidande toppfältannons.
6. Lägg till en flytande åtgärdsknapp.

Tips: Ibland kan det hända att koden inte fungerar om du lägger till kod med radbrytningar. Det är bäst att skapa din kod i en textredigerare och konkatenera den (allt på en rad) innan du klistrar in den i kodmodulen.

Videopresentation av Divi-kodmodulen

Slutsats: Jag är nöjd

Tack för att du följde denna handledning!

Kodmodulen är ett annat sätt att anpassa och liva upp din webbplats genom att lägga till denna dynamiska touch.

Vi ses snart för en annan handledning ;)

För att ta reda på mer om Elegant Themes Divi och hur du använder det

Divis kommentarmodul

Hantering av Divis kontaktformulärsmodul

> Konsultera vår Elegant Themes Divi hjälpavsnitt

Skärmbilder © Elegant Themes — används i informationssyfte i denna LWS-handledning.