Tradurre il plugin Monarch

Come tradurre il plugin Monarch di Elegant Themes sostituendo la scritta “share this”, che compare su mobile, con un testo personalizzato.

Introduzione

Tradurre il plugin Monarch in italiano è sempre stato un nostro cruccio. Si tratta di un plugin meraviglioso per inserire i pulsanti di condivisione dei propri contenuti sui vari social network e quelli per farci seguire.

Ci siamo sempre chiesti come si potesse tradurre questo plugin, e, poiché non sembrava essere possibile tramite i metodi tradizionali, abbiamo trovato una via alternativa.

Scrivi nei commenti se hai domande.

Indice dei contenuti

• Come tradurre il plugin Monarch?
• Il codice CSS
• Conclusioni e Risorse

Come tradurre il plugin Monarch?

La soluzione che abbiamo trovato è stata la seguente: visto che non si può utilizzare un plugin di traduzione perché non provare con del semplice CSS?

Procederemo quindi nel modo seguente:

• Nascondiamo la scritta “share this” che compare su mobile
• La sostituiamo con il nostro testo tradotto usando il CSS
• Aggiungiamo un tocco di personalizzazione e abbellimento

Ecco il plugin come appare prima del tutorial:

Ecco il plugin dopo avere applicato il tutorial:

Il codice CSS

Per attivare questa nuova traduzione di Monarch in italiano ti basta copiare il CSS che trovi qui sotto nel tuo box del CSS personalizzato.

Trovi dei commenti vicino ai parametri che potresti voler cambiare:

• Font
• Colore del testo
• Colore di sfondo

Ecco qui sotto il codice che ti servirà:

/* Testo Monarch Personalizzato */
@media (max-width: 1024px) {
 .et_social_heading {
  color: transparent !important;
  display: flex;
 }
 .et_monarch .et_social_heading {
  padding: 14px 0;
 }
 .et_monarch .et_social_heading:after {
  content: 'CONDIVIDI'; /* Scrivere il testo desiderato */
  font-size: 20px;
  background: #f6b130; /* Cambiare qui il colore di sfondo */
  padding: 5px !important;
  color: #ffffff !important; /* Cambiare qui il colore del testo */
  font-family: montserrat; /* Cambiare qui il font */
  transform: rotate(0deg);
  border-radius: 3px;
  font-weight: bold;
 }
 .et_monarch .et_social_mobile.et_social_opened .et_social_heading:after {
  transform: rotate(-10deg);
  font-size: 27px;
  padding: 10px !important;
 }
 .et_monarch .et_social_mobile.et_social_closed .et_social_heading:after {
  transform: rotate(0deg);
 }
 .et_social_networks.et_social_simple.et_social_rounded.et_social_left {
  z-index: -1 !important;
 }
}

Conclusione

Siamo giunti alla fine del tutorial su come tradurre la scritta “share this” del plugin Monarch di Elegant Themes.

Ci auguriamo che ti sia piaciuto e che sia stato utile, se qualcosa non dovesse filare liscio ti invitiamo a ricontrollare ogni passaggio e poi a lasciare un commento in fondo a questo post!

Scopri i nostri corsi dedicati al tema Divi e a WordPress.