Tilpassede Gallery 2 Matrix Theme

• Kan 15, 2024

I den sidste tutorial begyndte vi at tilpasse Matrix-temaet til vores eget tema til Galleri 2. Vi fortsætter med at indstille dette nye tema som standardtema for vores portefølje og ændre baggrundsgrafikken.

Inde i temamappen for hvert tema er en screeshot.png-billedfil, som er et skærmbillede af dette tema. Vi har stadig den gamle png til Matrix-temaet i vores nye temamappe. Du ønsker muligvis at erstatte dette med en png til dit galleritema. Den gennemsnitlige størrelse på png er omkring 500 x 200 pixels. Du gemmer den nye screenshot.png-fil i mappen med billeder.

C: \ xampp \ htdocs \ gallery2 \ temaer \ dCipollo \ billeder

Nu kan vi vende tilbage til kontrolpanelet til webstedadministratoren. Først skal vi installere vores nye tema. Gå til afsnittet Plugins, så ser du, at vores nye tema er vist under Temaer nederst på siden. Klik på Installer for at installere vores nye tema. Gå derefter til Temaer-afsnittet i administrationsområdet og ændre standardskabelonen fra Matrix til vores nye tema. Naturligvis vil du ikke bemærke nogen ændring i skabelonens layout på dette tidspunkt. Vi er stadig nødt til at foretage disse ændringer.

Jeg kan godt lide at foretage de grafiske ændringer til mit tema først. Lad os tilføje et baggrundsbillede. Dette kan være et gentaget flisebelagt billede. Men for at matche min hjemmeside vil jeg bruge det samme store statiske baggrundsbillede. Vi skal gemme vores baggrundsjpg i mappen dCipollo i biblioteket gallery2.

C: \ xampp \ htdocs \ gallery2 \ dCipollo

Nu er vi klar til at ændre filen Theme.css for at tilføje vores baggrundsgrafik. Hvis vi ser på kildekoden til main.php-filen, ser vi, at kropskoden har en stilklasse kaldet galleri.



Vi bliver nødt til at finde denne body.gallery-stil i filen Theme.css.

body.gallery {
? ? margen: 0;
? ? polstring: 0;
}

Nu tilføjer vi baggrundsstilkoder til denne klasse og peger url'en for baggrundsbilledet til jpg i dCipollo-mappen.

body.gallery {
? ? margen: 0;
? ? polstring: 0;
? ? baggrundsfarve: #eeeeee;
? ? baggrund-billede: url ('../../ dCipollo / BG1_Gallery.jpg');
? ? baggrund-vedhæftning: rulle;
? ? baggrund-gentagelse: ingen gentagelse;
? ? baggrundsposition: øverst til venstre;
}

Hvis vi opdaterer vores main.php-side til vores portefølje, kan vi stadig ikke se baggrundsbilledet. Dette skyldes, at der er nogle stilarter, der har baggrunden indstillet til hvid. Lad os indstille disse stilarter til en gennemsigtig baggrund.

Det skal tage sig af baggrundsgrafikken til vores portefølje. Vi er klar til at ændre sidehovedet og sidefoden til websiden.

Video Instruktioner: Top 10 Excel Free Add-ins (Kan 2024).