2006 Jul 7

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.

Related Posts with ThumbnailsTambién te puede interesar:
Suscribete gratis
  1. Gravatar

    makinalcaraz

    # 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. Gravatar

    InKiLiNo

    # 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. Gravatar

    makinalcaraz

    # 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.

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

(obligatorio)





InKiLiNo.com feed feed Del.icio.us Technorati Facebook Twitter FlickR Youtube

  • Hosting para Blogs
  • Manual Wordpress
  • Publicidad
  • Gana dinero facil

  • jose cas cas: tengo un TDT BOSHMANN BM-900ST, DE REPENTE ME SALIERON LOS FAMOSOS 8888 PARPADEANDO,ALGUIEN ME PUEDE...
  • InKiLiNo: Si Mª del Mar, pero eso lo tendrás que configurar en tu Tomtom y dependiendo del módelo esta en un sitio o...
  • Mª del Mar Toledano: hay alguna manera de que suenen los radares pero no la voz ??? o mejor aún quisiera que me...
  • Llamadas internacionales: A día de hoy curiósamente empieza a hacerse casi mas barato el internet en los móviles que...
  • Maria Fernanda Vazquez Sanchez: lo quiero para que se puedan hacer mis propias imagenes de mis amigas
  • hispano: que atrevida !
  • InKiLiNo: Alicia la forma de contactar con Google, con la sección de Adsense en este caso es através de los...
  • InKiLiNo: Puedes activar el plugin sin miedo, no tendrían que dejar de funcionarte los feeds, ya que yo lo tengo...