Back to top

Autore Topic: Come cambiare l'aspetto della data nel nostro sito Joomla!  (Letto 16560 volte)

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Da un suggerimento di alexred che invitava alla traduzione di un interessante articolo su joomla magazine e nato questo pezzo che ci suggerisce due diversi metodi per migliorare l'aspetto delle date in joomla 1.5.
A dire il vero il secondo metodo, quello dell'override, dovrebbe funzionare anche su joomla 1.6 ma al momento non va ancora. Ci torneremo sopra con un altro articolo appena risolviamo il problema. Sono graditi suggerimenti.  ;)

Ecco l'articolo.... http://www.joomla.it/articoli-della-community/4981-come-cambiare-laspetto-della-data-nel-nostro-sito-joomla.html
 :)
« Ultima modifica: 10 Giu 2011, 19:26:09 da alexred »
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline alexred

  • Fuori controllo
  • *
  • Post: 25672
  • Sesso: Maschio
  • Esperto in ozio relaxed
    • Mostra profilo
Re:Come cambiare l'aspetto della data nel nostro sito Joomla!
« Risposta #1 il: 10 Giu 2011, 19:29:13 »
complimenti tonicopi,
ottimo articolo. Se c'è una cosa che non sopporto molto, è quando da una ricerca su google salto in un articolo di un sito e non c'è traccia della data in cui è stato scritto..... non sai se è di ieri o di 5 anni prima..... e quindi sono sai le le informazioni che contiene sono attuali o vecchie!
Benvengano questi simpatici metodi per mostrare bene la data dell'articolo, quasi quasi sarebbe da integrarne uno anche sul template di Joomla.it  :)

Offline Trony

  • Nuovo arrivato
  • *
  • Post: 32
  • Sesso: Maschio
  • Drum and Bass Inside
    • Mostra profilo
Re:Come cambiare l'aspetto della data nel nostro sito Joomla!
« Risposta #2 il: 20 Giu 2011, 13:51:15 »
Ciao a tutti.
Ho testato l'override e debbo dire che funziona egregiamente. Vi ringrazio.

Ho solo cambiato le desinenze al foglio di stile, ed ovviamente a default.php, poichè interferivano con la formattazione del Calendario di alcuni componenti quali Community Builder e SimpleCalendar.

.datearticlesWrap
.daydate
.monthdate
.yeardate
Sono Il Re sul Carro Danzante. Attraversando La Città Getto Via I Coriandoli Della Vostra Tristezza Regalando Passione Ed Estasi Nei Vostri Occhi.
www.fusoelektronique.org

Offline Caluk

  • Nuovo arrivato
  • *
  • Post: 30
    • Mostra profilo
Re:Come cambiare l'aspetto della data nel nostro sito Joomla!
« Risposta #3 il: 22 Giu 2011, 15:36:29 »
Ho seguito il tutorial alla perfezione e funziona egregiamente. Ho un problema però. Nella vista blog al posto di farmi vedere la data di creazione del post mi fa vedere quella odierna, se invece entro nel singolo post mi fa vedere quella corretta....

Ecco il sito dove ho fatto l'override
Caluk.iT WebDesign & Multimedia @ Tutorial - WebDesign - Video Editing - CMS

Offline Trony

  • Nuovo arrivato
  • *
  • Post: 32
  • Sesso: Maschio
  • Drum and Bass Inside
    • Mostra profilo
Re:Come cambiare l'aspetto della data nel nostro sito Joomla!
« Risposta #4 il: 22 Giu 2011, 16:11:13 »
Ho seguito il tutorial alla perfezione e funziona egregiamente. Ho un problema però. Nella vista blog al posto di farmi vedere la data di creazione del post mi fa vedere quella odierna, se invece entro nel singolo post mi fa vedere quella corretta....

Ecco il sito dove ho fatto l'override


Ciao.
Per modificare l'aspetto data in blog devi creare una folder chiamata category in Template -> Html -> com_content e copiare e modificare il file blog_item.php

Mentre per gli articoli è:

Codice: [Seleziona]
<?php echo JHTML::_('date'$this->article->createdJText::_
per le categorie diviene:

Codice: [Seleziona]
<?php echo JHTML::_('date'$this->item->createdJText::_
in soldoni cambia questo:

$this->item->created, JText::_


Ecco un esempio del mio Override: http://www.fusoelektronique.org/menu-music-floor/floor-recensioni/recensioni-drum-and-bass-breakbeat-jungle.html
« Ultima modifica: 22 Giu 2011, 16:13:03 da Trony »
Sono Il Re sul Carro Danzante. Attraversando La Città Getto Via I Coriandoli Della Vostra Tristezza Regalando Passione Ed Estasi Nei Vostri Occhi.
www.fusoelektronique.org

Offline Caluk

  • Nuovo arrivato
  • *
  • Post: 30
    • Mostra profilo
Re:Come cambiare l'aspetto della data nel nostro sito Joomla!
« Risposta #5 il: 22 Giu 2011, 16:27:31 »
grazie per l'aiuto :) ora funziona tutto perfettamente ;)
Caluk.iT WebDesign & Multimedia @ Tutorial - WebDesign - Video Editing - CMS

Offline Trony

  • Nuovo arrivato
  • *
  • Post: 32
  • Sesso: Maschio
  • Drum and Bass Inside
    • Mostra profilo
Re:Come cambiare l'aspetto della data nel nostro sito Joomla!
« Risposta #6 il: 22 Giu 2011, 16:30:03 »
grazie per l'aiuto :) ora funziona tutto perfettamente ;)

Prego figurati.
Ovviamente io ho modificato blog_item.php perchè ho quello stile di visualizzazione però il concetto rimane il medesimo. :)
Sono Il Re sul Carro Danzante. Attraversando La Città Getto Via I Coriandoli Della Vostra Tristezza Regalando Passione Ed Estasi Nei Vostri Occhi.
www.fusoelektronique.org

Offline alexred

  • Fuori controllo
  • *
  • Post: 25672
  • Sesso: Maschio
  • Esperto in ozio relaxed
    • Mostra profilo
Re:Come cambiare l'aspetto della data nel nostro sito Joomla!
« Risposta #7 il: 22 Giu 2011, 16:40:17 »
Con l'aiuto dei ragazzi della Kreatif abbiamo inserito anche nelle notizie e nella homepage di Joomla.it una grafica per la data dell'articolo.

Offline Selix

  • Nuovo arrivato
  • *
  • Post: 12
  • Sesso: Maschio
    • Mostra profilo
Re:Come cambiare l'aspetto della data nel nostro sito Joomla!
« Risposta #8 il: 01 Lug 2011, 22:55:11 »
Ciao a tutti, ringraziando Tonicopi per l'interessantissimo articolo, passo a chiedere una delucidazione...

Sono riuscito ad integrare la data nella visualizzazione articoli ed allinearla con il titolo , ma nella visualizzazione Aspetto blog non c'è verso di allineare la data con il titolo come invece è stato fatto su questo sito... qualcuno potrebbe darmi qualche dritta? ciao e grazie.
Davide

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Come cambiare l'aspetto della data nel nostro sito Joomla!
« Risposta #9 il: 02 Lug 2011, 01:35:58 »
Devi fare un override anche del file che visualizza gli articoli con l'aspetto blog prima pagina.
Copi il file
components/com_content/views/frontpage/tmpl/default_item.php
dentro la cartella del tuo template
html/com_content/frontpage
e poi sovrascrivi la parte di codice come in quell'altro con la sola avvertenza di cambiare article con item. Questo il codice dell'override per l'aspetto prima pagina:
Codice: [Seleziona]
<?php echo JHTML::_('date'$this->item->createdJText::_('<div class="dateWrap"><span class="day">%d</span>
<span class="month">%b</span>
 <span class="year">%Y</span></div>'
)); ?>

Poi devi prendere l'intero blocco di codice e spostarlo dove ti pare  ;)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Selix

  • Nuovo arrivato
  • *
  • Post: 12
  • Sesso: Maschio
    • Mostra profilo
Re:Come cambiare l'aspetto della data nel nostro sito Joomla!
« Risposta #10 il: 02 Lug 2011, 09:19:33 »
Devi fare un override anche del file che visualizza gli articoli con l'aspetto blog prima pagina.
Copi il file
components/com_content/views/frontpage/tmpl/default_item.php
dentro la cartella del tuo template
html/com_content/frontpage
e poi sovrascrivi la parte di codice come in quell'altro con la sola avvertenza di cambiare article con item. Questo il codice dell'override per l'aspetto prima pagina:
Codice: [Seleziona]
<?php echo JHTML::_('date'$this->item->createdJText::_('<div class="dateWrap"><span class="day">%d</span>
<span class="month">%b</span>
 <span class="year">%Y</span></div>'
)); ?>

Poi devi prendere l'intero blocco di codice e spostarlo dove ti pare  ;)

Grazie davvero, le tue indicazioni sono sempre precise e corrette... a buon rendere!  ;)

Offline KoWa

  • Esploratore
  • **
  • Post: 108
    • Mostra profilo
Re:Come cambiare l'aspetto della data nel nostro sito Joomla!
« Risposta #11 il: 19 Nov 2011, 16:06:41 »
scusate se "riapro" un vecchio post, credo di aver seguito tutti i passaggi da voi descritti ma la data non viene visualizzata nel mio sito in modo corretto.
Vorrei visualizzarla come in questo sito ma mi appare come in figura :(

« Ultima modifica: 19 Nov 2011, 17:24:43 da KoWa »

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Come cambiare l'aspetto della data nel nostro sito Joomla!
« Risposta #12 il: 20 Nov 2011, 11:04:58 »
Direi che sei già a buon punto. l'override ti è riuscito. Adesso devi formattare la data con regole css  ;)
Se per questo sito intendi joomla.it ti copi le stesse regole che sono state usate qui  ;D
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline KoWa

  • Esploratore
  • **
  • Post: 108
    • Mostra profilo
Re:Come cambiare l'aspetto della data nel nostro sito Joomla!
« Risposta #13 il: 20 Nov 2011, 15:05:15 »
grassie del reply boss, copio come dici te e poi ti faccio sapere :)

P.S. come faccio a mettere nella parte superiore il mese "tagliato" e l'anno? (tipo come c'è qui in joomla.it nov | 2011)?
« Ultima modifica: 20 Nov 2011, 15:07:56 da KoWa »

Offline KoWa

  • Esploratore
  • **
  • Post: 108
    • Mostra profilo
Re:Come cambiare l'aspetto della data nel nostro sito Joomla!
« Risposta #14 il: 20 Nov 2011, 16:28:19 »
Direi che sei già a buon punto. l'override ti è riuscito. Adesso devi formattare la data con regole css  ;)
Se per questo sito intendi joomla.it ti copi le stesse regole che sono state usate qui  ;D

OK, ho copiato gli stili e funziona, ora mi servirebbe sapere come si fa a dire a joomla per ogni mese di utilizzare solo tre lettere senza scrivere tutto il mese :)

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline KoWa

  • Esploratore
  • **
  • Post: 108
    • Mostra profilo
Re:Come cambiare l'aspetto della data nel nostro sito Joomla!
« Risposta #16 il: 21 Nov 2011, 08:39:13 »
http://www.php.net/manual/en/function.date.php
 ;)

Grazie ancora per la risposta toni ma ho ancora 2 domande:

