Z
ziney
Eta
Programador
Este es un truco basado en Javascript que he ido experimento hace unos tiempos y me ha dado resultado.
El problema:
- En wordpress al insertar una imagen, te genera un enlace hacia el tamaño real de la imagen. Lo que ocasiona que muchos usuarios curiosos y novatos al pasar el mouse sobre la imagen terminan dando click, ya que aparece el cursor en manito, lo cual hace posible que cierren la pestaña de su navegador y no vuelvan al sitio. ( No presionen el botón atrás del navegador )
- Una solución no factible sería romper los vínculos de la imagen desde el editor de entradas, pero esto no sería amigable para el seo ya que es necesario que también nos indexe el tamaño real de la imagen.
Captura de una imagen en un post que redirecciona hacia la imagen original al pulsar en él.
Enlace eliminadoLa solución:
Añadiremos un pequeño script en el header o footer de su sitio de al siguiente manera, el script esta basado en jquery; el 90% de los themes wordpress tienen la librería, si no lo tiene es necesario agregarlo.
La funcionalidad del script consiste en evitar el reccionamiento o la acción del link al pulsar sobre todas las imágenes del post con enlaces, y Cambiar el cursor pointer o manito, por el cursor default o flechita, el cual permite simular que no se trata de un enlace cuando en realidad lo es :witless: . Ademas al pulsarlo no manda hacia el vínculo.
Librería jQuery
Añadir en header.php antes del </head> en caso de no tenerlo, para comprobar si lo tiene Presione CTRL +U para ver el código fuente de su blog y CTRL+F para buscar la palabra jquery, si existe dicha palabra entonces ya tiene la librería.
Codigo JS.
Si solo desea que se aplique esta regla solo a las imágenes del single, entonces cambie en el selector por $('.single a img') , esto último funcionará si tiene el body_class activado , en caso de no tenerlo busque la etiqueta <body> en header.php y añada lo siguiente, quedando así.
Captura de la imagen luego de aplicarle el script.
Enlace eliminadoEste truco me ha funcionado en algunos blogs logrando porcentajes de hasta 20% y 30% , espero que le sirva a ustedes. Vale la pena arriesgar a probarlo.
El problema:
- En wordpress al insertar una imagen, te genera un enlace hacia el tamaño real de la imagen. Lo que ocasiona que muchos usuarios curiosos y novatos al pasar el mouse sobre la imagen terminan dando click, ya que aparece el cursor en manito, lo cual hace posible que cierren la pestaña de su navegador y no vuelvan al sitio. ( No presionen el botón atrás del navegador )
- Una solución no factible sería romper los vínculos de la imagen desde el editor de entradas, pero esto no sería amigable para el seo ya que es necesario que también nos indexe el tamaño real de la imagen.
Captura de una imagen en un post que redirecciona hacia la imagen original al pulsar en él.
Enlace eliminado
Añadiremos un pequeño script en el header o footer de su sitio de al siguiente manera, el script esta basado en jquery; el 90% de los themes wordpress tienen la librería, si no lo tiene es necesario agregarlo.
La funcionalidad del script consiste en evitar el reccionamiento o la acción del link al pulsar sobre todas las imágenes del post con enlaces, y Cambiar el cursor pointer o manito, por el cursor default o flechita, el cual permite simular que no se trata de un enlace cuando en realidad lo es :witless: . Ademas al pulsarlo no manda hacia el vínculo.
Librería jQuery
Añadir en header.php antes del </head> en caso de no tenerlo, para comprobar si lo tiene Presione CTRL +U para ver el código fuente de su blog y CTRL+F para buscar la palabra jquery, si existe dicha palabra entonces ya tiene la librería.
HTML:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>Codigo JS.
HTML:
<script>
$(document).on('ready',initFunctions);
function initFunctions(){
$('.post a img').parent().bind('click mouseover', function() {
$(this).css('cursor','default');
return false;
});
}
</script>Si solo desea que se aplique esta regla solo a las imágenes del single, entonces cambie en el selector por $('.single a img') , esto último funcionará si tiene el body_class activado , en caso de no tenerlo busque la etiqueta <body> en header.php y añada lo siguiente, quedando así.
HTML:
<body <?php body_class(); ?> >Captura de la imagen luego de aplicarle el script.
Enlace eliminado
Última edición:
