Imagenes en tus post

Ya hace tiempo que queria escribir un articulo de como poder poner imagenes dentro de tus posts de manera que quedasen bien integradas en la noticia y se ampliaran con un click.

Bueno he decido explicarlo en 5 pasos muy cortos y sencillos. Ahi van:

Descargar los archivos necesarios, el Plugin de LightBox, con las modificaciones de Anieto2k, y el archivo inline-uploading.php, también modificado por Anieto2k.

– Descomprimirlo y subir cada archivo a su carpeta, al directorio de /wp-content/plugins/ de vuestro hosting la carpeta y el archivo de lightbox-plugin, y a /wp-admin/ el archivo inline-uploading.php (Renombrar primero vuestro inline-uploading.php a inline-uploading2.php, por si acaso).

– Dirigiros al panel de administración de vuestro Worpress y activar el plugin en la pestaña de Plugins.

– Un poco de CSS. Bueno ahora se trata de dirigirnos al editor de temas de nuestro WordPress, que se encuentra dentro de la pestaña de Presentación y agregar el siguiente código al final del archivo style.css

.derecha{
  float: right;
  margin: 0 0 10px 10px;
  border: 1px solid #999;
  padding: 2px;
}

En la linea de border: 1px solid #999; podeis cambiar el color del recuadro exterior de la imagen al que mejor os quede en vuestro Blog, o quitarselo, poniendo 0px.

- Ahora ya podemos ir a escribir una entrada, y cuando insertemos la imagen seleccionamos el tamaño que más nos guste, antes de subir. Después solo tenemos que añadir class="derecha" a la imagen.

Y listo, podeis ver ejemplos de como queda en la mayoria de mis posts.

Actualización: Para WordPress 2.1, os tendréis que bajar las actualizaciones que aNieto2k ha hecho en estos archivos. Y para WordPress 2.2.

4 pensamientos en “Imagenes en tus post

  1. wenas.
    Se que este pos ya tiene bastante tiempo, pero espero que veas este comentario.
    Tengo una duda sobre este tuttorial, el ultimo paso, donde pone “Después solo tenemos que añadir class=”” a la imagen” el floatright donde ahi que ponerlo??
    Puedes contestarme como comentario en mi blog o con un correo a makinalcaraz@hotmail.com
    Ojala me contestes. Gracias adelantadas
    xao
    salu2

  2. Hola Makinalcaraz, cuando añades una imagen, asi de esta manera:


    ... img src="url-de-la-imagen" alt="texto-de-encima" class="floatright" ...

    vés donde va el class 😉

    por cierto no te llamarás Javi y vivirás en Tarragona ¿no?

  3. gracias por la explicacion, ya lo e entrendido todo, y lo de javi y tarragona??
    ni uno ni otro, soy Víctor de almeria
    de donde as sacado lo de javi??
    jeje
    gracias de nuevo x la ayuda.

  4. Pingback: Mis diez mejores posts en Blog Personal de InKiLiNo | Wordpress, Plugins y algo de SEO.

Deja un comentario