Come modificare lo sfondo di un sito Joomla

Cambiare lo sfondo del tuo sito Joomla è molto faccile. In questo articolo con passagi semplici ti mostrero intera procedura con dei disegni e il codice che devi cambiare del sito Joomla, perché un piccolo dettaglio, come un colore di sfondo o l'immagine utilizzata per questo scopo, può migliorare significativamente la visibilità  del tuo progetto e la percezione dagli utenti.

Risposte alle domande piu frequenti

  1. Modificare lo sfondo di un sito Joomla
  2. Creare una nuova posizione in un template di Joomla
  3. Inviare e-mail da joomla
  4. Recuperare la pasword del aministratore Joomla
  5. Come nasondere una parte del articolo in Joomla
  6. Come creare uno spoiler in joomla
  7. File manager direttamente in Joomla
  8. Come rispetare la Cookie law in Joomla
  9. Suffiso classe modulo Joomla.
  10. K2 di Joomla guida ai template.

1.Cambiare lo sfondo di un template Joomla, dove si trovano i fail da modificare.

Come sapete tutto ciò che riguarda la struttura  e il design del sito  focalizzato nel fail del  template di Joomla. Di conseguenza, per modificare l'aspetto del sito, è necessario apportare modifiche al tema predefinito per il tuo sito, e questo richiede la conoscenza del suo principio di funzionamento e della struttura. Per dirla brevemente devi essere in grado di lavorare con i template a livello di codice. Ma cosa dovrà fare il principiante che sta appena iniziando ad usare Joomla? Quindi , in questo articolo vi darò istruzioni dettagliate per CMS Joomla - come cambiare lo sfondo del template scelto del sito. In questo caso, non dobiamo sapere tanto, saranno sufficienti conoscenze di base di  HTML e CSS .

Quindi, in primo luogo vorrei sottolineare che i temi Joomla si trovano nella cartella template  della struttura delle cartelle di CMS Jomla. Di norma, il template ha  lo stesso nome della cartella in cui si trova e questa cartella si trova nella cartella template. Quindi andiamo nella cartella di tema che stai utilizzando per il tuo sito Joomla  e analizziamo come è strutturata.

 Come esempio utilizzeremo tema di default di Joomla Protostar
1
La prima cosa che da all'occhio che esiste una cartella chimata CSS  ed proprio in essa si trovano tutti i fail che corrispondono per  l'aspetto del nostro sito . Di conseguenza, cambiando gli stili si modifica l'aspetto del sito. Ora apriamo la cartella.
2

2.Modifica dello sfondo joomla dal fail di stili CSS

Come puoi notare, nel nostro caso  template ha solo un  fail di stile. E se invece entri nella cartella css di template Beez  ne vedremo parecchie.

2,1

3. Strumenti utili per lavoro

 Inoltre, ognuno dei quali contiene le regole per i singoli elementi del sito. Come fai a sapere quale file contiene le proprietà di stili  che vuoi cambiare? Per rispondere a questa domanda, si usa di solito in ispettore del codice  del tuo browser  in utilizzo. Quanto a me - il più informativo è Firebug di  Mozilla Firefox.

stili di sfondo di un sito joomla

Cioè, con un semplice clic su questo strumento (ovviamente dopo che l'hai installato sul tuo browswer )vedrai tutta la struttura della tua pagina sia in HTML sia gli stili CSS per ogni elemento che selezioni, ad esempio, il titolo scelto, paragrafo o qualche altro elemento. Questo è molto importante, insieme con gli stili,  questo plugin (Firebug)mostra anche informazioni sul file dove  vengono descritti questi stili, e in più – il numero della stringa del codice in questo foglio di stile

Ad esempio, dalla immagine precedente posiamo capire che  il colore  dello sfondo del sito è indicato nel fail template.css  nella stringa numero 6977 :

body.site {
         background-color:#f4f6f7;
}

4. Modifica dello sfondo di un sito Joomla nel codice css

Ora siamo pronti a dare risposta  reale alla domanda, come cambiare lo sfondo sul tuoi sito web di  joomla . È sufficiente aggiungere o cambiare le regole necessarie nel file del foglio di stile (nel nostro caso nel fail template.css nella riga 6977, modificando il colore o aggiungento una immagine per lo sfondo).

Quindi, vediamo di modificare un può le regole per il nostro sfondo del sito.

body.site {
         background-color:#CF3D68;
}

Vediamo il risultato
4.

5. Lo sfondo del sito con una immagine

Se invece vuoi utilizzare  un'immagine come lo sfondo, essa deve essere inserita nella  cartella img del template .
Vediamo di fare una prova sempre nella stringa 6977 del fail template.css agiungiamo una nuova proprite per il tag body.site {background:url('../img/sfondo.png');}
perché la mia imagine che utilizerro per cambire lo sfondo si chiama sfondo.png

body.site {
         background-color:#CF3D68;/* posiamo anche elliminare la stringa perche il colore lo stesso sara sostituito dalla nostra immagine per larghezza e per altezz della pagina 
background:url('../img/sfondo.png');
}

Avanti, ricarichi la pagina e dopo il cambiamento vediamo la nostra immagine di sfondo.
5

6. Cambiare lo sfondo del sito dal panello di controllo

Ora, vediamo come  cambiare lo sfondo in joomla 3, in un modo diverso. Sto parlando del pannello di amministrazione del CMS Joomla sotto la voce  Estensioni, c'è la voce “Temlate”
6
e puoi dobbiamo cliccare su “Protostar” sulla destra nel nostro caso e ho indicato con la freccia sulla immagine
Modifica di sito Joomla dal panello di controllo dopo di che vediamo i fail sulla sinistra della cartella template Protosar
codice dello sfondo del sito nel fail CSScliccando sulla cartella Css vediamo il nostro fai template.css cliccando su esso si aprirà una finestra a destra con il codice del fail

codice del background di un sito joomla

Troviamo l'elemento che vogliamo cambiare nella rispettiva stringa del codice.

E direttamente in questa finestra posiamo fare delle modifiche non dimenticando di salvare alla fine.
Ora sai come cambiare lo sfondo in Joomla 3 e sei in grado di modificare il designo del sito, è vero a livello più semplice. I più complessi cambiamenti del template, richiedono una conoscenza approfondita in materia, soprattutto per quanto riguarda i cambiamenti nella struttura del template.

Ma sapendo come funzionano i linguaggi CSS e Html puoi subito notevolmente trasformare il tuo sito. Consulta i nostri corsi sia gratuiti sia a pagamento per diventare un grande webmaster!

Letto 3364 volte