Personalizarea temei Gallery 2 Matrix

• Mai 2, 2024

În ultimul tutorial, am început să personalizăm tema Matrix în propria temă pentru Galeria 2. Vom continua setând această nouă temă ca temă implicită pentru portofoliul nostru și schimbând graficul de fundal.

În folderul tematic pentru fiecare temă se află un fișier imagine screeshot.png, care este o captură de ecran a acestei teme. Avem încă png-ul vechi al temei Matrix în noul nostru folder cu temă. Poate doriți să înlocuiți acest lucru cu un png pentru tema galeriei dvs. Dimensiunea medie a png este de aproximativ 500 x 200 pixeli. Veți salva noul fișier screenshot.png în folderul imagini.

C: \ xampp \ htdocs \ Gallery2 \ teme \ dCipollo \ imagini

Acum putem reveni la panoul de control al administratorului site-ului. În primul rând, trebuie să ne instalăm noua temă. Accesați secțiunea Pluginuri și veți vedea că noua noastră temă este listată la Teme din partea de jos a paginii. Faceți clic pe Instalare pentru a instala noua noastră temă. Apoi, accesați secțiunea Teme din zona Admin și schimbați șablonul implicit din Matrix în noua noastră temă. Desigur, nu veți observa nicio modificare a aspectului șablonului în acest moment. Încă trebuie să facem acele schimbări.

Îmi place să fac mai întâi modificările grafice la tema mea. Să adăugăm o imagine de fundal. Aceasta poate fi o imagine cu gresie repetată. Dar pentru a se potrivi site-ului meu web, voi folosi aceeași imagine de fundal statică mare. Trebuie să ne salvăm jpg-ul de fundal în folderul dCipollo din directorul gallery2.

C: \ xampp \ htdocs \ Gallery2 \ dCipollo

Acum suntem gata să schimbăm fișierul theme.css pentru a adăuga imaginea noastră de fundal. Dacă aruncăm o privire la codul sursă pentru fișierul main.php, vedem că eticheta corpului are o clasă de stil numită galerie.



Va trebui să găsim acest stil body.gallery în fișierul theme.css.

body.gallery {
? ? marja: 0;
? ? căptușire: 0;
}

Acum vom adăuga codurile de stil de fundal la această clasă și vom indica adresa URL pentru imaginea de fundal către jpg în folderul dCipollo.

body.gallery {
? ? marja: 0;
? ? căptușire: 0;
? ? fundal-culoare: #eeeeee;
? ? fundal-imagine: url ('../../ dCipollo / BG1_Gallery.jpg');
? ? fundal-atașament: defilare;
? ? fundal-repetare: nu se repetă;
? ? fundal-poziție: stânga sus;
}

Dacă actualizăm pagina principală.php pentru portofoliul nostru, încă nu putem vedea imaginea de fundal. Acest lucru se datorează faptului că există unele stiluri care au fundalul pus pe alb. Să stabilim aceste stiluri pe un fundal transparent.

Aceasta ar trebui să aibă grijă de graficul de fundal pentru portofoliul nostru. Suntem gata să schimbăm antetul și subsolul pentru pagina web.