viernes, 18 de septiembre de 2015

Traducción con CSS en wordpress

Si se desea realizar una traducción sencilla en un sitio web desarrollado bajo wordpress y no se encuentra una mejor forma de hacerlo (como en mi caso que siempre uso loco-translate, pero me tope con una plantilla que no tenía toda la traducción bien configurada ) algunas palabras me quedaban en inglés.   Busque está solución que les comparto y que funciona bien para palabras.


Para este ejemplo vamos a usar un boton.
 
  

.social-share {
  text-indent: -9999px;
  line-height: 0; /* colapso la línea origina */
}

.social-share:after {
  content: "Compartir:";
  text-indent: 0;
  display: block;
  line-height: initial; /* El nuevo contenido toma el lugar de la linea original */
}