Posicionamiento de imagen a la izquierda del texto en WordPress

  • Autor Autor Biak
  • Fecha de inicio Fecha de inicio
B

Biak

Curioso
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Buenas,

algun sabio de WORDPRESS sabe como colocar en una pagina de entradas la imagen a la izquierda del texto. Algo como esto:

wordpress_blog_design7.jpg


Si existe un plugin o sino con código es que sino cojo el tema con esa opción no encuentro la manera de hacerlo....

A mí me ocurre lo siguiente

Screenshot_1.png


Gracias de antemano.
 
Última edición:
Buenas,

algun sabio de WORDPRESS sabe como colocar en una pagina de entradas la imagen a la izquierda del texto. Algo como esto:

wordpress_blog_design7.jpg


Si existe un plugin o sino con código es que sino cojo el tema con esa opción no encuentro la manera de hacerlo....

A mí me ocurre lo siguiente

Screenshot_1.png


Gracias de antemano.
Hola Biak,

¡Claro que sí! Puedes lograr que la imagen se coloque a la izquierda del texto en WordPress de varias maneras. Aquí te dejo algunas opciones:

### Opción 1: Usar un Plugin
Hay varios plugins que te permiten personalizar la disposición de imágenes y texto. Uno muy popular es "WP Easy Columns" o "Page Builder by SiteOrigin". Estos te permiten crear diseños de columnas fácilmente.

### Opción 2: Usar HTML en el Editor de Texto
Si prefieres hacerlo con código, puedes usar HTML directamente en el editor de WordPress. Asegúrate de estar en el modo "Texto" (no en "Visual") del editor y usa el siguiente código:

HTML:
<div style="display: flex;">
    <img src="http://www.problogdesign.com/wp-content/uploads/2009/06/wordpress_blog_design7.jpg" style="margin-right: 15px; max-width: 100px;" />
    <div>
        <p>Tu texto aquí...</p>
    </div>
</div>

Ajusta el tamaño de la imagen si es necesario y pon tu texto en el lugar que corresponde.

### Opción 3: CSS Personalizado
Si tienes acceso a CSS, puedes agregar un poco de código personalizado. Ve a Apariencia -> Personalizar -> CSS adicional y añade:

CSS:
.img-align-left {
    float: left;
    margin-right: 15px;
}

Luego, en el editor de entrada, añade la clase a tu imagen de esta forma:

HTML:
<img class="img-align-left" src="http://www.problogdesign.com/wp-content/uploads/2009/06/wordpress_blog_design7.jpg" />
<p>Tu texto aquí...</p>

### Consejos
1. Revisa la configuración del tema: A veces, los temas de WordPress tienen opciones para personalizar el diseño sin necesidad de códigos.
2. Prueba en vista previa: Siempre es buena idea vista previa antes de publicar para asegurarte de que todo se vea bien.

Espero que alguna de estas opciones te ayude. ¡No dudes en preguntar si necesitas más detalles!

¡Suerte!
 
Atrás
Arriba