Archivos etiquetados en "Wordpress".

16
Sep

La revista de diseño estratégico Catalyst presentó recientemente la Green Box, un nuevo desarrollo de packaging de cartón para pizzas. A simple vista, parece creado para cumplir con las normas del diseño sostenible; su uso se amplía funcionando también como plato, evitando la utilización y lavado de loza tradicional. Para la gente de Catalyst el asunto es mucho más amplio, y por eso se hace las siguientes preguntas en relación a su fabricación:

¿De qué tipo de cartón se trata?

¿Qué tintas se utilizaron para su impresión?

¿Cuál es el fin del ciclo de vida de la caja? ¿Dónde terminaría después de ser usada?

¿Es un material libre de toxinas?

¿Hubiese sido posible utilizar algún otro tipo de material listo para convertir en compost?

¿En qué condiciones se fabricó el producto? ¿Bajo qué condiciones trabajan sus fabricantes?

Estas preguntas, aplicables a cualquier tipo de producto, son un breve paneo de todas las áreas y matices que abarca la temática de la producción sustentable. Cada una de las partes de esta cadena inciden en el impacto final de un producto y no se trata únicamente de ahorrar combustible o energía, ni de utilizar materiales con menos impacto. Las condiciones de fabricación, los empleados involucrados, las maquinarias, la logística, vida útil y hasta la etapa de eliminación deberían ser contemplados.

Via Catalyst

23
Jun

34767 catalyst summer1 Catalyst, Nueva Revista de Diseño Estatégico

Catalyst es un nuevo lanzamiento editorial orquestado por el Pratt Institute, la prestigiosa escuela de arte y diseño de New york. En sus páginas no hay desplegables de ilustradores nóveles, ni tampoco las últimas reseñas de tendencia y moda urbana. Catalyst se enfoca en promover el rol del diseño estratégico y una economía sustentable y centrada en las necesidades de la gente.

El primer número repasa algunas nociones de diseño para empresas con fines sociales, las ONGs en la era de las redes sociales, 10 razones para ofrecer diseño pro bono y la educación en términos de arquitectura sustentable. Ya está disponible en formato PDF.

Catalyst 01 PDF / Blog Catalyst

15
Jun

El móvil del futuro según Motorola

2009 - 20:43 | Posteado en: Innovar

Sólo 25 años pasaron de la revolución de la telefonía móvil. Motorola fue la primera empresa en recorrer el mundo con sus clásicos modelos DynaTAC StarTAC. Para festejar este aniversario, el gigante norteamericano invitó a 31 de sus diseñadores alrededor del globo, a participar del proyecto Motorola 2033. La premisa era imaginar el móvil de los próximos 25 años.

Algunos de los proyectos presentados:

89469 motorola02 El móvil del futuro según Motorola
Origami. Una hoja o superficie de material nanotecnológico, que puede ser doblada en distintas maneras para cumplir con diferentes funciones: Teléfono, grabador, cámara, proyector, etc.


5bf71 motorola03 El móvil del futuro según Motorola

Metamorphose. Un dispositivo que cambia de forma, al ser sacudido. Cada mutación se adapta a un tipo específico de uso.

d4ae9 motorola01 El móvil del futuro según Motorola

2nd Sight (a segunda vista): No es un teléfono, si no un dispositivio que se aplica en la parte superior de la nariz y que proyecta iconos, avatares u otra información en el aire, a la altura de los ojos.

Viá Core 77

23
Oct

La conversación web y sus sitios

2008 - 08:33 | Posteado en: Web 2.0

Uno de los conceptos más utilizados para describir el fenómeno web 2.0 es “la conversación”. Ese diálogo con cierto delay que si suprimimos el ruido obtenemos nuevas formas de relacionarnos entre nosotros mismos. Maneras fragmentadas de conocer las vidas de otros en plan de compartir y escuchar. Algunos llaman a esto “sobreexposición”, como si el diálogo no llevara implícito el dejarse descubrir. La diferencia radica en que acá decimos lo que sea a quien sea y sin pretender nada a cambio.

