Îndepărtarea suplimentelor de pe macheta WebCards

• Aprilie 20, 2024

Acum că avem noul șablon setat ca șablon implicit pentru sistemul WebCards, putem începe să personalizăm aspectul. Așa cum am menționat anterior, avem doar 510 px cu care să funcționăm pe pagina noastră de fani Facebook. O modalitate de a economisi un pic de spațiu este să eliminați Calendarul evenimentelor și Cloudul de căutare din dreapta layout-ului.

Calendar de evenimente și Cloud de căutare

Șablonul pe care va trebui să lucrăm este șablonul view_image_stats.html. După cum puteți vedea, acest șablon este practic un tabel cu cinci celule. Prima celulă care conține legăturile de meniu lateral este dată cu 15% din lățimea totală a tabelului, iar următoarele trei celule care conțin miniaturile sunt date cu 20% fiecare. Ultima celulă de tabel care conține calendarul și norul este dată cu 25%.

O modalitate ușoară de a elimina calendarul și norul este de a elimina cel de-al cincilea tabel. Desigur, vom elimina și 25 la sută din tabel. Deci trebuie să răspândim acest procent de 25% pe celulele rămase.

Prima celulă - 15 devine 25
A doua celulă - 20 devine 25
A treia celulă - 20 devine 25
A patra celulă - 20 devine 25
A cincea celulă - 25

Când actualizăm browserul, nu vedem nicio modificare. Acest lucru se datorează faptului că trebuie să ștergem memoria cache pentru a vedea schimbarea. Putem face acest lucru în Centrul de administrare. În partea de jos a meniului lateral, faceți clic pe linkul Gestionare memorii cache. În pagina Gestionare memorii cache, faceți clic pe butonul Reconstitui memoria cache. Acum, putem vedea că calendarul și norul au fost eliminate atunci când am actualizat din nou browserul.

Toate categoriile Link

Avem un set atât de mic de felicitări, de fapt nu avem nevoie de linkul Toate categoriile din meniul lateral. Deci, să eliminăm acest link pentru a face meniul lateral mai puțin aglomerat. Va trebui să lucrăm la un alt fișier numit funcții.php. Acest fișier este stocat în folderul sursă.

htdocs / webcards / sursa / functions.php

Pentru a elimina linkul Toate categoriile, trebuie doar să comentăm o linie de cod. Începând cu linia 1410, veți vedea o buclă de predicare. În această buclă se află codul care creează linkul Toate categoriile. Pentru a comenta această linie, adăugați // înaintea liniei de cod. Pentru a vedea schimbarea, reconstruiți memoria cache și reîmprospătați browserul.

Aspect orizontal

Este posibil să fi observat că pe prima pagină a sistemului avem trei liste verticale de miniaturi care sunt imagini noi, imagini populare și imagini aleatorii. Deoarece avem un set atât de mic de ecarduri, vedem o oarecare repetare. Ar fi mai bine dacă am folosi un aspect diferit care să enumere toate miniaturile de pe această pagină frontală într-un aspect orizontal. Apoi, linkurile din meniul lateral conduc la vizualizarea numai a miniaturilor dintr-una din cele două categorii. Pentru a face această modificare la aspectul paginii principale, va trebui să lucrăm la fișierul index.php.

htdocs / webcards / index.php

Începând cu linia 315, veți vedea funcția view_stats_page. Vom adăuga o linie de cod care va schimba aspectul șablonului pentru prima pagină. Adăugați această linie sub variabilele globale.

returna alege_image_template ($ mesaje);

//www.mywebcards.net

Captura de ecran WebCards utilizate cu permisiunea.