Wix-websted fra Scratch - Grid Gallery

• Kan 21, 2024

I denne tutorial vil vi tilføje et galleri til vores Wix-websted, som vi har oprettet fra en tom skabelon. At starte fra bunden er en fantastisk måde at lære det grundlæggende.

I modsætning til Wix-skabeloner, der ikke kan udskiftes, kan du til enhver tid skifte gallerityper til et nyt look. Der er mange typer gallerier, fra murnet til honningkage. Hvert galleri har sine egne funktioner. Lad os se på det grundlæggende galleri (portræt).

1. Klik på Plus-ikonet i venstre menu, og vælg Galleri på listen.
   
   
2. Hold markøren over hvert galleri-miniaturebillede for at se en forhåndsvisning og beskrivelse.
   
   
3. Træk nu netgalleriet til siden.
   
   
4. Brug størrelsen på størrelse til at ændre størrelsen på gitteret, som du ønsker. Jeg ændrede størrelsen på gitteret til bredden på 980 sider.
   
   På dette tidspunkt har galleriet nogle pladsholderbilleder. Lad os beholde dem for nu og arbejde på at tilpasse galleriindstillingerne til vores behov.
   
   Grid Galleri-indstillinger
   
   Billedskalering - Du har muligheden for, at dit billede beskæres eller skaleres, så det passer inden i rammen. Indstillingen Autocrop beskærer automatisk billederne, så de passer til rammen, og indstillingen Tilpas ændrer størrelsen på billedet, så de passer inden i rammen.
   
   Når der klikkes på - Du har tre muligheder for, hvad der sker, når der klikkes på et galleribillede. En mulighed for at intet skal ske. Det andet er at have billedet åbent som en pop-up. Den tredje er at åbne et link. Det meste af tiden er pop-up-et et godt valg, fordi billedet vises i en større størrelse. Men hvis du vil sende besøgende til en anden side, skal du bruge indstillingen A Link opens.
   
   
5. Vælg Galleri, og klik på Indstillingsikonet i pop op-menuen.
   
   
6. I vinduet Rasterindstillinger skal du finde afsnittet Hvordan opfører sig billeder. Vælg Autocrop eller Fit.
   
   
7. I en sektion Når du klikker, skal du indstille en af ​​de tre indstillinger.
   
   Galleri Design
   
   Som nævnt ovenfor kan du når som helst skifte galleridesign. Men lad os fortsætte med at tilpasse vores netdesign. For netdesign kan vi tilpasse kant, hjørner, skygge og tekst.
   
   
8. Når galleriet stadig er valgt, skal du klikke på Design-ikonet (pensel).
   
   
9. For grænseindstillinger kan vi ændre farve, opacitet og bredde på grænsen. Lad os holde standardindstillingen for bredden indstillet til 0 og derfor ingen grænse.
   
   
10. Hjørneradius - Klik på ikonet for hjørneradius og indstil øverste venstre hjørnsradius, som du vil. Da linkikonet angiver, vil de andre tre hjørner opdateres for at matche.
    
    
11. Skygge - Vælg skyggeikonet. Hvis du vil tilføje en dråbe-skygge, skal du klikke på Aktivér skygge-skift og indstille vinkel, afstand, størrelse, sløring og farve / opacitet for skyggen.
    
    
12. Tekst - Klik på T-ikonet for at indstille indstillingerne for indstillingerne for titel, beskrivelse og andre tekst. Lad os ændre teksten fra standard til vores tekst-tema i afsnit 1. Gentag for beskrivelsesteksten.
    
    Indstillinger for layout
    
    Til design af gittergalleriet kan vi kontrollere antallet af kolonner og rækker for miniaturebillederne. Vi kan også kontrollere afstanden mellem miniaturer og hvordan teksten vises på billedet.
    
    
13. Når galleriet stadig er valgt, skal du klikke på Layout-ikonet fra pop op-menuen.
    
    
14. Brug skyderen til at indstille antallet af kolonner og rækker. Tilføjelse af flere kolonner og rækker vil resultere i mindre miniaturebilleder i gitteret.
    
    
15. Du kan bruge skyderen Mellemrum til at øge mængden af ​​pixels mellem miniaturebilleder. Tilføjelse af mere plads reducerer miniaturebillederne.
    
    
16. Under skyderne er afsnittet om tekstjustering. Du har muligheden for at få vist teksten til venstre, højre eller midten.
    
    

Skærmbilleder brugt med tilladelse fra Wix.com, Inc.

Video Instruktioner: Wix.com | Strips (Kan 2024).