Botones sociales en HTML5 y CSS3

Tanto HTML5 como CSS3 son los nuevos estándares de la web que conocemos hoy en día. No sólo eso, sino que además son la base de las webs sociales que más frecuentamos últimamente todos. Nunca está de más añadir a nuestro WordPress unos botones sociales para que nuestros visitantes nos puedan seguir en las redes sociales que utilizamos diariamente:

Hoy os traemos una recopilación de botones sociales creados por Zocialbuttons. Botones de varios tamaños y para cualquier tipo de red que podamos imaginar.

Como todo tiene un precio, el paquete con estos botones cuesta $24 para darle un colorido más a tu blog, aunque si lo tuyo no es pagar por ello, los mismos creadores han liberado el código y lo han dejado en el repositorio de github para que puedas jugar y crear tus propios botones con facilidad.

Enlace: Github ZocialButtons

Eliminar los atributos de ancho y alto del cargador de archivos WordPress

Pensarás que es una chorrada pero no, no es ninguna tontería, y te lo voy a explicar … si es que quieres estar al día claro. Si eres de los antiguos y no quieres progresar pasa de esta entrada.

Como ya sabrás, al insertar una imagen desde el cargador de archivos en el editor de WordPress se añaden automáticamente los atributos HTML width y height que indican el tamaño en el que se mostrará la imagen en tu tema activo, para eso, para que se adapte al ancho del tema y no quede horrible, pero esto ya lo sabías ¿no?.

Pues bien, esto ya es cosa antigua …

Con los nuevos diseños adaptables (o como se les denomina en inglés “responsive“), que se adaptan al navegador e incluso dispositivo desde el que se está visualizando una web, no tiene sentido definir atributos fijos de ancho y alto de imágenes, pues el tema se adaptará, como todos los elementos del contenido, al tamaño del dispositivo lector, sea este un ordenador, un smartphone o un iPad, mola ¿eh?.

¿Entiendes ya porque es posible que sea interesante eliminar – por defecto – los atributos width y height que el cargador de archivos inserta en el editor?. Pues eso, que si usas un tema con diseño adaptable no necesitas algo como esto:

<img src="ruta/a/tu/imagen" width="500" height="600" class="aligncenter size-full" alt="" title="">

Para eliminar por defecto los atributos que te sobrarán en un diseño adaptable sólo tienes que añadir el siguiente código al archivo functions.php de tu tema:

add_filter( 'post_thumbnail_html', 'remove_width_attribute', 10 );
add_filter( 'image_send_to_editor', 'remove_width_attribute', 10 );

function remove_width_attribute( $html ) {
    $html = preg_replace( '/(width|height)=\"\d*\"\s/', "", $html );
    return $html;
}

Guardas y ya está. La próxima vez que insertes una imagen en tu editor ya no añadirá los atributos width y height, que de eso ya se ocupará tu tema adaptable (o “responsive“, como prefieras llamarlo)

Diseño web sensible en WordPress

Esto es algo que está surgiendo con mucha fuerza en el mundo del diseño web, el diseño web sensible –RWD por sus siglas en inglés, Responsive Web Design–. Se trata de maquetar una web de manera que pueda verse correctamente en cualquier dispositivo. Hasta ahora se usaban diseños fluidos para esto, pero el responsive design es un paso más. Adapta todo al tamaño de la pantalla de visualización.
Ilustración de Responsive Design
En este post no voy a hacer la típica recopilación de 40+ plantillas para que la instales y listo. Lo siento. A estas alturas sería duplicar contenido sin necesidad. Pero si que quiero enseñaros en que consiste estos themes, y sus ventajas.

 Fundamentos del diseño sensible

El pilar más importante del RWD es integrar el diseño en una reticula que usando porcentajes en las medidas y las “media queries” de CSS3 puede adaptar el ancho de la web dinamicamente. Un buen ejemplo es este. Probar a redimensionar la ventana y vereis lo que pasa.

Lo bueno de esta filosofía es que no tendrás que instalar plugins o hacer una versión móvil o para tablets de tu blog o web, y además podrás mantener la imagen del blog en todas las versiones, sin subdominios para la versión móvil, etc.

Implementación del diseño

Hay muchas plantillas en el mercado, incluso gratuitas que son responsive design, incluso la nueva plantilla por defecto de WordPress que es bastante configurable, es RWD. Pero si deseas empezar tu plantilla de cero, porque tienes un diseño o la razón que sea te recomiendo que como hacerlo es más o menos complicado, uses para diseñar tu plantilla un “framework” como Skeleton que ya incluye la reticula y algunas funcionalidades más muy interesante.

