Tilpasset Gallery 2 Matrix Theme
I den siste opplæringen begynte vi å tilpasse Matrix-temaet til vårt eget tema for Galleri 2. Vi vil fortsette med å sette dette nye temaet som standardtema for porteføljen vår og endre bakgrunnsgrafikken.

Inne i temamappen for hvert tema er en screeshot.png bildefil som er et skjermbilde av det temaet. Vi har fortsatt den gamle png for Matrix-temaet i vår nye temamappe. Det kan være lurt å erstatte dette med en png for ditt galleritema. Gjennomsnittlig størrelse på png er rundt 500 x 200 piksler. Du vil lagre den nye screenshot.png-filen i bilder-mappen.

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

Nå kan vi gå tilbake til kontrollpanelet for nettstedadministrator. Først må vi installere vårt nye tema. Gå til Plugins-delen, så ser du at vårt nye tema er oppført under Temaer nederst på siden. Klikk på Installer for å installere vårt nye tema. Gå deretter til Temaer-delen i Admin-området og endre standardmal fra Matrix til vårt nye tema. Selvfølgelig vil du ikke merke noen endring i utformingen av malen på dette tidspunktet. Vi må fortsatt gjøre disse endringene.

Jeg liker å gjøre de grafiske endringene til temaet mitt først. La oss legge til et bakgrunnsbilde. Dette kan være et gjentagende flislagt bilde. Men for å matche nettstedet mitt, vil jeg bruke det samme store statiske bakgrunnsbildet. Vi må lagre bakgrunnsjpg-filen vår i dCipollo-mappen i katalogen gallery2.

C: \ xampp \ htdocs \ gallery2 \ dCipollo

Nå er vi klare til å endre temaet.css-filen for å legge til bakgrunnsbildet vårt. Hvis vi tar en titt på kildekoden for main.php-filen, ser vi at body-koden har en stilklasse kalt gallery.



Vi må finne denne body.gallery-stilen i filen Theme.css.

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

Nå vil vi legge til bakgrunnsstylkodene i denne klassen og peke url for bakgrunnsbildet til jpg i dCipollo-mappen.

body.gallery {
? ? margin: 0;
? ? polstring: 0;
? ? bakgrunnsfarge: #eeeeee;
? ? bakgrunnsbilde: url ('../../ dCipollo / BG1_Gallery.jpg');
? ? bakgrunnsvedlegg: bla;
? ? bakgrunn-gjenta: ikke-gjenta;
? ? bakgrunnsposisjon: øverst til venstre;
}

Hvis vi oppdaterer main.php-siden for porteføljen vår, kan vi fortsatt ikke se bakgrunnsbildet. Dette er fordi det er noen stiler som har bakgrunnen satt til hvit. La oss sette disse stilene til en gjennomsiktig bakgrunn.

Det bør ta vare på bakgrunnsgrafikken for vår portefølje. Vi er klare til å endre topptekst og bunntekst for nettsiden.


Video Instruksjoner: Top 10 Excel Free Add-ins (Mars 2024).