Iscriviti al nostro canale YouTube per non perderti nessun video!
Come tradurre il plugin Monarch di Elegant Themes sostituendo la scritta "share this", che compare su mobile, con un testo personalizzato.
Indice dei contenuti

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.

Commenti

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

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

Corsi online che potrebbero interessarti:

Corso online e-commerce Elementor italiano imparaqui WordPress

Nel corso Elementor e-Commerce trovi tutto quello di cui hai bisogno per realizzare un e-Commerce professionale con Elementor e WooCommerce!

Corso online di chitarra per principianti Alessio Puccinelli - imparaqui

Impara le basi della chitarra: scegli il tipo di chitarra che fa per te e inizia da subito ad allenarti con esercizi pratici e efficaci!

Corso DiviLand creare landing page con WordPress e tema Divi 2020

Corso online per imparare a creare landing page e funnel di vendita con WordPress, il tema Divi e Mailchimp.

Ti è stato di aiuto?

Condividi questo post con i tuoi amici!

CERCA, IMPARA, CREA

Categorie

Corsi pubblicati di recente

Accedi a tutti i corsi di imparaqui con un singolo abbonamento!

Invia la tua recensione 🤩

Condividi con noi la tua esperienza con i corsi di imparaqui!
Se vuoi caricare una tua foto profilo usa il bottone qui sotto (MAX 3MB, .jpg o .png)