También de lectura recomendada es esta rápida presentación que nos explica un poco que es el diseño sensible y unos pequeños trucos para introducirse en esta filosofía con buen pie.

Las mejores plantillas para WordPress de 2011

Ya estamos en navidad y el nuevo año 2012 está a la vuelta de la esquina y que mejor que realizar una recopilación de los mejores temas y plantillas para tu WordPress de 2011.

A través de las siguiente recopilación de temas y plantillas para el gestor de contenidos WordPress encontraréis una amplia variedad de estilos para mejorar el diseño web y disponer de la mejor imagen de marca posible, y si no sabes por donde empezar también puedes hablar con profesionales como por ejemplo mi hermano en Color Vivo Internet.

A continuación puedes ver una ampliar colección de los mejores temas de WordPress para 2011.

Studeo. Tema WordPress para Agencias creativas y negocios.

Studeo es un paquete completo para crear tu sitio web con WordPress para agencias creativas, de diseño web, freelance o virtualmente cualquier negocio que quieras tenga una imagen atractiva y profesional en la web.

 Las mejores plantillas para WordPress de 2011

Scope. Tema para WordPress para Agencias y Negocios.

Scope es el tema perfector para una agencia de creativos, freelance o negocios en general. Grandes líneas, colores y muchas grandes caracteristicas ideales para tu web.

scope tema wordpress Las mejores plantillas para WordPress de 2011

ShowyCase. Tema para WordPress para portafolios y fotografos.

ShowyCase es una plantilla profesional muy flexible y personalizables para crear portafolios, webs de agencias de diseño o webs de estudios de fotografía.

 Las mejores plantillas para WordPress de 2011

I Love It!. WordPress para compartir contenidos.

Gracias a la gente de CosmoThemes podéis disponer de un completo tema para WordPress como I Love It! para compartir contenidos a través de la web con diferentes formatos.

i love it wordpress theme Las mejores plantillas para WordPress de 2011

Limon. Un tema de WordPress para restaurantes o Spas.

Limon es un bello, limpio y completo tema para WordPress diseñado para restaurantes, spas y salones de bodas. Tiene 18 diferentes opciones de color, 7 diferentes fondos y un extenso panel de control de opciones. Posibilidades de personalización sin límites.

limon wordpress Las mejores plantillas para WordPress de 2011

Fotos es un tema WordPress para fotografos.

Fotos es un completo tema para crear una página web para estudios de fotografía y fotografos con galerías ilimitadas en modo presentación.

 Las mejores plantillas para WordPress de 2011

Y puedes encontrar muchos más temas para WordPress premium en multitud de webs como ThemeForest, StudioPress, Press75, KreativeThemes, PagesLines, UPthemes, WooThemes, Templatic, o en la propia web de temas oficial de WordPress. Adicionalmente os recomiendo el libro de WordPress, aunque está en inglés es realmente bueno.

Las mejores plantillas para WordPress de 2011 is a post from: Carrero

Plugin: Editor visual para diseñar tu plantilla de WordPress

editor y creador de temas wordpress Plugin: Editor visual para diseñar tu plantilla de WordPress

WP Paintbrush es un nuevo tema premium para WordPress que te ayuda a desde su panel de edición a construir tu plantilla web, ideal para los que empiezan en WordPress pero también para los usuarios avanzados. Una opción para crear un diseño único para tu sitio web con este popular gestor de contenidos y blogs.

WP Paintbrush es un plugin para rediseñar tu sitio web, sin necesidad de tener conocimientos de código. Podrás cambiar el color de fondo, usar diferentes tipo de letra, o adaptar el diseño a tu identidad y marca, todo en uno. Esta herramienta te permite un alto grado de personalización. Además es gratis y funciona con WordPress 3.0 o superior.

Aquí te dejamos capturas de los 2 Temas WordPress de que dispone ahora esta herramienta.

tema por defecto wordpress magazine para wp paintbrush.png 470x324 Plugin: Editor visual para diseñar tu plantilla de WordPress tema wordpress magazine para wp paintbrush 470x276 Plugin: Editor visual para diseñar tu plantilla de WordPress

Probar WP Paintbrush
Fuente: Blog perfume

Plugin: Editor visual para diseñar tu plantilla de WordPress is a post from: Carrero

El código es poesía, CSS es arte

Aparte de una bonita frase, es una declaración que nos hacen en WordPress.com para animarnos a la actualización de CSS para su servicio de sitios con WordPress.

Y es que si haces la actualización de CSS no solo tendrás la posibilidad de aplicar un CSS preparado previamente por ti en tu editor favorito sino que también te ofrecen un par de funcionalidades extra por si quieres modificar el CSS desde WordPress.com.

