Avisos
Vaciar todo

Imagen destacada en entradas  

 
Javier
 Javier
Estimable Member

Hola,
Desde el inicio de publicación del blog decidí editar las entradas sin imagen destacada debido a que esta se mostraba de gran tamaño y cortada cuando estabas en la front page (junto con las demás entradas), y el título de la entrada se mostraba después de dicha imagen. Es por eso que decidí editar las entradas añadiendo la imagen antes del texto de la noticia en el editor de texto tal y como muestro en la la siguiente imagen

El resultado en la frontpage es el siguiente:

A medida que he ido usando plugins como el de "Noticias relacionadas" me he dado cuenta de que esta manera de publicar no era la correcta, pero hasta ahora he ido trampeando para evitar cambiar todas las publicaciones echas hasta ahora.
El problema es que quiero poner en marcha la newsletter usando mailchimp y una vez echa la plantilla, al realizar el test, me doy cuenta de que cuando mailchimp importa el RSS de las últimas noticias para insertarla en la newsletter de prueba lo hace sin imagen. Entiendo que debe ser por que no hay imagen destacada. Así que a partir de ahora, si o si voy a tener que cambiar la manera de editar entradas y usar imagen destacada, lo cual me plantea dos problemas que rogaría me ayudéis a solventar:
1 - Al usar imagen destacada, en la frontpage, esta se muestra antes del título de la entrada. ¿Hay alguna manera de hacer que el título aparezca antes de la imagen?
2 - Las imagenes destacadas en la frontpage salen en gran tamaño y por tanto cortadas. ¿Como se hace para que se muestren correctamente? (tal y como aparecen en la imagen anterior de la frontpage)
El resultado en la frontpage de incluir imagen destacada es el siguiente

Gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 14/01/2018 10:54 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola javier.

¿Hay alguna manera de hacer que el título aparezca antes de la imagen?
Tendrías que modificar algo de código pero antes de meternos en esos temas prueba primero este plugin -> https://wordpress.org/plugins/auto-post-thumbnail/

Este plugin coge la primera imagen que encuentra en la entrada y la establece como imagen destacada.

Las imagenes destacadas en la frontpage salen en gran tamaño y por tanto cortadas
esto es lo que Veo:

Supongo que no sera una imagen destacada prueba añadir la imagen como destacada y lo revisamos.

Un saludo

ResponderCitar
Respondido : 14/01/2018 12:44 pm

Javier
 Javier
Estimable Member

Hola Pepe,

Entiendo que el tema ya lo hace por defecto, en la frontpage muestra la primera imagen que he añadido en el editor de la entrada tal y como os muestro en la primera y segunda imagen de mi mensaje anterior.

En lo que se refiere a añadir imagen destacada en las entradas para que lo podáis revisar, a menos que sea de respuesta rápida, siento no poder hacerlo ya que cualquiera que entre en mi blog mientras lo solucionamos va a ver la front page con las imagenes cortadas y da muy mala imagen.

¿se puede solucionar/revisar de otra manera?

Y el tema de colocar los títulos antes que la imagen en la frontpage, entiendo por lo que me comentas que se hace a través de código, ¿es así?

ResponderCitar
Respondido : 14/01/2018 1:01 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Javier.

siento no poder hacerlo ya que cualquiera que entre en mi blog mientras lo solucionamos va a ver la front page con las imagenes cortadas

No podemos darte una solución si no vemos que código es el que esta generando eso, si revisas la demo veras que no pasa lo que nos indicas por lo que necesitamos ver el código para darte una solución

Mi turno termina a las 15:00 si lo haces antes, me que do pendiente de tu respuesta para revisarlo.

Lo de el tema de los destacados una vez solucionemos lo de la imagen lo revisamos ya que puede llevar mas tiempo.

Un saludo

ResponderCitar
Respondido : 14/01/2018 1:25 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Javier
 Javier
Estimable Member

Hola Pepe,
Gracias por el soporte.
He echo el cambio solo en las entradas que salen en la front page página 2:
https://industria40blog.com/page/2/
De este modo el impacto visual si alguien entra mientras solucionamos el problema no se nota ya que no está implementado en la front page (página 1 de últimas entradas).
Dime por favor si así ya te vale para poder analizar el código. Si no lo hago en la frontpage.
Gracias

ResponderCitar
Respondido : 14/01/2018 1:34 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Javier.

Pues yo lo veo igual:

Lo probé en la versión móvil por si te referías a eso veo que se re-dimensiona bien.

Si reviso el codigo veo que la dimension es un porcentaje de 100% con lo que la imagen se redimensiona al tamaño de ancho según la resolución del usuario:

img {
    max-width: 100%;
}

Podrías probar con un código que no sea tan estándar, por ejemplo:

.component-content .img-intro-left {
	width:100%!important;
	height:auto;
	}

Un saludo

ResponderCitar
Respondido : 14/01/2018 2:19 pm

