Come inserire “Ultima modifica” nel tema Colormag.

Una cosa che adoro mentre navigo è trovare la scritta”Ultima modifica….”. Mi dà un senso di sicurezza.

Ecco perché ho voluto creare una piccola guida su come fare.

La modifica è alquanto veloce, ma per trovare la soluzione ho passato parecchio tempo a navigare su google.

La modifica in questione è per il tema Colormag.

Passo 1. Collegatevi al vostro sito

Collegatevi al vostro backend e andate su “Aspetto” -> “Personalizza” -> “CSS Aggiuntivo”.

Passo 2. Modificate il “CSS aggiuntivo”

Vi si aprirà un piccolo riquadro dove dovrete incollare questa piccola porzione di codice:

.below-entry-meta .updated {
  display: inline-block;
}
.below-entry-meta .updated:before {
  content: '» Aggiornato il:';
  margin: 0 5px;
}

Questo andrà ad inserire la frase ” » Aggiornato il:” a fianco alla data di creazione. Modificatela a vostro piacimento stando attenti a non cancellare i singoli apici.
Salvate e i vostri cambiamenti saranno subito attivi e retroattivi.

Se il vostro tema è un “child theme” sempre di Colormag, la procedura è uguale.

Metodo alternativo.

Esiste anche un secondo modo più pulito, in quanto non è consigliabile inserire testi nei CSS.

Passo 1. Modificate il “CSS aggiuntivo”

Come prima in “Aspetto” -> “Personalizza” -> “CSS Aggiuntivo” inserite quanto segue:

.below-entry-meta .updated {
  display: inline-block;
}

Passo 3. Modifica file “function”

Ora andate in “Aspetto” -> “Editor” e aprire il file inc/functions.php .

Fatto questo dovrete cercare questo:

<?php
  	$time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time>';
     if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) {
        $time_string .= '<time class="updated" datetime="%3$s">%4$s</time>';
     }

E modificarlo nel seguente modo:

<?php
   	$time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time>';
      if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) {
         $time_string .= '<time class="updated" datetime="%3$s">&nbsp; Ultimo aggiornamento: %4$s</time>';
      };

Se “Ultimo” aggiornamento è troppo vicino alla data di pubblicazione inserito questo:”  ” nel codice appena visto, appena prima della parola “Ultimo” e senza doppi apici.

Conclusione

Questa modifica è, come detto prima, retroattiva, ovvero funzionerà per tutti i vostri articoli, futuri che passati.

In ultimo ricordatevi che questi cambiamenti con l’aggiornamento del tema andranno persi e di conseguenza dovrete reinserirli.