Prilagodio temu Matrica 2

• Svibanj 4, 2024

U posljednjem vodiču počeli smo prilagođavati Matrix temu vlastitoj temi za Galeriju 2. Nastavit ćemo postavljati ovu novu temu kao zadanu temu za naš portfelj i mijenjati pozadinsku grafiku.

Unutar mape teme za svaku temu nalazi se slikovna datoteka syeshot.png koja je snimka zaslona te teme. Još uvijek imamo stari png teme Matrix u našoj novoj mapi s temama. Možda ovo želite zamijeniti png-om za temu svoje galerije. Prosječna veličina png-a je oko 500 x 200 piksela. Spremite novu datoteku screenshot.png u mapu slika.

C: \ xampp \ htdocs \ gallery2 \ Themes \ dCipollo \ slike

Sada se možemo vratiti na upravljačku ploču Site Admin. Prvo moramo instalirati novu temu. Idite na odjeljak Dodaci i vidjet ćete da je naša nova tema navedena pod Teme na dnu stranice. Kliknite Instaliraj da biste instalirali novu temu. Zatim idite na odjeljak Teme područja administratora i promijenite zadani predložak iz Matrixa u našu novu temu. Naravno, u ovom trenutku nećete primijetiti nikakvu promjenu izgleda predloška. Te promjene moramo još napraviti.

Najprije volim izvršiti grafičke promjene u svojoj temi. Dodajmo pozadinsku sliku. Ovo može biti ponavljajuća slika s pločicama. Ali kako bih odgovarao svojoj web lokaciji, upotrijebit ću istu veliku statičku pozadinsku sliku. Trebamo spremiti pozadinu jpg u mapu dCipollo u direktoriju galerije2.

C: \ xampp \ htdocs \ gallery2 \ dCipollo

Sada smo spremni promijeniti datoteku theme.css da bismo dodali pozadinsku grafiku. Ako pogledamo izvorni kôd za datoteku main.php, vidjet ćemo da oznaka tijela ima klasu stila koja se zove galerija.



Trebat ćemo pronaći ovaj body.gallery stil u datoteci theme.css.

body.gallery {
? ? marža: 0;
? ? obloga: 0;
}

Sada ćemo ovoj klasi dodati pozadinske kodove stila i usmjeriti url pozadinske slike na jpg u mapi dCipollo.

body.gallery {
? ? marža: 0;
? ? obloga: 0;
? ? boja pozadine: #eeeeee;
? ? pozadinska slika: url ('../../ dCipollo / BG1_Gallery.jpg');
? ? pozadinski prilog: pomicanje;
? ? pozadina-ponavljanje: ne-ponavljanje;
? ? pozadinski položaj: gore lijevo;
}

Ako osvježimo našu glavnu.php stranicu za svoj portfelj, još uvijek ne možemo vidjeti pozadinsku sliku. To je zato što postoje neki stilovi kojima je pozadina postavljena na bijelu boju. Postavimo ove stilove na prozirnu pozadinu.

To bi trebalo voditi računa o pozadinskoj grafici za naš portfelj. Spremni smo za promjenu zaglavlja i podnožja web stranice.

Upute Video: Maroon 5 - Memories (Official Video) (Svibanj 2024).