Eso como usuarios. Falta la estructura que moldee esta comunicación para convertirla en algo tangible. Para eso bien viene este mapa que nos puede orientar en el tipo de conversación que busquemos tener. Se trata de los servicios más populares (no incluye sitios similares en español) según el formato del contenido:

be92e 2735401175 fcdcd0da03 b La conversación web y sus sitios

Hecho por Brian Solis (también en Flickr) y visto en una anotación en Maccur.

vía: Sicrono

03
Ago

Diseñar un tema para WordPress

2008 - 18:25 | Posteado en: Diseño

En Css-Tricks nos muestran de excelente forma, como diseñar un tema para WordPress, donde a través de una vídeos explicativos en tres series nos ayudan a descargar, instalar, reiniciar un tema, conocer la estructura para diseñar, retoques finales y añadidos.

Parte Primera: Descargar, Instalar y Reiniciar un Tema

Página del vídeo
Descargar directa del vídeo (.mov)
Artículo y comentarios

Parte Segunda: Estructura

Página del vídeo
Descargar directa del vídeo (.mov)
Artículo y comentarios

Parte Tercera: Retoque finales y añadidos

Página del vídeo
Descargar directa del vídeo (.mov)
Artículo y comentarios

19
Dic

Redes Sociales con WordPress

2007 - 12:45 | Posteado en: Blogs, Online, Tendencias

Muchos sueñan y piensan en tener una gran red social dentro de sus blogs. O mejor dicho, que sus blogs en wordpress sean esta gran red social. La respuesta podría estar muy cerca.

Leyendo el blog de GigaOm me entero del nuevo proyecto de Chris Messina, llamado DiSo (Distributed Social Networking Applications), el cual busca el objetivo de crear una red social descentralizada sobre WordPress utilizando Open ID, Microformatos y OAuth.

Por ahora la idea empieza por ampliar y mejorar un plugin para WP, Microformatted Blogroll, y continuar creando nuevos plugins que trabajen con listas de contactos, perfiles, con Open ID, y demas.

También existe un proyecto sobre WordPress MU llamado buddypress, y por lo visto será muy probable que tanto DiSo como Buddypress trabajen conjuntamente. BuddyPress transforma completamente la instalación básica de WordPress MU en una red social completamente funcional.

Creo que próximamente veremos un cambio exponencial en el formato que conocemos de WordPress y mas teniendo en cuenta que a parte de lo que comento anteriormente, tambien vienen desarrollando y ya se puede probar el bbpress, que es una herramienta de los creadores de wordpress pero para crear foros. Durante el 2008 seguramente veamos como unen estos puntos y tendremos novedades muy fuertes en este sentido.

Indudablemente son y seran creadores de nuevas tendencias que nos sorprenderan.

12
Dic

I Love Social Bookmarking

2007 - 00:04 | Posteado en: Recursos

social bmarking I Love Social Bookmarking

I Love Social Bookmarking es un plugin para WordPress que permite a tus lectores publicar el contenido de un artículo a cualquier servicio social como puede ser Digg, Del.icio.us, Facebook, y muchos mas sitios sociales.

Seguramente lo utilizare para el nuevo diseño de WOW Magazine, que estamos terminando.

26
Nov

Recursos y Temas para WordPress

2007 - 19:16 | Posteado en: Blogs, Diseño

Una de las muchas razones para que WordPress sea la plataforma de blog o cms mas popular, es su modulo de Temas o Themes. Prácticamente permite diseñar sin ningún tipo de límites, incluso modificando temas actuales o diseñando desde cero. Hace un tiempo que vengo leyendo y armando una colección de recursos para WordPress, que todo diseñador debería conocer, así que la comparto con ustedes.

Blank Themes – Es una de las páginas que mas me sirvió, y creo que es el mejor punto de partida si estas creando tu propio Tema de WordPress. Sencillamente son Temas de WordPress limpios, vacios, sin nada mas que la maquetación CSS y el código correspondiente a WordPress.

