Questo sito utilizza cookie, per migliorare la tua esperienza e offrire servizi in linea con le tue preferenze. Chiudendo questo banner, scorrendo questa pagina o cliccando qualunque suo elemento acconsenti all'uso dei cookie. Se vuoi saperne di più o negare il consenso a tutti o ad alcuni cookie vai alla sezione Cookie Policy.

 Documentazione Gantry 5

Per creare template Joomla! di qualità

Valutazione attuale: 5 / 5

Stella attivaStella attivaStella attivaStella attivaStella attiva
 
Pin It
Il pannello amministrativo Page Settings (Impostazioni Pagina) consente di estendere l'output della pagina, permettendo di includere elementi aggiuntivi come ad esempio favicon, meta tags Facebook o Twitter oppure file javascript o CSS. Tramite il metodo classico, per inserire questi elementi bisognava modificare manualmente il file index.php. Adesso con Page Settings il processo si semplifica permettendo l'inserimento di questi elementi tramite un semplice form direttamente in Gantry Admin.

Le impostazioni inserite in Page Settings possono essere globali oppure a livello del Outline. Il che significa che potete inserire il codice Google Analytics solamente a livello di un singolo Outline oppure su tutto il sito.

Head Properties

Head Properties

Meta Tags

Meta Tags è una collezione di campi che contengono chiavi e valori, che combinati vengono inseriti tra i tag <head> e </head>.
Approfondimenti sui meta tag di Facebook Open Graph e Twitter Card trovate a questi indirizzi:
https://developers.facebook.com/docs/sharing/webmasters
https://dev.twitter.com/cards/markup
https://dev.twitter.com/cards/getting-started

Custom Content (Contenuto Personalizzato)

Il campo Custom Content permette di inserire e  personalizzare i metatag <title>, <style>, <meta>, <link>, <base>.
Si consiglia di utilzzare la sezione Assets o Atoms per la gestione dei Stili e i Script . Anche se si può scrivere codice in questi campi si consiglia di utilizzare questo metodo soltanto come ultima risorsa.

Body Attributes

Gantry Body AttributesBody Attributes permette di personalizzare gli attributi per il tag <body> e inserire contenuto personalizzato subito dopo il tag <body> o prima della chiusura del tag </body>.

Sections Layout

La casella a discesa Sections Layout permette di impostare l'aspetto delle sezioni in 4 modi:
  1. Fullwidth (Boxed Content) - impostazione predefinita
  2. Fullwidth (Flushed Content)
  3. Boxed
  4. Remove Container
Ed ecco un'anteprima della homepage con queste opzioni:
Fullwidth (Boxed Content) Fullwidth (Flushed Content) Boxed Remove Container
Impostazione Fullwidth (Boxed Content) Impostazione Fullwidth (Flushed Content) Impostazione Boxed Impostazione Remove Container

Questi stili permettono di personalizzare l'aspetto globale del'intero sito oppure di personalizzare ogni singola sezione. Per fare questo bisogna andare in Layout Manager, cliccare sulla rottelina Section settings della sezione desiderata, e poi cambiare il valore predefinito del campo Layout che di solito è Inherit (Ereditato) con l'opzione desiderata.
Section Layout

Assets

Opzioni assets Gantry
Il riquadro Assets permette di inserire Favicon, file CSS o Javascript. Specialmente utile quando si desidera inserire dei javascript o css di terze parti.

Favicon e Touch Icon

Le caratteristiche Favicon e Touch Icon consentono di assegnare un'immagine al sito che viene rappresentata in forma di un'icona visualizzata nella barra degli indirizzi del browser o nella schermata iniziale del dispositivo.
Tutti e due campi sono simili, la differenza è che il campo Favicon utilizza la strada classica per inserire un'immagine di dimensioni 16x16 o 32x32 pixeli e il campo Touch Icon permette l'utilizzo delle icone più grandi e di alta risoluzione.
Per Touch Icon si consiglia di utilizzare un immagine di dimensioni di almeno 180x180px o 192x192px.

CSS e Javascript

Tutti e due campi CSS e Javascript funzionano allo stesso modo come l'atom Custom CSS/JS.

Atoms

A partire della versione 5.2.0 di Gantry, i atom sono spostati dal Layout Manager in pannello Page Settings. Anche se atomi sono delle particelle che possono essere creati allo stesso modo, questi si comportano in modo diverso.
In sostanza, i atom sono delle particelle che non generano alcun contenuto in frontend e possono essere associati a singole pagine o all'intero sito.

Attenzione

Quando si utilizza i atom, il percorso (path) ad un file locale e relativo alla root del sito e non a quello del template. Si consiglia di utilizzare un link del tipo gantry-theme://custom/ilmiofile.css come esempio, che permette in questo caso di mantenere il link funzionante anche se si cambia il template gantry o si cambia la piattaforma.

Google Analytics

Opzioni Google Analytics in Gantry
L'atom Google Analytics permette di aggiungere al volo il proprio codice Google Analytics UA che viene eseguito in background mentre si carica il sito.

Custom CSS/JS

Opzioni Custom CSS/JS in Gantry