La primera es el “selector de fuentes“, con el que puedes definir fácilmente las tipografías a emplear en tu CSS, eligiéndolas de entre más de 50, sin tener que “picar” código manualmente, y la segunda es un editor CSS integrado, con el que puedes guardar reglas de estilo utilizadas o incluso previsualizar como quedará tu sitio antes de hacer el pago por la actualización o los cambios a tu diseño.

custom css3 custom css2 custom css1

Para rematar, si quieres aprender CSS, puedes visitar la página especialmente creada de CSS Basics, con los selectores y clases principales para dar tus primeros pinitos en este bonito “arte” del CSS.

Si te animas solo tienes que ir al escritorio de tu WordPress.com en el menú “Apariencia -> Custom design” y empezar a diseñar tu sitio con CSS.

7 sitios para conseguir plantillas para WordPress

Siempre me hacen la misma pregunta, ¿dónde puedo encontrar plantillas para WordPress profesionales?.

El principal problema es que hay miles de sitios donde encontrar temas para WordPress en Internet. Solo tienes que probar a buscar “Temas para WordPress” o “Temas profesionales para WordPress” para ver los miles de sitios que existen.

Después de muchos años trabajando con WordPress como gestor de contenidos y blogs puedo recomendar algunos de los mejores sitios con plantillas de alta calidad para WordPress y otros gestores de contenidos o tiendas online. Algunos de los enlaces apuntan a mi afiliación por si os animáis a contratar alguna plantilla.

La recopilación de sitios es la siguiente:

  1. Theme Forest
    Uno de los sitios más completos con miles de plantillas para WordPress, pero también para Joomla, Drupal, en HTML, Magento, OpenCart, … una referencia sin igual y barata.
  2. WooThemes
    Otro fantástico lugar donde encontrar grandes temas para WordPress.
  3. Elegant Themes
    Plantillas para WordPress elegantes y sencillas. Suscríbete para tener acceso a todos los temas.
  4. KreativeThemes
    Plantillas para WordPress con buen diseño.
  5. Press75
    Un sitio con plantillas únicas, limpias y eficientes con muchas opciones de personalización y gestión.
  6. PageLines
    Colección de temas para WordPress con mucho estilo y únicos.
  7. Plantillas Web
    Miles de plantillas HTML, WordPress, …
Hay mucho más temas para WordPress, solo tienes que buscar en Internet. Prueba a buscar “plantillas para WordPress“, …

7 sitios para conseguir plantillas para WordPress is a post from: Carrero

Razones para migrar de Drupal a WordPress

wordpress Razones para migrar de Drupal a WordPressEs interesante ver la gran batalla entre gestores de contenidos y como unos defendemos unos y otros defendemos otros. Todos tienen sus cosas buenas y sus cosas no tan buenas. Pero al final se trata de cubrir una necesidad de gestión de contenidos de forma adecuada sin importar mucho cual es la solución si para nosotros es suficiente. A raíz de diferentes artículos que he ido leyendo por Internet y el último de Fernando en AyudaWordPress os dejo aquí algunas de las buenas razones que te pueden ayudar a cambiar de Drupal a WordPress. Aunque también os animo a probar nuevos CMS como Fork que me está gustando bastante, aunque lo tiene difícil para competir con el cms de Auttomatic.

  1. Todo tenemos claro que WordPress es más sencillo de gestionar que Drupal. Un punto importante es que nos resulte fácil y cómodo de gestionar.
  2. WordPress se actualiza de forma sencilla, casi siempre es posible a un solo clic. Sus plantillas y plugins son muy numerosos, quizás miles en ambos casos.
  3. Los plugins de WordPress está hechos para humanos y no para programadores. Lo que sin duda facilita el uso de los mismos sin necesidad de amplios conocimientos. Seguro que Drupal tomó nota de esto y hará por simplificar a futuro.
  4. La zona de administración de WordPress es sencilla y visual, además de no parar de mejorar y hacerse cada vez más usable.
  5. Crear y mantener temas de diseño para WordPress es realmente fácil, aunque también podemos complicarlo todo lo que queramos. Además de plantillas gratis hay cientos de sitios con plantillas para WordPress por muy pocos euros. Sitios como AppThemes, Plantillas WebElegant Themes, KreativeThemes, PageLines, UpThemesWooThemes, ThemeForest, StudioPress, Press75, …
  6. Una gran comunidad de desarrolladores y diseñadores detrás de WordPress. Además de una empresa, Auttomatic, que no para de crecer y comprar proyectos para complementar su CMS.
  7. WordPress te anima a aprender y experimentar.
  8. Y por supuesto está disponible en más de 100 lenguajes. Está hecho en PHP+Mysql y funciona en Linux o Windows. A mi me gustaría además que funcionase con ADOdb para poder usar otras bases de datos que no sean siempre MySQL.
  9. WordPress se puede instalar fácilmente en cualquier entorno local o remoto con LAMP. Prueba opciones de centro de datos en España para tu hosting wordpress.