WP Generator – Como su nombre lo indica, es un generador de temas para wordpress, simplemente le indicas el color, la tipografia, donde poner el menú, donde poner las columnas, y magicamente el generador lo hace, para luego bajar un zip con los archivos necesarios.

Codex – Codex es la página de la documentación oficial de WordPress, creado y mantenido por los usuarios, es como un wiki de la documentacion oficial, yo hago referencias a Codex en ingles porque es mas actualizada y completa pero tambien existe la version de Codex en español, dentro de Codex, se destacan para los diseñadores los siguientes temas:

Theme Development

FAQ on Layout and Design

The WordPress Loop

Anatomy of a Template Tag

Search Engine Optimization for WordPress

Accessibility

Photoblogs and Galleries

Developer Documentation

Hay unos Articulos y Tutoriales muy buenos:

Estan en ingles, pero valen la pena leerlos, estos son algunos:

Customize Your Own WordPress Theme

WordPress and SEO

Optimize WordPress for Search Engines

Blog Design 101: Creating Your Own WordPress Theme

Secrets of WP Theming – Part 1

How to Create a WordPress Template or Theme

Si ya tienes tu Tema y quieres distribuirlo, estas galerias son las mejores:

WordPress Theme Viewer

WPThemesFree.com

Weblog Tools Collection

Si todo este material no te ayuda o estas estancado, puedes recurrir a los foros de WordPress y pedir ayuda, que en la grán mayoría todos podran ayudarte y asesorarte para avanzar.

 

15
Nov

Las 3 formas y tips de optimizar tu blog, están orientadas a los que usamos wordpress, igualmente son perfectamente validas para cualquier blog o cms.

1. Usar correctamente los tags del header (header tags)
Uno de los errores mas comunes por los diseñadores, es usar incorrectamente los tags del header. En la homepage, solo debería existir una cosa dentro de los tags H1 y esta seria el titulo del blog o la pagina.

Ejemplo:
<body>
<H1>WOW Magazine</H1>
</body>

Muchos incluyen el tagline en el H1, pero no es lo mas correcto, lo mas correcto seria que el tagline como es un sub-heading este en el tag H2.

Ejemplo:
<body>
<H1>WOW Magazine</H1>
<H2>Un blog sobre las nuevas tendencias …</H2>
</body>

En cuanto a los títulos de los post lo ideal es utilizarlos dentro de el H3.
La razón de esto es que no es parte del header de la pagina y tampoco es un sub-header, así que estos títulos deben estar como máximo en el H3 tag o menor.

Recuerden que los search engines como Google o Yahoo!, utilizan este tipo de semántica para determinar el contenido de los blogs y paginas. Agrupando el los títulos en el tag H3, le estamos diciendo a los spiders, que es un contenido importante.

Es verdad que en muchos casos, por defecto, el sidebar o headers y algunos widgets de WordPress están agrupados en el tag H2, así que puede pasar que tengan que optimizar varias cosas si es que están haciendo un tema customizado o desde cero.

2. Solo mostrar el contenido de los 2 post mas recientes.
Daniel de dailyblogtips.com nos ayuda con esto, ya que publico un plugin para wordpress que puede hacer esto automáticamente por nosotros.
Creo que el uso de los plugins, pero investigue un poco y les quería orientar de cómo hacerlo ustedes, sin el plugin, así que acá va el mini tutorial.

Primero tienes que abrir con tu editor de texto favorito, yo uso textmate, el archivo de tu homepage (generalmente index.php). Obviamente cada theme de WordPress es diferente, así que espero que puedan trasladarlo a la situación particular de cada uno.

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
Titulo del Post
El Contenido
Info adicional (comentarios, autor, categorías)
<?php endwhile; ?>
<?php endif; ?>

Este es el Loop estándar de WordPress. Ahora vamos a poner una variable al principio del loop, y cada ves que haga el loop, el valor de esa variable se incremetara de a uno. De esta forma el primer post será el 1, el segundo el 2 y a si sucesivamente.

