Anpassade Gallery 2 Matrix Theme

• Maj 21, 2024

I den sista handledningen började vi anpassa Matrix-temat till vårt eget tema för Galleri 2. Vi kommer att fortsätta med att sätta detta nya tema som standardtema för vår portfölj och ändra bakgrundsbilden.

Inne i temamappen för varje tema finns en screeshot.png-bildfil som är en skärmdump av det temat. Vi har fortfarande den gamla png för Matrix-temat i vår nya temamapp. Du kanske vill ersätta detta med en png för ditt galleritema. Den genomsnittliga storleken på png är cirka 500 x 200 pixlar. Du sparar den nya screenshot.png-filen i bildermappen.

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

Nu kan vi återgå till kontrollpanelen för webbplatsadministratören. Först måste vi installera vårt nya tema. Gå till avsnittet Plugins så ser du att vårt nya tema listas under Teman längst ner på sidan. Klicka på Installera för att installera vårt nya tema. Gå sedan till avsnittet Teman i Admin-området och ändra standardmallen från Matrix till vårt nya tema. Naturligtvis kommer du inte att märka någon förändring i mallens layout på denna punkt. Vi måste fortfarande göra dessa förändringar.

Jag vill först göra de grafiska ändringarna av mitt tema. Låt oss lägga till en bakgrundsbild. Detta kan vara en upprepad sida vid sida. Men för att matcha min webbplats kommer jag att använda samma stora statiska bakgrundsbild. Vi måste spara vår bakgrundsjpg i mappen dCipollo i katalogen gallery2.

C: \ xampp \ htdocs \ gallery2 \ dCipollo

Nu är vi redo att ändra filen Theme.css för att lägga till vår bakgrundsbild. Om vi ​​tittar på källkoden för main.php-filen ser vi att body-taggen har en stilklass som heter galleri.



Vi måste hitta den här body.gallery-stilen i filen Theme.css.

body.gallery {
? ? marginal: 0;
? ? stoppning: 0;
}

Nu kommer vi att lägga till bakgrundsstilkoderna till den här klassen och peka url-adressen för bakgrundsbilden till jpg i dCipollo-mappen.

body.gallery {
? ? marginal: 0;
? ? stoppning: 0;
? ? bakgrundsfärg: #eeeeee;
? ? bakgrundsbild: url ('../../ dCipollo / BG1_Gallery.jpg');
? ? bakgrund-bilaga: rulla;
? ? bakgrund-upprepa: ingen upprepa;
? ? bakgrundsposition: uppe till vänster;
}

Om vi ​​uppdaterar vår main.php-sida för vår portfölj kan vi fortfarande inte se bakgrundsbilden. Det beror på att det finns några stilar som har bakgrunden inställd på vit. Låt oss ställa in dessa stilar till en transparent bakgrund.

Det borde ta hand om bakgrundsgrafiken för vår portfölj. Vi är redo att ändra sidhuvud och sidfot för webbsidan.

Video Instruktioner: How to Argue - Philosophical Reasoning: Crash Course Philosophy #2 (Maj 2024).