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

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.

2 risposte

  1. Ciao, che plugin stai utilizzando per il social sharing su questo sito? (riferito ai bottoni a sinistra)?

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Ti è stato di aiuto?

Condividi questo post con i tuoi amici!

Il corso completo per imparare a creare siti professionali con WordPress e il tema Divi, in offerta lancio con sconto del 70%! • Accesso lifetime • Aggiornamenti inclusi.
Accedi alla nostra formazione completa su Divi con il bundle Divi 360: 5 corsi online completi in offerta speciale con sconto del 50%! • Accesso lifetime • Aggiornamenti inclusi.

CYBER MONDAY

Ultime 12 ore di sconto del 50% su tutti i corsi di Imparaqui.

Scrivi la tua recensione su Imparaqui!
Ti piacciono i nostri corsi?

Facci sapere! Siamo curiosi di leggere il tuo feedback sui corsi che hai seguito e sulla tua esperienza sul sito!

N.B. Il modulo sopra stante può essere usato unicamente per inviare recensioni su Imparaqui e i corsi. Inviando la recensione accetti che la stessa, corredata del tuo nome (senza cognome) e eventuale immagine Gravatar, possa comparire eventualmente in altre parti del sito e/o sui canali social di Imparaqui.