Supporto volontario e collaborativo per Joomla!® in italiano

Come modificare i dettagli di un articolo di Joomla

Valutazione attuale: 5 / 5

Stella attivaStella attivaStella attivaStella attivaStella attiva
 
Dettagli articolo JoomlaI Dettagli di un articolo di Joomla sono le informazioni presenti sotto al titolo, quali: Scritto da, Categoria, Pubblicato, Visite, ecc... Questi si possono facilmente nascondere attraverso i parametri globali dei contenuti o delle singole voci di menu, se però si vogliono modificare il procedimento è un po' più complesso. Vediamo come intervenire al meglio senza intaccare il core di Joomla.

Modifica dei parametri da pannello amministrativo

Per prima cosa vediamo come nascondere semplicemente queste informazioni. Si può agire a livello globale, andando in Contenuti > Articoli > Opzioni > Articoli
Qui troviamo i parametri (vedi immagine):
- Posizione Dettagli articolo per decidere se visualizzare sopra, sotto o in due parti queste informazioni
- Titolo Dettagli articolo per decidere se visualizzare o meno il titolo "Dettagli" che si vede in frontend sopra alle informazioni dell'articolo

Sotto a questi sono presenti tutti i parametri da mostrare o nascondere


Se invece vogliamo nascondere determinati dettagli solo in articoli mostrati da una specifica voce di menu, possiamo modificare questa voce di menu e tra le Opzioni troveremo gli stessi parametri.
Le stesse Opzioni sono configurabili anche per un singolo articolo.

Override della lingua

Ipotizziamo ora invece di voler togliere solamente la scritta "Pubblicato:" oppure di cambiarla in "Data pubblicazione".
Per fare questo è necessario fare un override della lingua, entriamo quindi nel pannello amministrativo di Joomla e andiamo in Estensioni > Lingue > Override lingua, nel filtro selezioniamo Italian (IT) - Sito e clicchiamo sull'icona Nuovo.
Nel campo Cerca inseriamo "Pubblicato:" e nel menu a tendina sotto selezioniamo Valore.
Apparirà nei risultati di ricerca la costante lingua da modificare, in questo caso COM_CONTENT_PUBLISHED_DATE_ON.
Clicchiamoci sopra. A sinistra, nel parametro Testo, cancelliamo "Pubblicato: %s", lo sostituiamo con "Data pubblicazione: %s" e salviamo.

Data pubblicazione

Se invece vogliamo eliminare la scritta, modifichiamo il valore in "%s", in questo modo verrà visualizzata solo la data.

Attenzione, se quando si cerca la costante lingua da modificare appaiono più risultati scegliere la costante che inizia con COM_CONTENT, visto che stiamo modificando la visualizzazione del componente com_content.

Override del template


Per eliminare o modificare le iconcine presenti accanto alle date e alle Visite è necessario fare un override del template

I file da modificare si trovano nella cartella layouts/joomla/content/info_block e sono:
- author.php
- block.php
- category.php
- create_date.php
- hits.php
- modify_date.php
- parent_category.php
- publish_date.php

Nella cartella templates/nomedeltemplate/ creiamo il seguente percorso di cartelle (se non è già presente) html/layouts/joomla/content/info_block/ e copiamo dentro ad esempio il file publish_date.php.
Modifichiamo il file eliminando la riga 13, ecco il risultato:

Iconcina eliminata

In questo modo sparirà l'iconcina ed i futuri aggiornamenti di Joomla non sovrascriveranno questo file.

Per togliere l'iconcina dalla data di creazione modificare il file create_date.php, per le Visite il file hits.php

Css del template

I dettagli dell'articolo si possono ulteriormente personalizzare agendo sul css del template. Guardando il codice sorgente della pagina possiamo vedere che i dati dei dettagli sono strutturati in questo modo:

 
<dl class="article-info muted">
  <dt class="article-info-term">Dettagli</dt>
  <dd class="createdby" itemprop="author" itemscope itemtype="https://schema.org/Person">Scritto da <span itemprop="name">Super User</span>  </dd>
  <dd>.........</dd>
  <dd>.........</dd>
</dl>
 

Per personalizzare il layout possiamo quindi agire sulla classe article-info
Prima di fare modifiche al css, copiamo il template, così in caso di aggiornamento le modifiche fatte al css non andranno perse. Andiamo quindi in Estensioni > Template, sul menu a sinistra selezioniamo Template e clicchiamo su Protostar - Dettagli e File. Nella schermata successiva clicchiamo sul pulsante Copia template e inseriamo un nuovo nome, ad es. Protostar2. Clicchiamo su Copia template

Copia template

Nella cartella template del sito apparirà ora la cartella protostar2. Ora possiamo assegnare come predefinito questo template copia e e modificarne il file template.css.
Poniamo ad esempio di voler visualizzare i dati ordinati orizzontalmente anzichè uno sotto all'altro, in questo modo:

Dettagli orizzontali

Per ottenere questo risultato aggiungiamo le seguenti classi al file templates/protostar2/css/template.css
Inseriamo questo codice alla fine del file, oppure sotto alla classe dd

/* +++++++++++++++++ Dettagli articolo  +++++++++++++++++++++++++++  */


.article-info {
    overflow: hidden;
    font-size: 0.9em
}

.article-info dd {
    float: left;
    padding: 0 5px;
    border-right: solid 1px #ccc
}

.article-info dd span {
    text-transform: none;
    display: inline-block;
    padding: 0 5px 0 0;
    margin: 0 10px 0 0;
}

.article-info dd.create {
    clear: left
}
/* +++++++++++++++++ fine Dettagli articolo  +++++++++++++++++++++++++++  */


Nel nostro esempio abbiamo utilizzato Joomla 3 con template Protostar. Altri template non si appoggiano ai file presenti nella cartella layouts, bisognerà quindi agire nei file presenti nella cartella templates/nomedeltemplate/html/com_content/

commentaCommenta questo articolo sul forum


Calendario articoli

Gennaio 2017
Lun Mar Mer Gio Ven Sab Dom
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

Ultima versione di Joomla!®

downloadVer. 3.6.5 Stabile Italiana
Data di rilascio:14 Dicembre 2016
(leggi la notizia Demo online

Le migliori estensioni gratuite

Un elenco aggiornato con i link a più di 100 estensioni fra componenti, moduli e plugin gratuiti per Joomla! 3

Manuale in italiano

Manuale in italianoPer conoscere meglio Joomla!, le sue caratteristiche ed il metodo di utilizzo leggi il manuale tradotto in italiano.

Molto utili anche le risposte alle domande più frequenti: FAQ

Sicurezza del proprio sito Joomla!Leggi anche: Nozioni sulla sicurezza del proprio sito

Autori di articoli recenti

Invia un articolo!Scrivi un articolo su Joomla.it e ricevi i ricavi dalle pubblicità di Google Adsense!
Segui queste istruzioni, condividi e collabora con la community. L'elenco degli autori attivi sul sito.

Libri consigliati

Torna su

Joomla.it sui Social Network

JoomlaDay Italia

JoomlaDay

Newsletter

Inserisci qui la tua e.mail: