Mi è stato chiesto come fanno alcuni webmaster a non mostrare la data in cui sono stati pubblicati i loro articoli. La cosa in effetti non è difficile da fare però, mi chiedo, quale utilità possa avere e in quali casi potrebbe risultare utile. In fondo evidenziare il giorno, mese e anno in cui si è pubblicato un post dà ulteriori informazioni al lettore sulla freschezza o meno del contenuto.
Questa personalizzazione la ritengo interessante solo per quei blog quasi statici, con pochi contenuti, che vogliono dare una parvenza di attualità al navigatore non mostrandogli la data di pubblicazione. Ho testato questo procedimento sul mio blog di prova. I titoli degli articoli si presentavano in questo modo
Il blocco di codice che sovrintende allo stile della data inizia con la riga
h2.date-header {
in ogni caso deve essere presente la dicitura date-header. Andando su Design > Modifica HTML ho trovato questo blocco di codice che chiaramente varierà anche di molto da modello a modello
h2.date-header {
border-bottom:none;
font-size: 130%;
text-align:$startSide;
margin-top:20px;
margin-bottom:14px;
padding:1px;
padding-$startSide:17px;
color: $dateHeaderColor;
font-weight: normal;
font-family: Trebuchet MS, Verdana, Sans-serif;
}
Per non visualizzare la data negli articoli basta incollare la riga evidenziata di rosso
h2.date-header {
visibility:hidden;
border-bottom:none;
font-size: 130%;
text-align:$startSide;
margin-top:20px;
margin-bottom:14px;
padding:1px;
padding-$startSide:17px;
color: $dateHeaderColor;
font-weight: normal;
font-family: Trebuchet MS, Verdana, Sans-serif;
}
e salvare il modello. Ecco come appariranno gli articoli
Si può naturalmente ritornare sui nostri passi semplicemente cancellando la riga visibility:hidden; che si è aggiunta nel CSS. Non mi sto troppo a dilungare su come personalizzare la data. Se la si vuole evidenziare maggiormente, si può inserirla al centro del layout modificando il codice per esempio in questo modo
h2.date-header {
text-align:center;
border-bottom:none;
font-size: 130%;
margin-top:20px;
margin-bottom:14px;
color: $dateHeaderColor;
font-weight: bold;
font-family: Trebuchet MS, Verdana, Sans-serif;
}
in cui è stata aggiunta la riga text-align:center; e sono state eliminate quelle che ne fissavano la posizione in precedenza cioè
text-align:$startSide;
margin-top:20px;
margin-bottom:14px;
padding:1px;
padding-$startSide:17px;
Ho anche inserito il grassetto (bold al posto di normal). Ecco come appaiono in questo caso i post
C'è anche la possibilità di centrare il titolo del post come ho già accennato in precedenza.
Tim Ferriss sostiene che la presenza della data fa sì che i post diventino subito obsoleti, e anch'io sono della stessa idea.
RispondiEliminaciao
@Miss D.
RispondiEliminaTim Ferris è una celebrità del web ma non è la Bibbia. Personalmente credo che dipenda dal tipo di argomenti trattati. Se sono legati alla contingenza temporale, anche se si toglie la data, invecchiano comunque. Sono gli stessi motori di ricerca che dopo un po' gli ignorano e i lettori se ne accorgono subito che si tratta di materiale vecchio.
Può essere invece utile non mostrare la data di pubblicazione se si hanno contenuti che mantengono una loro validità anche a distanza di mesi se non di anni.
Ciao
Molto interessante.
RispondiEliminaMa è possibile far apparire la data sopra il titolo in un post?
C'è qualche codice da aggiungere?
Mi spiego meglio:
RispondiEliminaintendo dire, che vorrei far apparire la data sopra il titolo ma sullo sfondo del post, non al di sopra del blocco.
Inoltre è da tempo che cerco di capire come spostare le eltichette, i commenti e l'autore sotto al titolo e non alla fine del post.
Sapresti aiutarmi?
@Scarlett
RispondiEliminaSpostare i singoli elementi nel layout del blog è cosa piuttosto complessa e che non si può codificare visto che varia da modello a modello. Se sei interessato a questi temi di consiglio di imparare l'HTML o di consultare delle guide online
Ok, grazie lo stesso.
RispondiEliminaCredo però di essere riuscita nel mio intento finalmete.
è possibili nascondere la data di un singolo post in particolare e non di tutti?!
RispondiElimina@Mario Alan
RispondiEliminaIn teoria sì. Scopri qual'è il codice della data del post
http://www.ideepercomputeredinternet.com/2011/06/come-spostare-la-posizione-della-data-e.html
e inserisci i tag condizionali
http://www.ideepercomputeredinternet.com/2010/11/come-mostrare-o-non-mostrare-widget-in.html
per mostrare un widget ovunque escluso che in un post.
Grazie 1000!!!
RispondiEliminacome faccio ad individuare il codice della data del post di cui voglio nascondere la data?! quello che mi hai indicato è per individuare un widget...a me serve individuare il codice della data di un singolo post...sempre se è possibile farlo...Grazie!
RispondiElimina@Mario Alan
RispondiEliminaScusa ma passi da un argomento all'altro e non ti sto dietro.
Il codice da inserire sopra </head> è questo
<b:if cond='data:blog.url == "URL_del_POST"'>
<style type="text/css">
h2.date-header {
visibility:hidden;
}
</style>
</b:if>
Non l'ho testato ma dovrebbe funzionare
hai ragione...io provo a fare le domande nell'articolo più idoneo a quello che devo chiedere, ma forse ti ho stressato...grazie 1000! FUNZIONA!!
RispondiEliminagrazie. avevo bisogno di questo codice.
RispondiEliminaCiao Ernesto.
RispondiEliminaHo un problema. Ho scaricato un modello di Blogger Responsive Templates tipo "Mgazine" per intenderci. Ovviamente il modello Free limita le sua funzionalità che tutto sommato accetto. Ma ho un problema con la data. Il date-header del modello include il codice display: none. Se tolgo questo codice automaticamente compare la data sul post che posso personalizzare. Finchè tutto va bene. Il problema salta fuori in HomePage dove vengono sparpagliate un sacco di date (pari al numero di post in Home Page) in maniera totalmente disordenata e anarchica. Vorrei togliere queste date della HomePage ma lasciare la data in ogni singolo post.
Mi puoi dare qualche dritta?
Grazie
Dovresti interpellare chi ha creato il modello. Per risolvere potresti provare a utilizzare il tag display:none;
Eliminahttp://www.ideepercomputeredinternet.com/2011/12/come-nascondere-un-elemento-del-blog.html
applicato ai selettori univoci degli elementi che vuoi nascondere usando i tool Ispeziona Elemento di Chrome
http://www.ideepercomputeredinternet.com/2015/07/ispeziona-elemento-chrome-selettore-univoco-css-html.html
o Analizza Elemento di Fifrefox
http://www.ideepercomputeredinternet.com/2014/12/analizza-elemento-firefox.html
@#
Grazie mille Ernesto ! Fatto, andata anche questa grazie a questi articoli, ancora validissimi nel 2023.
RispondiElimina