Avisos
Vaciar todo

Problemas para añadir imagen de portada con un Widgets no se HTML

10 Respuestas
2 Usuarios
0 Reactions
949 Visitas
Victoria
Respuestas: 41
Eminent Member
Topic starter
 

Uso la plantilla Responsivo, es primera vez que creo mi propia página web, y no sé escribir códigos en HTML, deseo agregar una imagen a la portada pero no sé como hacer además deseo modificar los iconos de los widgets que dicen ´´plan 1, service 2,3,4´´ deseo confirgurarlo para que vayan a la página que yo deseo. Gracias por su colaboración Adjunto la imagen que deseo agregar .

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 12/07/2016 6:07 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

HOla

Con respecto a tu primera consulta, lo primero que tienes que hacer es trabajar con tu imagen, tu imagen pesa 790kb, lo cual es mucho , puedes usar photoshop o alguna herramiente en linea para optimizarla, por ejemplo te adjunto la imagen optimizada , pesa 64kb

Usa esta imagen para mostrarla en tu sitio, si no quiere usar html, puedes evaluar un widget para mostrar imagenes , revisa :

https://wordpress.org/plugins/image-widget/

PD. Con respecto a tu otra consulta mejor hacer un nuevo hilo de discusiòn de esta manera no mezclamos temas y mantenemos el foro ordenado.

Saludos.


 
Respondido : 12/07/2016 7:21 pm
Victoria
Respuestas: 41
Eminent Member
Topic starter
 

Gracias, pero como podria colocar la imagen que usted optimizo, con el widgets que utiliza HTML


 
Respondido : 12/07/2016 7:29 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Entiendo entonces que lo quieres hacer manualmente?, usar un widget de texto?
Si es asi tendrìas que usar algo de html, lo primero que tienes que hace es subir la imagen al servidor

Para esto, desde el backend de tu WordPress , Medios > Añadir imagen, aqui en subir archivos , puedes incluso arrastra la imagen, una vez que se haya subido revisa en que ruta esta, esto lo ves al ver las propiedades de la imagen desde esta misma pantalla

Envianos esta ruta para indicarte el resto de pasos.

Saludos.


 
Respondido : 12/07/2016 7:37 pm
Victoria
Respuestas: 41
Eminent Member
Topic starter
 

http://stytalem.com/?attachment_id=131 está es la ruta en la cuál está la imagen


 
Respondido : 12/07/2016 7:49 pm
Victoria
Respuestas: 41
Eminent Member
Topic starter
 

Perdone, me parece que le envíe la ruta equivocada aquí le copio el URL


 
Respondido : 12/07/2016 7:52 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Esa ruta es el attachment, algo que hace wordpress para mostrar tu imagen como un artìculo, si haces click veràs a que me refiero , aparece como artìculo, tienes que buscar la ruta que hace referencia a tu imagen , una ruta que tenga al final : .jpg

Pero no te preocupes, si no la localizas con la ruta que has enviado revisando el código he visto que al subir tu imagen se han generado todas estas imágenes :
Contenido solo visible a usuarios registrados
Si usas alguna de estas urls copiando y pegando en la barra de direcciones de tu navegador veràs que accede directamente a una imagen, eso es lo que se necesita para insertar por html.

Son todas tu imagen, redimensionadas, la original sería la final, entonces puedes usar esta ruta final, pero para insertarla en un widget de texto debes usar html, especificamente la etiqueta img , revisa :

http://www.w3schools.com/tags/tag_img.asp

Es decir , tu código html que incluya la imagen sería algo como :

Esto serìa lo más básico :

Luego puedes agregar un title, un alt, o dimensiones, pero te sugiero probar primero con el codigo anterior, ten tu widget de texto agrega este código html y verifica.

Saludos.


 
Respondido : 12/07/2016 8:04 pm
Victoria
Respuestas: 41
Eminent Member
Topic starter
 

Gracias a funcionado, pero como hago para agregarle las dimensiones por qué se ve muy feoooooo


 
Respondido : 12/07/2016 8:13 pm
Victoria
Respuestas: 41
Eminent Member
Topic starter
 

No se preocupe, con el link que me envio aprendi como hacer las dimensiones, pero tendre que cambiar imagen por que intente varias dimensiones y no se ajusta a lo que deseo.


 
Respondido : 12/07/2016 8:35 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Si, mejor tener una imagen con proporciones diferentes más ancho que alto.

Saludos,


 
Respondido : 12/07/2016 9:15 pm