¿Tienes más razones para cambiar de Drupal a WordPress, o quizás al revés?. Deja tus comentarios.

Razones para migrar de Drupal a WordPress is a post from: Carrero

Diseñando temas WordPress sin saber programación

Hoy vamos a ver algo que quizás sea una aberración si lo lee un diseñador, o el milagro esperado para muchos usuarios que quieren tener la libertad de diseñar sus sitios y no tienen tiempo o ganas para aprender a programar. En cualquier caso es una opción a tener en cuenta para ambos (recuerdo a los diseñadores que a ellos también les gusta la facilidad que ofrece CODA a la hora de programar CSS).

Estoy hablando de WP Paintbrush, que dicho sea de paso me parece un nombre más que adecuado. Quien recuerde el programa básico de dibujo Paintbrush que ha venido instalado desde las primeras versiones de Windows sabrá de qué estoy hablando, de una aplicación básica, que permite dar los primeros pasos, incluso conseguir resultados notables, pero sin ofrecer productos profesionales.

Pues bien, esto es bastante aproximado a lo que nos ofrece WP Paintbrush

En principio se instala como un tema, pero una vez activado la cosa ya muestra todo su poder. En realidad es todo un framework que, partiendo de un diseño básico (ampliable), nos permite configurar un tema WordPress a nuestro gusto.

Para ello dispone de un editor de plantilla y otro de colores. Mediante arrastrar y soltar y clics puedes configurar un tema totalmente a tu gusto, cambiando colores, añadiendo o quitando barras laterales, modificando anchos y altos, prácticamente de todo.

Además, puedes ir viendo en directo los cambios antes de guardarlos, en tu sitio en directo. Luego, cuando hayas terminado, solo tienes que hacer clic en el botón de publicar y ya tendrás tu nuevo tema diseñado por ti listo para utilizar.

Pero vamos, que todo lo que yo te diga es poco comparado con lo fácil que es usarlo. Lo mejor es que lo pruebes y luego nos cuentes tus impresiones.

¿Pegas?, pues la principal es que los temas generados de momento solo se pueden usar como temas hijos de WP Paintbrush, pero ya se anuncia un futuro plugin que permitirá exportar estos temas hijos a temas normales, para su difusión y uso donde quieras.

Otra limitación es que no puedes modificar temas que no se hayan creado expresamente con WP Paintbrush, así que olvídate de hacer una versión vampirizada de tu tema favorito, tendrás que partir de las plantillas base que nos ofrece WP Paintbrush.

Por lo demás me parece una aplicación muy interesante, y sobre todo algo en lo que fijarse de cara a una implementación futura en otros temas o incluso en el núcleo de WordPress porque ¿a que te gustaría disponer de algo así en cualquier tema para poder modificar su estructura base y adaptarla a tus necesidades?, seguro que sería algo que, de incluirse como "plugin core", tendría muchos apasionados, yo el primero.

Ah, casi se me olvida. Si quieres incluso puedes probarlo online en esta dirección.

Sitio oficial: WP Paintbrush

Crear un sitio de recetas de cocina con WordPress

WordPress permite no solo crear blogs, sus posibilidades son ilimitadas y muestra de ello es la cantidad de sitios webs con muchas funcionalidades adicionales a las propias de un blog. Solo tenemos que ver por ejemplo la web de mi padre en Viveros Ferca, donde tenemos un catálogo de plantas. Pero hoy me voy a centrar en una plantilla realmente interesante para crear nuestro propio sitio web de recetas de cocina y que me gusto mucho.

Sitio web para Recetas de cocina con WordPress

foodpress wordpress plantilla 470x238 Crear un sitio de recetas de cocina con WordPress

FoodPress es un completo tema para WordPress para recetas de cocina, el cual te permite de forma sencilla compartir tus recetas con opciones personalizadas. Entre sus características podemos citas que permite modificar su diseño sin límites para adaptarlo a nuestro estilo. Incluye opción de entradas en la administración para añadir tus recetas, soporte para menús de WordPress, opciones personalizadas en el panel, 3 diseños de portada diferentes, widgets personalizados, integración con flickr, facebook, twiter, vídeos de youtube y vimeo, …

Funciona con WordPress 3.2 o superior.

Descargar Tema Foodpress. Ver Demo de FoodPress.

Crear un sitio de recetas de cocina con WordPress is a post from: Carrero