Blog di Vito Palumbo

  • Blog
  • Homepage

Personalizzare l’aspetto di ogni sezione del sito con Gantry5 in Joomla

Pubblicato su 17 Novembre 2017 di Vito Palumbo

Gantry è un framework di gestione dei template per Joomla e Worpress. Esso consente, anziché di avere un template preimpostato, di avere una sorta di generatore di template, in modo tale da poter ottenere illimitate possibilità di gestione di layout, stili e tante altre funzionalità delle nostre pagine web, alla portata sia di chi è in grado di destreggiarsi con, ad esempio, i fogli di stile Css, sia di chi si limita ad utilizzare le funzionalità messe a disposizione dalla componente Gantry5.

Qui vi descrivo un esempio di personalizzazione dell’aspetto di una sezione di un sito web, in particolare l’applicazione di uno sfondo ad una pagina legata ad una voce di menu.

L’esempio è effettuato su redlightskyscraper.com , il sito web del gruppo musicale Red Light, Skyscraper! , genere post-rock

Qui di seguito i passaggi da effettuare per aggiungere una immagine di sfondo ad una pagina. In questo caso si tratta della pagina associata alla voce del menu Joomla, denominata “Shop”.

Aprire la componente Gantry5 ed entrare nella sezione "Outlines"
Aprire la componente Gantry5 ed entrare nella sezione "Outlines"
Duplicare un tema, ad esempio default, da prendere come base per il nuovo outline
Duplicare un tema, ad esempio default, da prendere come base per il nuovo outline
Modificare il tema creato selezionando il tasto di editazione
Modificare il tema creato selezionando il tasto di editazione
Nella sezione che consente di modificare lo stile del tema duplicato, andare nella sezione, ad esempio, "header" e selezionare la funzione che consente di scegliere l'immagine di sfondo.
Nella sezione che consente di modificare lo stile del tema, andare nella sezione, ad esempio, "header" e selezionare la funzione che consente di scegliere l'immagine di sfondo.
Selezionare le immagini da una cartella del Pc, se non sono già state caricate in precedenza
Selezionare le immagini da una cartella del Pc, se non sono già state caricate in precedenza
Selezionare l'immagine di sfondo scelta per personalizzare la pagina della sezione associata alla voce di menu assegnata al tema
Selezionare l'immagine di sfondo scelta per personalizzare la pagina della sezione associata alla voce di menu assegnata al tema
Nell'area delle assegnazioni dei temi, attivare il tema (con il colore verde) in corrispondenza della voce di menu desiderata, in questo caso "Shop"
Nell'area delle assegnazioni dei temi, attivare il tema (con il colore verde) in corrispondenza della voce di menu desiderata, in questo caso "Shop"
Salvare l'assegnazione del tema alla voce di menu
Salvare l'assegnazione del tema alla voce di menu
Salvare lo stile, una volta effettuate le modifiche
Salvare lo stile, una volta effettuate le modifiche
Verifichiamo come l'immagine di sfondo appare nella pagina scelta. L'immagine appare troncata in quanto la pagina contiene pochi contenuti
Verifichiamo come l'immagine di sfondo appare nella pagina scelta. L'immagine appare troncata in quanto la pagina contiene pochi contenuti
Modifichiamo l'articolo a nostro piacimento
Modifichiamo l'articolo a nostro piacimento
Avendo aggiunto del testo e delle righe vuote a riempire la pagina, l'immagine di sfondo appare pressoché per intero.
Avendo aggiunto del testo e delle righe vuote a riempire la pagina, l'immagine di sfondo appare pressoché per intero.

 

Pubblicato in Blog | Tag: Cms, Gantry, Joomla, modificare un template joomla, template |
« Introduzione al CRM, la gestione della relazione con il cliente
Polarizzazione ed elezioni. Internet Divide et impera. Da luogo di libertà a strumento di oppressione? »

Leave a Reply

  • Facebook Comments
  • G+ Comments
  • Disqus Comments
vito-palumbo-cultura-digitale

Pagine

  • Blog
  • Homepage

Archivi

  • maggio 2018
  • dicembre 2017
  • novembre 2017
  • ottobre 2017
  • settembre 2017
  • luglio 2017
  • giugno 2017
  • maggio 2017
  • maggio 2011

Categorie

  • Blog (10)
  • Sicurezza (1)
  • Social Networking (2)

WordPress

  • Accedi
  • WordPress

Abbonati

  • RSS
  • Commenti (RSS)

Pagine

  • Blog
  • Homepage

Archivi

  • maggio 2018
  • dicembre 2017
  • novembre 2017
  • ottobre 2017
  • settembre 2017
  • luglio 2017
  • giugno 2017
  • maggio 2017
  • maggio 2011

Categorie

  • Blog (10)
  • Sicurezza (1)
  • Social Networking (2)

WordPress

  • Accedi
  • WordPress

CyberChimps WordPress Themes

© Blog di Vito Palumbo