Plugins y algunos trucos para WP
Viendo actualmente:divi

Añadir icono de Instagram a plantilla DIVI

¿Qué bonita es nuestra plantilla DIVI verdad? Aunque siempre tiene cosas que mejorar. ¿Cómo añadir arriba en el header y el footer el icono de Instagram? Lo haremos muy fácil, como no usaremos el de Google +, haremos un cambiazo 🙂

(más…)


Cómo traducir el texto “To view this protected post, enter the password below”

Esta vez me he encontrado en que no sabía cómo traducir el téxto que aparece en las páginas protegidas con contraseña, la frase que sale arriba es:

“To view this protected post, enter the password below”

Si el wordpress está en castellano sale la frase en castallano, pero en mi caso al estar en catalán, seguía saliendo en inglés.

¿Cómo cambio la frase “To view this protected post, enter the password below” ya sea para traducirla o para poner otro texto?

Gracias al foto de Elegant Themes, sólo he tenido que añadir el siguiente código en el header de mi web. (Como uso la plantilla DIVI he accedido desde el panel de control a Divi > Theme Options > Integration > “<head>”

<script type="text/javascript">
(function($) {
	$(document).ready(function() {
		$('.post-password-required .et_password_protected_form > p:first-of-type').html('Introdueix la contrasenya');
		$('.post-password-required .et_password_protected_form form .et_submit_button').html('Envia');
	});
})(jQuery);
</script>

El resultado es instáneo! funcionando de maravilla!


Cuándo mostrar menú responsive en Plantilla DIVI

La plantilla DIVI tiene muchas opciones para poder montar la web a nuestro gusto, pero a veces las cosas más sencillas son las más complejas.

Hace muy poco me pasó con un cliente que tenía el logo muy grande (muy alargado horizontalmente) y el menú era también bastante largo, con lo que habia un momento que según la resolución, el menú se doblaba en dos lineas, haciendo que quedase muy feo:

(más…)


Logo flotante en plantilla DIVI de WordPress

¿Cómo hacer para que el logo de nuestra plantilla DIVI sea flotante?

con este simple truco haremos que nuestro logo se comporte de una manera increible, flotando en la parte superior de nuestra web, sin tener que estar pendientes de que se ajuste a alto del header.

 

Ejemplo de Logo flotante en plantilla Divi de WordPress

Ejemplo de Logo flotante en plantilla Divi de WordPress

Sólo tenemos que ir a personalizar nuestro CSS con la siguientes lineas:
@media only screen and (max-width: 980px) {
#logo {
min-height: 100px;
}
}
@media only screen and (min-width: 981px) {
#logo {
min-height: 120px;
}
}

////Los 100px y 120px los podeís modificar en función del tipo de logo que tengáis y el fondo de la web.

Truco extraido de :

How to Create a Divi Overlapping Logo


¿Cómo traducir las cadenas de texto en el tema DIVI de WordPress?

Como muchos ya sabréis, el tema DIVI de Elegant Themes para WordPress está muy de moda y permite personalizar mucho nuestra web de WordPress. Pero me he encontrado con un pequeño problema que me ha dado algun dolor de cabeza.

¿Cómo traducir las cadenas de texto que vienen en ingles del tipo “read more” o bien “next o previus” de la plantilla DIVI para WordPress?

Como casi siempre mirando en el código fuente por FTP. En concreto en el archivo Divi/includes/builder/main-modules.php

Allí buscaremos las cadenas de texto tipo ( ‘read more’, ‘et_builder’ )  y cambiaremos el read more por lo que sea.

La opción más practica es descargar el archivo main-modules.php, con un editor de texto buscar todas las cadenas para traducir y luego subirlo al servidor de nuevo. Un consejo, antes de subirlo, renombraremos el que viejo por si diese algun error poder volver a restaurarlo.

 


Enlaces de redes sociales en nueva ventana con plantilla Divi

Usando esta gran plantilla DIVI para WordPress me he encontrado con que por defecto, los enlaces a las redes sociales, se abren en la misma ventana, algo que no creo que sea bueno. ¿Cómo se pueden cambiar estos enlaces para que se abran en una nueva ventana?

Apariencia -> Editor -> editar el archivo social_icons.php en todas las lineas donde veais:

…class=”icon”>

añadir la etiqueta: target=”_blank”

de forma que quede:

class=”icon” target=”_blank”>

Con esto estará todo solucionado!

De esta manera los enlaces a redesde sociales se abrirán en nueva ventana usando la plantilla DIVI para wordpress.

 

 


Powered by WordPress | Designed by Elegant ThemesPolítica de privacidad