Rimozione degli extra dal layout delle WebCard
Ora che il nostro nuovo modello è impostato come modello predefinito per il sistema WebCard, possiamo iniziare a personalizzare il layout. Come accennato in precedenza, abbiamo solo 510 px con cui lavorare sulla nostra Fan Page di Facebook. Un modo per risparmiare spazio è rimuovere il Calendario degli eventi e il Search Cloud dalla destra del layout.

Calendario degli eventi e Search Cloud

Il modello su cui dovremo lavorare è il modello view_image_stats.html. Come puoi vedere, questo modello è fondamentalmente una tabella con cinque celle. Alla prima cella che contiene i collegamenti del menu laterale viene assegnato il 15 percento della larghezza totale della tabella e le tre celle successive che contengono le anteprime vengono assegnate il 20 percento ciascuna. L'ultima cella della tabella che contiene il calendario e il cloud ha il 25 percento.

Un modo semplice per rimuovere il calendario e il cloud è rimuovere la quinta cella della tabella. Naturalmente, rimuoveremo anche il 25 percento della tabella. Quindi dobbiamo diffondere questo 25 percento sulle restanti celle.

Prima cella - 15 diventa 25
Seconda cella - 20 diventa 25
Terza cella - 20 diventa 25
Quarta cella - 20 diventa 25
Quinta cella - 25

Quando aggiorniamo il browser, non vediamo alcun cambiamento. Questo perché abbiamo bisogno di cancellare la cache per vedere la modifica. Possiamo farlo nell'Admin Center. Nella parte inferiore del menu laterale, fai clic sul link Gestisci cache. Nella pagina Gestisci cache, fai clic sul pulsante Ricostruisci cache. Ora possiamo vedere che il calendario e il cloud sono stati rimossi quando aggiorniamo nuovamente il browser.

Link a tutte le categorie

Abbiamo una serie così piccola di e-card, non abbiamo davvero bisogno del link Tutte le categorie nel menu laterale. Quindi, rimuoviamo questo link per rendere meno ingombrante il menu laterale. Dovremo lavorare su un altro file chiamato Functions.php. Questo file è archiviato nella cartella di origine.

htdocs / webcards / source / functions.php

Per rimuovere il collegamento Tutte le categorie, dobbiamo solo commentare una riga di codice. A partire dalla linea 1410, vedrai un ciclo foreach. All'interno di questo ciclo è presente il codice che crea il collegamento Tutte le categorie. Per commentare questa riga, aggiungi // prima della riga di codice. Per visualizzare la modifica, ricostruire la cache e aggiornare il browser.

Layout orizzontale

Potresti aver notato che sulla prima pagina del sistema abbiamo tre elenchi verticali di miniature che sono Nuove immagini, Immagini popolari e Immagini casuali. Poiché abbiamo un numero così piccolo di e-card, vediamo una certa ripetizione. Sarebbe meglio se usassimo un layout diverso che elenca tutte le anteprime di questa prima pagina in un layout orizzontale. Quindi, i collegamenti nel menu laterale consentono di visualizzare solo le anteprime in una delle due categorie. Per apportare questa modifica al layout della prima pagina, dovremo lavorare sul file index.php.

htdocs / webcards / index.php

A partire dalla riga 315, vedrai la funzione view_stats_page. Aggiungeremo una riga di codice che cambierà il layout del modello per la prima pagina. Aggiungi questa riga sotto le variabili globali.

return select_image_template ($ message);

//www.mywebcards.net

Schermate delle WebCard utilizzate per autorizzazione.