Cursos Gratuitos WordPress

Javier
 Javier
Estimable Member

Hola,

Lo acabo de volver a comprobar con otro navegador con datos de navegación borrados y me sigue saliendo mal

Que raro..

ResponderCitar
Respondido : 14/01/2018 2:43 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Javier.

Con otra resolución distinta:

¿ Puedes probar con otro equipo que no suelas utilizar para trabajar en la web ?

Un saludo

ResponderCitar
Respondido : 14/01/2018 2:49 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Javier
 Javier
Estimable Member

Gracias por el soporte Pepe,

Lo acabo de probar en el móvil y se ve con la misma resolución que muestras.

¿El código que me escribes donde iria?

.component-content .img-intro-left {
width:100%!important;
height:auto;
}

Quisiera probar darle otra resolución, esta sale muy rectangular.
Gracias

ResponderCitar
Respondido : 14/01/2018 2:58 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Javier.

Puedes añadirlo en tu archivo custom que encontraras en -> wp-content/themes/palene_wp/css/palene_wp-custom.css

Un saludo

ResponderCitar
Respondido : 14/01/2018 3:17 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Javier
 Javier
Estimable Member

Hola,
Acabo de incluir el código tal cual en el sitio especificado y las imagenes se quedan igual, no cambia. Lo he mirado en varios navegadores y equipos, no creo que se trate de un tema de refresco.
¿Hay que añadir algo mas al código para que las imagenes no salgan tan rectangulares?

ResponderCitar
Respondido : 14/01/2018 3:47 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Veo las imágenes correctamente en la url que envías:
Contenido solo visible a usuarios registrados , ver imagen adjunta.

En qué navegador estas probando?, has probado si tu plugin de envío de correos si te toma la imagen destacada que ha creado el plugin?

Lo que si he notado es un problema con el tamaño de letra que me parece que esta saliendo muy grande.

Saludos.

ResponderCitar
Respondido : 14/01/2018 5:38 pm

Javier
 Javier
Estimable Member

has probado si tu plugin de envío de correos si te toma la imagen destacada que ha creado el plugin?
Estoy usando mailchimp para newsletter (todavia en proceso de creación) y he probado el envio y tengo el problema de que añade el titulo y texto de la entrada pero no la imagen. Todo este cambio es porque hasta ahora todas las entradas las editaba sin imagen destacada. Pero he probado enviarlo cogiendolas con imagen destacada y me pasa lo mismo. Ponga imagen destacada o no en la entrada, mailchimp no me las adjunta en el rss de envio. Así que si no es este el problema, seguiré editando como hasta ahora (sin imagen destacada).

En qué navegador estas probando?, has probado si tu plugin de envío de correos si te toma la imagen destacada que ha creado el plugin?

Lo pruebo en internet explorer, el cual refresco y borro datos de navegación en cada prueba.

Lo que si he notado es un problema con el tamaño de letra que me parece que esta saliendo muy grande.

Lo del tamaño de la fuente es un problema que tengo desde inicio. Como el tema palene no puede configurar por defecto Arial, tengo que hacerlo yo en el editor seleccionando todo y pasando a Arial, ya que el editor me pone por defecto siempre Georgia.
Y por otro lado, en su dia inserté un codigo css con el tamaño del texto en un archivo a traves del ftp (que no recuerdo que archivo es).

ResponderCitar
Respondido : 14/01/2018 5:56 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Javier,

En escritorio veo la imagen antes del título:

En móvil veo la imagen después del título:

Las particularidades sobre MailChimp mejor que las plantees en un hilo nuevo del Foro para no mezclar consultas y hacer eterno este hilo.

Realiza las consultas de forma individual y no anides diferentes consultas bajo un mismo hilo, acabamos confundiendo a otros usuarios que buscan soluciones ya aportadas, dificultamos las respuestas, ya que siempre se quedarán parte de las consultas sin responder mientras el hilo avanza, al mezclar muchos temas en un solo hilo en muy difícil hacer un seguimiento de la consulta inicial y esto acaba llevando al hilo a un estancamiento.

Gracias por tu colaboración.

ResponderCitar
Respondido : 14/01/2018 9:30 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Javier
 Javier
Estimable Member

Hola Luis,
en realidad este hilo tenia solo un tema el de imágenes destacadas, en el cual el problema es que si las usaba en las entradas, aparecían demasiado grandes en la front page y ademas pedía si se podían insertar después del texto de cabecera, autor y fecha. Para hacer pruebas y que pudierais revisar, decidí agregar imagen destacada solo en la frontpage pagina 2, es por eso que ves esa diferencia de la pag 1 a la 2.
Después se me han echo preguntas y se ha ido liando el hilo. Pero básicamente trata de imágenes destacadas.
Por mi parte podéis cerrar ya el hilo.
Gracias por el soporte.
Saludos

ResponderCitar
Respondido : 14/01/2018 10:47 pm