Vad är en Lightbox i WordPress och hur man implementerar den

Vad Ar En Lightbox I Wordpress Och Hur Man Implementerar Den



' Ljuslåda ” fungerar som en karusell i en WordPress-webbplats som är till stor hjälp för att distribuera media flexibelt på webbplatsen. Denna funktion gör det möjligt för utvecklaren att lägga till media med en sida/inlägg etc. så att när en användare klickar på bilden, visas den med hög kvalitet i full storlek utan inblandning av andra webbplatsobjekt. På så sätt fångar den besökarens uppmärksamhet och gör därigenom webbplatsen tilltalande.

Den här bloggen kommer att diskutera betydelsen av WordPress Lightbox och proceduren för att implementera den.

Vad är en Lightbox i WordPress?

En ljuslåda motsvarar ett popup-fönster som visas på inlägg/sidor för att visa en mindre bild i full storlek. Det är sådant att det fungerar som ett galleri för att importera/ladda upp flera medieobjekt och distribuera dem till webbplatsen. När media klickas på efter distributionen maximeras den och visas tydligt på skärmen. Den vanligaste tillämpningen av Lightbox är att visa högkvalitativa bilder på bloggen genom att behålla sin storlek.







Hur implementerar jag Lightbox i WordPress?

LightBoxen kan implementeras/appliceras med hjälp av olika plugins. I det här fallet är ' Responsiv ljuslåda och galleri ” plugin kommer att användas.



Använd följande steg för att implementera ljuslådan i WordPress.



Steg 1: Installera plugin-programmet

Installera först och främst ' Responsiv ljuslåda och galleri ' plugin från ' Plugins->Lägg till nytt ”:





När installationen och aktiveringen är klar, utlöser du ' Starta turnén '-knappen för att börja använda plugin:



Steg 2: Lägg till bilder

Lägg nu till ett nytt galleri från ' Galleri->Lägg till ny ”:

Efter det, tilldela ett anpassat namn till galleriet och använd ' Media bibliotek ' alternativ och trigger ' Välj bilder ' för att ladda upp de nya bilderna eller lägga till befintliga bilder från 'Mediebiblioteket':

Markera här bilderna som ska användas och tryck på den markerade knappen:

Steg 3: Redigera de uppladdade bilderna

För att redigera eller ta bort bilderna istället, håll muspekaren över målbilden(erna) för att visa nya alternativ, enligt följande:

Här kan det visualiseras att när du klickar på ' Redigera bild ”-alternativet blir olika redigeringsalternativ som Alt-text, Titel, Bildtext och Beskrivning uppenbara som kan fyllas i därefter. Efter redigering, se till att trycka på ' Spara ändringar ' knapp:

Anpassa ljuslådan

För att anpassa Lightbox finns det flera tilldelade flikar med var och en med dedikerade funktioner. Dessa flikar kommer att förklaras individuellt.

Flik Konfiguration (Konfiguration): Den här fliken låter dig välja stilen på galleriet. Den innehåller de angivna fyra alternativen som radioknappar för konfigurationen av galleriet:

Designflik: Den innehåller flera alternativ för att ändra miniatyrbild, titel, bakgrund respektive kant:

Sökflik: Den här fliken låter utvecklaren aktivera paginering, ange dess typ, position etc.:

Lightbox-fliken: Här kan storleken på bilden justeras tillsammans med att ställa in dess titel och bildtext:

Fliken Övrigt: Det gör det möjligt att lägga till ' Galleribeskrivning ' och ' Anpassade klasser ' etc.:

Lägga till Lightbox i WordPress-sidor/inlägg

Efter att ha designat galleriet kan inläggen eller sidorna också läggas till som en ljuslåda. För att göra det, klistra in kortkoden i redigeringsskärmen för målinlägget/sidan via stegen nedan:

Steg 1: Navigera till Alla gallerier

Byta till ' Galleri > Alla gallerier ' och kopiera kortkoden från ' Kortkod ' kolumn:

Steg 2: Klistra in koden

Här öppnar du sidan (i det här fallet) eller inlägget som ska ändras med lightboxen och klistra in kortkoden i textredigeringsblocket direkt, enligt nedan:

Sista hemsidan

Nedan är det slutliga utseendet på webbplatsen efter implementeringen av lightbox-bilder på hemsidan:

När de här bilderna klickas, fungerar de som en karusell i full storlek utan inblandning av någon annan funktionalitet:

Slutsats

en ' Ljuslåda ” motsvarar ett popup-fönster som fungerar som ett galleri för att importera flera medieobjekt och distribuera dem till webbplatsen. Det kan appliceras med hjälp av olika plugins. Den innehåller också flera anpassningsalternativ som kan tillämpas på målbilden och så småningom integreras med webbplatsens funktioner. Denna artikel diskuterade hur ' Ljuslåda ” och metoderna för att implementera det.