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.

Behöver du skapa ett bildgalleri med flikar i Elementor?

Som vi ständigt säger är Elementor mer än bara ett plugin för sidbyggare. Det är ett mångsidigt plugin som kan ersätta flera typer av WordPress-plugins samtidigt. Ett av plugin-programmen som kan ersättas av Elementor är Image Gallery-tillägget.

med Elementor, du behöver inte installera något extra plugin till skapa ett bildgalleri på din WordPress-webbplats. Det finns två widgets som Elementor erbjuder för att skapa ett bildgalleri: Basic Gallery och Gallery.

Med Basic Gallery-widgeten - tillgänglig på Elementor Free - kan du skapa ett grundläggande bildgalleri medan Gallery-widgeten låter dig skapa ett mer avancerat bildgalleri, inklusive ett bildgalleri med flikar.

Det här är bra om du vill skapa ett galleri på en fotograferingswebbplats. I den här artikeln ska vi visa dig hur du skapar ett bildgalleri med flikar i Elementor.

Hur man skapar ett bildgalleri med flikar i Elementor

Gallery-widgeten finns tillgänglig på pro-versionen av Elementor. Så se till att du har uppgraderat din Elementor till proversionen om du inte har gjort det. Det finns många fördelar som du får genom att använda Elementor Pro, inklusive möjligheten att skapa ett WordPress-tema utan kodning.

Läs också: Hur man skapar ett bildgalleri med flikar i Elementor

I det här exemplet skapar vi ett landskapsfotogalleri. Bilderna är indelade i tre typer: berg, hav och vattenfall. Vi ska skapa tre flikar för att vara värd för varje typ av landskap plus en flik för att visa alla foton.

För att komma igång, skapa en ny sida och redigera den med Elementor. Du kan också redigera en befintlig sida. Lägg till en sektion och dra Gallery-widgeten till den.

Hur man skapar ett bildgalleri med flikar i Elementor

Under blocket Inställningar under fliken Innehåll, ställa in alternativet Typ sur Flera olika.

Som standard innehåller ditt galleri bara en flik. För att lägga till en ny flik, klicka bara på knappen LÄGG TILL ETT ELEMENT.

Skapa enkelt din webbplats med Elementor

Elementor låter dig skapa Enkelt och gratis vilken webb- eller bloggdesign som helst med ett professionellt utseende. Sluta betala mycket för en webbplats du kan göra själv.

Se även: Hur man skapar en gradientförloppsfält i Elementor

Öppna ett av objekten (flikar). Definiera fliketiketten i fältet Titel. Klicka på plusknappen för att välja de bilder du vill lägga till på fliken.

Välj bilderna från ditt WordPress-mediebibliotek. Om du inte har en, ladda bara ner dem. Klicka på knappen Skapa ett nytt galleri -> Infoga galleri för att lägga till galleriet på fliken.

Hur man skapar ett bildgalleri med flikar i Elementor

Öppna de andra objekten (flikar) och upprepa stegen ovan för att ställa in flikens etikett och lägga till bilderna.

Anpassa galleriet

När du väl har lagt till bilder på varje flik kan du anpassa ditt galleri. I blocket Inställningar, Du kan ställa in layout, radhöjd, mellanrum mellan bilder och bildstorlek. Det finns också ett alternativ för att aktivera funktionen Lazy Load.

Vill du sälja dina produkter på internet?

Ladda ner WooCommerce gratis, de bästa plugins för e-handel för att sälja dina fysiska och digitala produkter på WordPress och enkelt skapa din onlinebutik. Perfekt för nybörjare.

Öppna blocket Filterfält för att definiera etiketten för huvudfliken (fliken "Alla"), pekaren och animationen.

Öppna blocket Täcka över för att aktivera överlägget. Du kan visa bildens titel och beskrivning när du svävar över en bild genom att ställa in titer och beskrivning.

Om du vill visa titeln och beskrivningen med musen över måste du redigera den enskilda bilden i galleriet och lägga till parametern du definierade (alt text, titel, bildtext eller beskrivning).

Öppna fliken Stil för att anpassa ditt galleri. Det finns fyra block du kan öppna: Bild, överlagring, innehåll och filterfält.

Bild

Detta block gör att du kan ställa in bildens kantfärg, pekande kantfärg, kantbredd, kantradie, CSS-filter och pekande animering.

Hur man skapar ett bildgalleri med flikar i Elementor

Täcka över

Med detta block kan du ställa in överläggsfärg, sväva överläggsfärg, blandningsläge och sväva animering.

Innehåll

Med detta block kan du anpassa bildens innehåll. Innehåll hänvisar till bildens titel och beskrivning. Du kan ställa in justering, vertikal position, fyllning, textfärg och typografi (typsnitt, teckensnittsfamilj och teckenstorlek).

Filterfält

Med detta block kan du anpassa filtret. Du kan ställa in justering, normal färg, pekfärg, aktiv färg, textfärg, mellanrum mellan flikar och typografi.

Du kan manipulera dessa inställningar tills du är nöjd med resultatet. När du är klar klickar du på knappen PUBLICERA / UPPDATERA längst ned till vänster för att publicera eller uppdatera din sida.

Skaffa Elementor Pro nu!

Slutsats

Här är ! Det är det för den här artikeln som visar hur du skapar flikbildsgalleri i Elementor. Om du har några frågor om hur du kommer dit flåt oss veta i commentaires.

Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.

Men under tiden dela den här artikeln på dina olika sociala nätverk.

.

0 aktier
del
tweet
Enregistrer