Printable View
buongiorno a tutti, ho un piccolo problema con joomla:
io ho installato l'applicazione e ora la sto inizializzando ma ho un problema in quanto io sono un inesperto: come posso cambiare l'immagine di testata? il template è Beez_20 quello di default ma non so proprio come far a cambiare l'immagine.
qualcuno può gentilmente aiutarmi?
grazie mille a tutti coloro che mi aiuteranno
vai su : estensioni- gestione template- clic su template che ti interessa- avanzate-logo- seleziona immagine-salva.
Alcune info utili se hai la versione 2.5:
Joomla viene attivato dal file index.php presente nella directory principale di joomla:
/joomla/index.php
Questo file non deve essere toccato. Esso recupera le configurazioni utente fatte da interfaccia grafica e determina il template usato. Se si utilizza quello di default beez_20, viene invocato a questo punto il file index.php nella directory:
/joomla/templates/beez_20/index.php
Questo file contiene il codice della struttura del sito secondo il template beez_20
Tutti i contenuti caricati da front end grafico (articoli, banner, menù, etc etc), in base a come vengono posizionati (scelta sempre fatta da funzionalità grafica), possono essere visualizzati nella struttura impostata da beez_20.
Per poter operare una personalizzazione occorre conoscere elementi di HTML, CSS e PHP.
In particolare la pagina è suddivisa mediante i tag <DIV> o meglio da tag <DIV Id="nome_classe_css"> o similari.
A grandi linee di default lo schema beez_20 è fatto così:
(scusate ma non riesco ad inserire l'immagine, potete vederlo da anteprima nel pannello di amministrazione)
Ogni riquadro è stato definito mediante appropriato codice nel file /joomla/templates/beez_20/index.php che contiene una serie di divisioni (DIV) a cui sono applicati stili appositi definiti nei vari files .css.
Ogni riquadro numerato è riconosciuto da un nome in joomla "position-numero" (es position-7).
Nel codice index.php, questa istruzione:
ha come significato, mostra il contenuto di qualunque modulo che è stato dichiarato da esporre nella posizione-1. L'aspetto del modulo (che può essere un menù, un banner, etc etc) è funzione del css applicato in quel momento.Codice:<jdoc:include type="modules" name="position-1" />
In base a dove è posizionato il codice jdoc:include si attiva lo specifico modulo. In altri termini ad esempio il riquadro 12 non è direttamente definito nel codice index.php. In tale pagina index.php viene creato l'apposito spazio (il box mediante istruzioni HTML <DIV>) e poi nella DIV apposita è inserito il jdoc:include position-12.
Alcuni interventi sulla struttura base
• togliere il tool di ingrandimento e riduzione carattere
• sostituire il logo joomla con quello del sito di interesse
Questi interventi devono essere fatti in più punti in alcuni files del template beez_20.
Eliminare l'oggetto dimensione caratteri
Esiste in index.php del template una sezione:
Richiama una definizione css fontsize.Codice:<div id="fontsize">
</div>
Esiste in joomla un javascript che se incontra un DIV con id = "fontsize" fa apparire tale modulo.
Basta commentare tale div:
Questa è la sintassi HTML per commentare il codice HTML.Codice:<!—inizio commento in formato HTML
<div id="fontsize">
</div>
Fine commento -->
<!—commento -->
Eliminare il logo di default di sfondo blu
Esso è un'immagine chiamata personal2.png. Si trova in:
/joomla/templates/beez_20/images/personal/ personal2.png
Il suo formato è dichiarato come template nel file:
/joomla/templates/beez_20/css/personal.css
alla sezione:
Viene attivata dalla /joomla/templates/beez_20/index.php, nella dichiarazione della creazione delCodice:.logoheader
{
background: #0c1a3e URL(../images/personal/personal2.png) no-repeat bottom right ;
color:#fff;
min-height:200px;
margin:0em 10px 0 10px !important;
}
Come si vede la creazione dell'ultima divisione applica come stile la classe logoheader e quindi appare la gif di sfondo.Codice:<DIV Id="logoheader">
…
<body>
<div id="all">
<div id="back">
<div id="header"> <!-- inizio header -->
<div class="logoheader"> <!-- inizio logoheader -->
…
Si possono fare diverse tipologie di intervento per sostituire o eliminare il logo. Se ad esempio si intende applicare uno sfondo nero al posto della gif, o altra immagine è sufficiente creare una GIF di pari dimensioni e salvarla nel file system con lo stesso nome (sovrascrittura di personal2.png).
Oppure per eliminare completamente il logo e recuperare spazio, si procede eliminando la divisione "logoheader".
Si cancella completamente la seguente porzione di codice in /joomla/templates/beez_20/index.php
Si elimina la classe stile .logoheader dal file /joomla/templates/beez_20/css/personal.css. Si mettono i commenti per l'eliminazione stile c++Codice:<div class="logoheader">
<h1 id="logo">
<?php if ($logo): ?>
<img src="<?php echo $this->baseurl ?>/<?php echo htmlspecialchars($logo); ?>" alt="<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>" />
<?php endif;?>
<?php if (!$logo ): ?>
<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>
<?php endif; ?>
<span class="header1">
<?php echo htmlspecialchars($templateparams->get('sitedescription'));?>
</span>
</h1>
</div>
Codice:/* eliminazione della classe logoheader
.logoheader
{
background: #0c1a3e URL(../images/personal/personal2.png) no-repeat bottom right ;
color:#fff;
min-height:200px;
margin:0em 10px 0 10px !important;
}
*/