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

    Con Internet Explorer Internet Explorer 6.0 y Windows Windows XP
    El Lunes 15 de Enero de 2007 a las 22:55
  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?

    Con Mozilla Firefox Mozilla Firefox 2.0.0.1 y Mac OS Mac OS X
    El Martes 16 de Enero de 2007 a las 0:38
  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.

    Con Internet Explorer Internet Explorer 6.0 y Windows Windows XP
    El Martes 16 de Enero de 2007 a las 15:06
  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

  • lizeth: hola me gustaria que me dijeran como se escribe LIZETH en griego. gracias
  • luciano: Probé una antena wifi pannello es mucho mejor! http://www.frequence-wifi.com
  • Macylack: No conecta porque no pagas por navegar con el gps. Tienes que pagar cuotas por usarlo. Hay alternatibas...
  • Pimpinela: Hola, yo tb tengo un Nokia 6120 classic y sí me he bajado los mapas e incluso me deja entrar y buscar...
  • Amaya: esk iio k3ro acer miiz imagenez miiaz creadaz x mii!!!
  • emilio julian: rere
  • pagerank: bien felicitaciones por ti, segui asi que vas bien.
  • pagerank: En hora buena que buena surte la tuya.