De extra's uit de WebCards-lay-out verwijderen

• April 29, 2024

Nu we onze nieuwe sjabloon hebben ingesteld als standaardsjabloon voor het WebCards-systeem, kunnen we beginnen met het aanpassen van de lay-out. Zoals eerder vermeld, hebben we slechts 510 px om mee te werken op onze Facebook-fanpagina. Een manier om wat ruimte te besparen, is door de evenementenkalender en de zoekwolk rechts van de lay-out te verwijderen.

Evenementenkalender en Search Cloud

De sjabloon waaraan we moeten werken, is de sjabloon view_image_stats.html. Zoals u kunt zien, is deze sjabloon in feite een tabel met vijf cellen. De eerste cel met de links in het zijmenu krijgt 15 procent van de totale breedte van de tabel en de volgende drie cellen met de miniaturen krijgen elk 20 procent. De laatste tabelcel die de kalender en de cloud bevat, krijgt 25 procent.

Een eenvoudige manier om de kalender en cloud te verwijderen, is door de vijfde tabelcel te verwijderen. Natuurlijk zullen we ook 25 procent van de tabel verwijderen. We moeten deze 25 procent dus over de resterende cellen verspreiden.

Eerste cel - 15 wordt 25
Tweede cel - 20 wordt 25
Derde cel - 20 wordt 25
Vierde cel - 20 wordt 25
Vijfde cel - 25

Wanneer we de browser vernieuwen, zien we geen verandering. Dit komt omdat we de cache moeten wissen om de verandering te zien. We kunnen dit doen in het Beheercentrum. Klik helemaal onderaan het zijmenu op de link Caches beheren. Klik op de pagina Caches beheren op de knop Cache opnieuw opbouwen. Nu kunnen we zien dat de agenda en cloud zijn verwijderd wanneer we de browser opnieuw vernieuwen.

Alle categorieën Link

We hebben zo'n kleine set ecards, we hebben echt de link Alle categorieën in het zijmenu niet nodig. Laten we deze link dus verwijderen om het zijmenu minder rommelig te maken. We moeten werken aan een ander bestand met de naam functies.php. Dit bestand wordt opgeslagen in de bronmap.

htdocs / webcards / source / functions.php

Om de link Alle categorieën te verwijderen, hoeven we slechts één coderegel te becommentariëren. Vanaf lijn 1410 ziet u een foreach-lus. Binnen deze lus bevindt zich de code waarmee de link Alle categorieën wordt gemaakt. Om commentaar op deze regel te geven, voegt u // toe vóór de coderegel. Om de wijziging te zien, moet u de cache opnieuw opbouwen en de browser vernieuwen.

Horizontale indeling

Het is je misschien opgevallen dat we op de voorpagina van het systeem drie verticale lijsten met miniaturen hebben, namelijk Nieuwe afbeeldingen, Populaire afbeeldingen en Willekeurige afbeeldingen. Omdat we zo'n kleine set ecards hebben, zien we wat herhaling. Het zou beter zijn als we een andere lay-out zouden gebruiken die alle miniaturen op deze voorpagina in een horizontale lay-out weergeeft. Vervolgens geven de koppelingen in het zijmenu alleen de miniaturen in een van de twee categorieën weer. Om deze wijziging in de lay-out van de voorpagina aan te brengen, moeten we aan het bestand index.php werken.

htdocs / webcards / index.php

Vanaf regel 315 ziet u de functie view_stats_page. We zullen een coderegel toevoegen die de sjabloonlay-out voor de voorpagina zal wijzigen. Voeg deze regel toe onder de globale variabelen.

return elect_image_template ($ berichten);

//www.mywebcards.net

WebCards screenshots gebruikt met toestemming.