Recursos
publicado el 4 de February del 2010 bajo Diseño, Dummy Image, Generador, HTML, Imágenes.
Muchas veces, sobre todo a la hora de maquetar un diseño he tenido la necesidad de generar una imagen de un tamaño determinado sin nada en especial y he tenido que recurrir a editores de imágenes.
Dummy Image nos permite generar imágenes de cualquier tamaño de forma dinámica e instantánea.
El funcionamiento es sencillo simplemente incluimos una imagen como haríamos normalmente con la URL y las dimensiones al final de la siguiente forma:
Código HTML (Copiar):
-
<img href=
"http://dummyimage.com/50x50" title=
"Imagen de 50x50" /
>
-
<img href=
"http://dummyimage.com/150x50" title=
"Imagen de 150x50" /
>
-
<img href=
"http://dummyimage.com/300x100" title=
"Imagen de 300x100" /
>
-
<img href=
"http://dummyimage.com/600x300" title=
"Imagen de 600x300" /
>
Sencillo, ¿verdad?
Wordpress
publicado el 19 de December del 2009 bajo Arte, Clásico, Color, Editor de Imagenes, Errores, Guiabreve, How-to, Imágen, Imágenes, img, Miniaturas, Novedades, PC, Thumbnails, Wordpress, Wordpress 2.9.
Wordpress 2.9 acaba de salir del horno y una de las novedades más importantes es el editor de imágenes. Vamos a ver las posibilidades que nos dá.
Primero que nada para acceder al editor de imágenes bastará con entrar a la librería de medios o subir una nueva imagen. En la ventana de cada imagen nos encontraremos con un nuevo botón desde el que podremos acceder al editor.
Una vez dentro del editor tendremos en la parte superior 7 botones: Continuar »
Wordpress
publicado el 17 de December del 2009 bajo Blog, código, Imágen, Imágenes, Loop, Manual, Miniaturas, Novedades, Online, PC, PHP, Theme, Thumbnails, Wordpress, Wordpress 2.9.
Wordpress 2.9 está apunto de salir y tenemos que estar listo para que nuestro theme y por lo tanto nuestro blog haga uso de las últimas opciones que nos da.
Algunas de las novedades son: la papelera, el editor de imágenes o los thumbnails (miniaturas) por noticia. Esto último tendremos que activarlo modificando nuestro theme para que se active en Wordpress.
Para hacer uso de las miniaturas debemos de escribir en el archivo functions.php el siguiente fragmento:
Código PHP (Copiar):
-
add_theme_support('post-thumbnails');
Luego en el theme, dentro del loop solo deberemos de incluir la imagen de la siguiente forma.
Código PHP (Copiar):
-
<?php the_post_thumbnail( ‘medium’); ?> // Imagen mediana
-
<?php the_post_thumbnail(’large’); ?> // Imagen grande
-
<?php the_post_thumbnail(’full’); ?>// Imagen a tamaño completo
Sin duda se trata de una buena opción que nos ahorrar muchas lineas de código al desarrollar un theme ya que esto antes se tenia que hacer casi manualmente usando los archivos aderidos a las noticias. Ahora es mucho más cómodo.
Wordpress
publicado el 20 de October del 2009 bajo Base, Base de Datos, Blog, Caracteristicas, Features, Galería, Imágen, Imágenes, Lista, Novedades, Plugin, Plugins, Seguridad, Theme, Themes, Thumbnails, Uploader, Wordpress, Wordpress 2.9.
Wordpress ha mejorado mucho con el paso del tiempo, todavía recuerdo cuando usaba versiones más antiguas que no tenían algunas de las magnificas características que tenemos ahora, pero, aún así, se puede mejorar bastante.
Esta es la lista de 5 características que (en mi humilde opinión) Wordpress debería de incluir en las próximas versiones.
- Thumbnails por noticia: es una de las características mas implementadas últimamente en los themes por los desarrolladores, pero, sería ideal que Wordpress lo incluyera por defecto. Facilitaría mucho trabajo.
- Excluir imágenes de las galerías: llevamos ya 2 versiones (si no me equivoco) con las galerías en Wordpress, y parece mentira que aún no se puede seleccionar que fotos queremos que aparezcan o no en la galería de una noticia.
- Noticias relacionadas: esta es otra de las características que suele ser subsanada con un simple plugin, pero, sabiendo que estos plugins son uno de los más usados por todos, por que no incluirlo por defecto.
- Editor de imágenes: el uploader de imágenes de Wordpress ha mejorado muchísimo con el tiempo. Incluir un pequeño editor de imágenes que nos permita simplemente recortar y redimensionar aria que pasara al próximo nivel. (Si no me equivoco esto va a venir implementado en Wordpress 2.9)
- Mayor control sobre la base de datos: Uno de mis mayores miedos es perder la base de datos y con ello todo el contenido del blog. Por eso suelo controlar la base de datos, hacer copias de seguridad y optimizarla cada cierto tiempo. ¿No estaría bien que Wordpress hiciera esto por nosotros?
¿Añadirías alguna más?, ¿hechas algo de menos en Wordpress?
General
publicado el 3 de May del 2009 bajo Arte, Blog, Curiosidades, Galería, Guiabreve, Humor, Imágenes, img.
Bre Pettis ha publicado una curiosa galería en flickr en la que nos muestra 30 formas curiosas de morir electrocutado. Mi preferida, la de la imagen.
Wordpress
publicado el 23 de April del 2009 bajo Ayuda, CMS, código, Comentarios, Crear, CSS, Desarrollo, Diseño/Desarrollo Web, Documentacion, Imágen, Imágenes, Lista, Loop, Mac, Personal, Plugin, Plugins, Template, Template Tags, Theme, Themes, Tips, Wordpress, Wordpress.org.
La documentación de Wordpress está llena de páginas interesantes con información muy útil para desarrolladores.
He intentado encontrar aquellas páginas más útiles, aquellas que puedan ser consideradas como imprescindibles. Probablemente se me hallan quedado algunas, hay muchas, pero entre ellas cabe destacar:
- Template Tags: contiene un indice de todas las tags útiles para desarrollar tanto themes como plugins. Quizás sea la página más útil de todas.
- The Loop: toda la información necesaria y disponible sobre el loop de Wordpress. Como excluir categorías de él, como crear loops personalizados o como añadir varios en una misma página.
- Migración de plugins y themes: con la salida de nuevas versiones del CMS se producen cambios internos en el que puede afectar al funcionamiento de nuestros plugins o themes. En está página se publican dichas modificaciones para que podamos corregir los fallos provocados por nuevas versiones de Wordpress.
- Theme Development: si no sabes, o nunca te has animado a crear tu propio theme para Wordpress deberías de empezar por aquí. En está página nos enseñan la estructura básica de un theme, los archivos mínimos requeridos, para que funciona cada uno de ellos, etc.
- Author Template: contiene información sobre como crear en tu theme una páginas con información referente al autor. Incluso tenemos un código para crear una página por defecto.
- Creating an Archive Index: esta página es parecida a la anterior. Está página nos ayudará a crear la página de archivo de nuestro theme.
- CSS: en está página nos encontramos los estilos necesarios de Wordpress para las imágenes. Si cuando pones una imagen alineada a la derecha y con un texto descriptivo (caption) no se ve correctamente, la solución está en esta página.
Me da que se me han quedado muchas páginas atrás. Si alguien conoce alguna (o yo encuentro más) página de interés que la menciones en los comentarios que será añadida. A ver si entre todos podemos hacer una buena lista.
Diseño/Desarrollo Web
publicado el 1 de December del 2008 bajo Arte, Blog, código, Color, Crear, Foros, GD, Guiabreve, Imágenes, img, Mac, Miniaturas, PC, PHP, Thumbnails, Web.
En mi otro blog necesitaba un código que me generara miniaturas o thumbnails de forma que el resultado sea una imagen cuadrada sin desformar.
Buscando por la red encontré este código que funciona a la perfección pero no se adapta a lo que yo necesito:
- Necesito que funciones con images JPG, PNG y GIF.
- Necesito que sea una función a la que le pasaré la ruta completa de la imagen.
- Necesito que la imagen sea almacenada en un directorio aparte y además que el script compruebe si ya ha sigo generada para no volver a generarla nuevamente si es así.
Para empezar comenzaré explicando un poco el funcionamiento del código de partida. Continuar »
¡Bienvenido!, este es mi blog personal en el que escribo con cierta frecuencia. Más...