Tradurre il plugin Monarch

da | Divi, Monarch, Plugin, Tutorial, Tutorial Divi, WordPress | 2 commenti

tradurre-plugin-monarch-italiano

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

Corsi online per imparare a usare WordPress al meglio.

Scopri la Imparaqui Academy

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.

Pascal Claro

Pascal Claro

Laureato in Lettere Moderne con specialistica in Musicologia alla Statale di Milano, si appassiona presto al mondo WordPress e impara seguendo corsi e tutorial dai migliori esperti del settore. Nel 2017 crea insieme a degli amici il sito imparaqui.it dove condivide corsi e risorse per aiutare le persone a creare siti web e avviare un business online. Accanto a WordPress l'altra sua grande passione è suonare e cantare con la band "Poppins"!

Risorse consigliate

Sconti Tema Divi

Risorse WordPress

Imparaqui Academy

Commenta questo articolo

2 Commenti

  1. Roberto

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

    Rispondi

Invia un commento

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

Articoli correlati

Registra un nuovo account affiliato

 

👍

Riceverai una notifica da info@imparaqui.it quando il corso sarà online!

Se hai un abbonamento attivo alla Imparaqui Academy potrai accedere subito al corso.

Un saluto dal team di Imparaqui

Restiamo in contatto 👇