Posicionamento de imagem à esquerda do texto no WordPress

  • Autor Autor Biak
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
B

Biak

Curioso
Usuário com poucas negociações! Use sempre o saldo do 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 edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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!
 
Voltar
Topo