Archivo de la etiqueta: imágenes

Los mejores plugins desde el inicio de la historia de WordPress

WP Site Care ha elaborado una concienzuda lista de plugins indispensables para WordPress y que, según ellos, son los mejores desde que surgió la plataforma. Muchos de estos plugins son viejos conocidos, como Jetpack o WordPress SEO by Yoast, y que la mayoría ya utiliza en sus proyectos, pero conviene echar un vistazo porque siempre se podría encontrar alguna sorpresa. Como bien dicen, son plugins que “están por encima de la media en cuanto a la calidad del código, la usabilidad, el rendimiento y la atención al detalle.wordpress-seo-plugin

De los 40 plugins seleccionados se encuentran aquellos que solucionan problemas reales en todos los aspectos, como por ejemplo la tan temida (in)seguridad que está surgiendo en las últimas versiones de WordPress: para WP Site Care, Force Strong Passwords, Clef Two-Factor Authentication y BruteProtect son los tres mejores ejemplos de blindar el sitio web. Aunque tampoco hay que perder nunca de vista las copias de seguridad y para ello recomiendan VaultPress.

vaultpress-backup-plugin

Los plugins para imágenes también ocupan un lugar importante en esta lista, siendo Foo Gallery, el seleccionado para galería de imágenes; Simple Image Widget, para mostrar imágenes en el Sidebar; Imsanity, para optimizar las imágenes si su tamaño es muy grande, y RICG Responsive Image, para crear imágenes responsive.

Y como en toda lista que se precie sobre plugings de WordPress, no podía falta WooCommerce, la mejor forma de crear tu tienda online, y aquellos relacionados con Google, como Google Places Reviews o Google Maps Buider.

Pero las propuestas no acaban aquí: música, búsquedas, calendario, comentarios, links internos… Una más que interesante lista para investigar, probar y si no se encuentra nada mejor, instalar en tu proyecto.google-maps-builder

Fuente

Sprite, todas tus imágenes en una

¿Que es un Sprite?

No, no es la bebida secundaria de esa empresa de la botella curvilinea de color negro con rojo 😉

Es una técnica que se usa en el diseño web para agrupar todas las imágenes, íconos sobre todo, necesarias para el montaje del diseño.

Agrupar imágenes e íconos en un solo archivo facilita al navegador la carga de la web, ya que solo tiene que traer una imagen y con esa imagen se compone todo. El secreto está en la localización de esta imagen y el uso del atributo de css background-position para mostrar un ícono u otro. Pero mejor un par de ejemplos:

Facebook Sprites Images:

facebook-sprite2-image-2014-12 facebook-sprite-image-2014-12

 

 

 

 

 

 

 

 
Por lo general la composición de estas imágenes se hace usando algún programa de edición gráfica como puede ser Photoshop, pero esto implica que si tienes tu diseño listo debas extraer los íconos y elementos que quieras usar en tu sprite para colocarlos dentro de un solo archivo de imagen. Pero para que hacer algo a mano si ahora contamos con servicios web que nos pueden ayudar en esa tarea:

 

Spritepad de wearkiss.com

 

Sprite Cow - Generate CSS for sprite sheets
Sprite Cow

 

Dummy Content

¿Tenemos el contenido?

Es la gran pregunta que todo diseñador o desarrollador web se hace cuando empezamos un proyecto, lamentablemente la mayoría de las veces la respuestas suelen ser “todavía no” o “algunas fotos pero no los textos” o “solo el de un idioma”.

Para ello podemos usar servicios web que nos ayudan con la creación de texto Lorem Lipsum, que son textos aleatorios, en este caso en latín, la herramienta que personalmente mas uso es Loripsum.net, la razón, que permite indicar el tamaño del contenido, si este debe tener enlaces, h1, listas, quotes y mas, con un grande y lindo botón que copia todo incluido los html tags.

Loripsum.net - The 'lorem ipsum' generator that doesn't suck.

Y que pasa con las imágenes?, pues también hay un servicio parecido al anteriormente indicado para hacer textos demo, Dummy Image Generator, este servicio nos permite escojer el tamaño, formato, formato, cantidad y tipo de imágenes. No son las mejores fotos pero si útiles para hacer nuestro Tema o Diseño, también ofrece la posibilidad de escojer el tipo de imágenes en base a algunos temas como animales, trabajo, comida, objetos, deporte. [eng]. La opción que mas me gusta es que se pueden descargar todas las imágenes en un .zip para así subirlas todas al repositorio de imágenes de nuestro WordPress y trabajar con ellas durante el proceso de programación ya que si usamos la Imagen Destacada de los posts, pages o posts types necesitamos una imagen para visualizar los diferentes tamaños que usaremos en neustro Tema.

Dummy Image Generator | fine placeholder images for web designers

Y como siempre Hay un Plugin para casi cualquier cosa he encontrado estos dos plugins:

WP Example Content

WP Lipsum

No los he usado pero seguro os pueden ayudar, si lo prueban no olviden compartir la experiencia con un comentario en este post 🙂

Imagen destacada de planiskpedia.wikia.com