1) dove devo modificare quei valori?
2) come faccio in vista blog ad affiancare (sempre come c'è qui su joomla.it) il titolo dell'articolo alla data?

Offline Andrit87

  • Appassionato
  • ***
  • Post: 300
  • Sesso: Maschio
    • Mostra profilo
Re:Come cambiare l'aspetto della data nel nostro sito Joomla!
« Risposta #17 il: 09 Dic 2011, 16:31:41 »
grazie a quest'articolo sono riuscito ad inserire la data accanto al titolo dell'articolo  anche in Joomla 1.7, ho dovuto sbatterci la testa un'intera mattinata ma ce l'ho fatta.

usando joomla 1.7 ho avuto alcuni problemi e quindi mi sono dovuto ingegnare un pò. magari il procedimento non sarà "didatticamente" corretto, ma il risultato è più che buono.

nell'articolo vengono descritte due strade possibili in joomla 1.5, la modifica del file lingua e l'override del template. io ho fatto un misto.

ho prima di tutto creato nel file lingua override di joomla 1.7 (it-IT.override.ini) queste stringhe:

Codice: [Seleziona]
DATE_FORMAT_LC6="d"
DATE_FORMAT_LC7="F"
DATE_FORMAT_LC8="Y"
DATE_FORMAT_LC9="l"

in questo modo il file lingua e le stringhe create dovrebbero essere al riparo dai futuri aggiornamenti di joomla (almeno così credo !!!)

dopo di che ho effettuato l'override del file default.php del componente com-content, copiando il file in questo percorso:

templates/[template]/html/com_content/article

**attenzione che il percorso che create nella cartella html non è uguale a quello in cui si trova il file originale. Questo magari sarà scontato ai più ma non a tutti, infatti all'inizio l'override non mi funzionava per questo motivo**

dopo di che ho proceduto alla modifica del file default.php in questo modo:

versione joomla 1.5
Codice: [Seleziona]
<?php echo JHTML::_('date'$this->article->createdJText::_('<div class="dateWrap"><span class="day">%d</span>
<span class="month">%b</span>
 <span class="year">%Y</span></div>'
)); ?>

versione joomla 1.7

Codice: [Seleziona]
<div class="FPdateWrap"><span class="FPday"><?php echo JHtml::_('date',$this->item->publish_upJText::_('DATE_FORMAT_LC9')); ?></span>
<span class="FPdaynum"><?php echo JHtml::_('date',$this->item->publish_upJText::_('DATE_FORMAT_LC6')); ?>
</span><span class="FPmonth"><?php echo JHtml::_('date',$this->item->publish_upJText::_('DATE_FORMAT_LC7')); ?></span>
<span class="FPyear"><?php echo JHtml::_('date',$this->item->publish_upJText::_('DATE_FORMAT_LC8')); ?></span></div>

in questo caso a me interessava modificare la data di pubblicazione e NON di creazione, ho modificato infatti questa stringa
Codice: [Seleziona]
$this->item->publish_up anzichè questa che indica la data di creazione
Codice: [Seleziona]
$this->item->created.

in questo modo sono riusci ad assegnare ad ogni tipo di data una propria classe. fatto ciò basta creare le classi css come indicato dalla guida, io ne ho aggiunta una 5° in quanto volevo venisse visualizzato anche il nome del giorno.

.FPdateWrap {} per il contenitore dell'intera data;

.FPday {} per il nome giorno;

.FPdaynum {} per il giorno;

.FPmonth {} per il mese;

.year {} per l'anno.



ecco il risultato:





Spero che questo post possa essere di aiuto ad altri che come me vogliono inserire la data accanto al titolo in joomla 1.7

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Come cambiare l'aspetto della data nel nostro sito Joomla!
« Risposta #18 il: 09 Dic 2011, 19:53:11 »
Bravo Andri87, ottimo!  :)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Andrit87

  • Appassionato
  • ***
  • Post: 300
  • Sesso: Maschio
    • Mostra profilo
Re:Come cambiare l'aspetto della data nel nostro sito Joomla!
« Risposta #19 il: 09 Dic 2011, 20:18:18 »
grazie  ;D

 



Web Design Bolzano Kreatif