Entonces podemos usar de forma simple una declaración para tener el control de lo que muestra el loop:

<?php if (have_posts()) : ?>
<?php $i = 1; ?>
<?php while (have_posts()) : the_post(); ?>
<?php if ($i < = 2) { ?>
Titulo del Post
El Contenido
Info adicional (comentarios, autor, categorías)
<?php } elseif ($i >= 3) { ?>
Titulo del Post (estilo diferente ara que sea mas chico)
El Excerpt (no seria indispensable ponerlo)
Info adicional (igual que el anterior, solo a gusto de ustedes)
<?php } $i = $i + 1; ?>
<?php endwhile; ?>
<?php endif; ?>

Cada ves que se haga el loop, el contador se incrementara en 1. Una ves que se incremente dos veces, le decimos que muestre la información de forma diferente. Aquí es donde podemos mostrar lo que queramos mostrar, el titulo solamente, el titulo y la info adicional, etc.

3. Posiciona de forma destacada tus objetivos.
Por ejemplo, si quieres atraer lectores a tus feeds, o si quieres tener mas clicks en tus adsense, o si quieres beneficiar a los banners de tus sponsors.

La clave es determinar la mejor ubicación para cada uno de estos ítems, y no dejando de lado el diseño y estética de tu blog, ya que creo personalmente que es lo mas importante y una de las cosas que te va a diferenciar del resto.

Para los RSS Feeds, y acá estoy en desacuerdo con muchos, dicen que lo mejor es usar los botones o iconos estándares, yo creo que mientras se entienda que es un botón de feed es correcto y yo prefiero que mi diseño sea único o distinto, en lugar de lo estándar, igualmente puedo poner el icono estándar en la parte del footer de la pagina y así todos estén contentos. En cuanto a la ubicación, lo mejor es usarlo en el sidebar o en el header, de esa forma estará visible ni bien ingrese el visitante, ya así facilitar la suscripción.

Para los ads, se utilizara el mismo concepto para la ubicación, generalmente los puntos de mejor ubicación para los ads son los que muestra el grafico siguiente, las areas mas naranjas son las que mejor performance tienen los adsense:
ads spots
A mi consideración, la mayoría de los ads como adsense, no quedan bien en el diseño, así que prefiero tener sponsors o text link ads patrocinados, así puedo controlar mas la estética de la pagina. Es verdad que no todos conseguimos sponsors tan fácilmente así que cada uno tendrá que elegir sacrificar un poco del diseño, en post de ganar dinero con google.

Tips Adicionales
Usar “Página Siguiente/Página Anterior” en lugar de “Temas Anteriores/Temas Nuevos”
Utiliza iconografía para la información como tags, comentarios, etc., esto te dará mas calidad grafica a todo tu blog y una mejor experiencia a los visitantes y lectores.

10
Nov

El éxito de WordPress

2007 - 09:52 | Posteado en: Blogs

Según una medición que llevó a cabo Google, examinando los headers http de las webs, el 0.8% de los sitios web corren bajo WordPress. Esto es un número increíblemente enorme y más aun, considerando que hoy en día, WordPress y Automattic solo esta formada por 18 empleados y trabajan desde hace 2 años con una pequeña inversión realizada en sus comienzos. No se como hacen para cubrir la demanda que tienen, pero si se que es una empresa exitosa y la cual nos esta mostrando solo sus primeros pasos.

Un poco mas sobre WordPress
Segun el About del sitio oficial, WordPress nació como el deseo de tener un sistema de publicación elegante y bien diseñado, creado en PHP y MySQL y que estuviese bajo licencia GPL. WordPress es relativamente nuevo, pero sus raíces y el desarrollo vienen de 2001. Es un producto maduro y estable. Orientado y focalizado en los estándares web y en la experiencia del usuario final. WordPress hoy en día, es un sistema de publicación con hincapié en la facilidad de uso, la velocidad y una cómoda experiencia al usuario final. WordPress también posee una gran comunidad activa, que es el corazón de cualquier proyecto de software de código abierto.

Tags