• Skip to primary navigation
  • Skip to main content
  • Skip to footer

tatica.org

ps ax | grep tuxilandia

  • Inicio
  • Tienda
  • Quién?
  • English
  • Español

Agregar selector de idiomas de mQtranslate al header

30 junio, 2014 by tatica Leave a Comment

Luego de que migré todos mis sitios y los de mis clientes a mQtranslate, hay ciertas cosas que hay que agregar a mano cuando trabajas con Páginas Principales personalizadas, una de ellas es agregar el selector de idiomas a la cabecera.

El proceso, como siempre es bastante simple, así que vamos a por el. Lo primero es agregar la instrucción al header, que será la que muestre los idiomas:

<?php qtrans_generateLanguageSelectCode(); ?>

Luego de ello, solo tenemos que darle estilo. Les recomiendo que de una agreguen en el css las etiquetas con los idiomas que utilizarán, ya que por ahora, no encontré una forma de aregar automáticamente la variable del idioma a la etiqueta css sin utilizar jquery (Si conocen una, me la hacen llegar).

Como ven, es bastante sencillo, y con un buen estilo la cosa no se ve tan fea. Para este ejemplo utilicé la forma de iconos redondos (con border-radius) y del color del theme, lo bueno es que, como no son imagenes, pueden darle todo el estilo que quieran.

Otra forma que tienen es la de agregar un widget en el header y desde el admin, colocar la caja de mQtranslate; sin embargo, este es otro método en caso de que no quieran que sus usuarios anden tocando a cada rato el box. Las formas sobran, pero en mi caso (y quizás más por curiosidad que por otra cosa), decidí agregar el php y así, conocer un poco más el funcionamiento interno de mQtranslate. La curiosidad es la que nos hace aprender algo diferente todos los días.

qtrans_language_chooser {
display: inline;
list-style: none;
float: right;
margin-top: 10px;
}

.lang-eu {
background: rgb(62, 129, 214);
border-radius: 20px;
padding: 5px;
}

.lang-es {
background: rgb(62, 129, 214);
border-radius: 20px;
padding: 5px;
margin-bottom: 4px;
}

.lang-es a, .lang-eu a {
color: #ffffff;
font-family: ‘Patua One’, cursive;
text-align: center;
}


Help tatica and donate with paypal!

Social:

  • Correo electrónico
  • Facebook
  • Reddit
  • Twitter

Filed Under: fedora, General, guias, Linux, Wordpress Tagged With: css, header, howto, lang-select, language, mqtranslate, select, wordpress

Reader Interactions

Deja un comentario Cancelar respuesta

Footer

Free college writing tips for students and teachers.
Internationalvaquero.com - online writing help for students.

Sobre Tatica

Soy una diseñadora, fotógrafa y persona comunitaria a tiempo completo. Adoro analizar como funciona el mundo en esta era tecnológica. No soy programadora, sin embargo, así fue como entré a este mundo. Trabajo en el campo desde 2005 y adoro cada minuto que ha pasado.
Me encanta aprender y enseñar lo que se sobre FLOSS y disfruto conociendo personas de todo el mundo.
  • Subscribe
  • Privacy
  • Contact
COPYRIGHT © TATICA 2021
loading Cancelar
La entrada no fue enviada. ¡Comprueba tus direcciones de correo electrónico!
Error en la comprobación del correo electrónico. Por favor, vuelve a intentarlo
Lo sentimos, tu blog no puede compartir entradas por correo electrónico.