Ayuda WordPress 3.0

Parece mentira pero ya hace un año de la versión 2.0 de Ayuda WordPress y ya tenemos aquí Ayuda WordPress 3.0 con un remozado diseño creado por Jorge Abreo, compañero de evoluZiona que ha tenido a bien emplear ratos de su tiempo libre para darle un nuevo aire al blog.

Para esta ocasión no he sido rebuscado y el objetivo ha sido aprovechar el ya conocido y popular logo de Ayuda WordPress y crear el diseño a partir de esta imagen, pero al tiempo procurando modernizar el aspecto del blog e incorporar las últimas tecnologías, algunas de las cuales ya he ido incorporando poco a poco, en silencio.

Todo el proceso nos ha llevado alrededor de un mes, y aún quedan pequeños flecos que estamos modificando en tiempo real, pues hay siempre aspectos que no se pueden comprobar como funcionan hasta que no está el sitio en directo.

La maqueta básica se ha montado a partir del tema por defecto de WordPress, TwentyTen, añadiendo prácticamente todos los elementos desde CSS, donde Jorge ha hecho un trabajo fantástico, digno de ver y disfrutar.

Haciendo recopilación, lo que define a Ayuda WordPress 3.0 es lo siguiente:

  • Maqueta básica del tema TwentyTen, vampirizada para que no la reconozca ni su padre
  • CSS a kilos, con multitud de sombras y efectos chulos, de los que a mi tanto me gustan y a alguno horrorizan
  • Diseño claro y minimalista, como me gusta, aunque con detalles estéticos para el respetable
  • Más fácil compartir las entradas en Twitter y Facebook, con iconos en cada entrada
  • Sistema de comentarios Disqus integrado para facilitar que los lectores comenten desde prácticamente cualquier perfil social (Twitter, Facebook, OpenID, Google, Yahoo, Disqus, etc), además de compartir sus comentarios en las redes sociales más populares
  • Incorporadas todas las funcionalidades actuales de WordPress (miniaturas, tipos de entrada personalizadas, menús personalizados, etc)
  • Estructura mixta portal/blog, de modo que la portada muestra extractos a modo portal si se define un extracto pero muestra la entrada completa si no se define, mostrando siempre la miniatura definida para la entrada o la primera imagen en su defecto.
  • Rediseño del menú superior al "estilo portal", pues Ayuda WordPress hace tiempo que es más que un blog
  • Más énfasis a la búsqueda de entradas por tipo de usuario, subiendo los enlaces a las etiquetas Principiante, Avanzado y Experto
  • Personalización de las entradas, que muestran el gravatar del autor
  • Nuevas páginas especiales (que tendrás que descubrir tu mismo)
  • Efectos de CSS (de nuevo debes descubrirlos tu)
  • Diseño más suave y "moderno" que el anterior, al que alguno había renombrado como Ayuda PHPnuke :P

Aún quedan muchos pequeños detalles, y te agradeceré si me avisas cuando veas algún fallo, que pronto estarán solucionados. Solo espero que el cambio os guste.

Aquí os dejo capturas de la evolución de Ayuda WordPress hasta la actual versión 3.0 …

Ayuda WordPress 0.1 Ayuda WordPress 1.0 Ayuda WordPress 2.0 Ayuda WordPress 3.0

JetPack, el super plugin

He estado esperando a comentar algo sobre el nuevo mega-plugin de WordPress.com, el ya celebérrimo JetPack, pues prefería antes probarlo y ver si todo lo que se ha estado hablando de el era cierto o había algo de márketing.

Según el anuncio oficial JetPack es un revulsivo para tu sitio, usando servicios almacenados en la "nube", hasta ahora exclusivos de los sitios alojados en WordPress.com, pero lo mejor es que el pack irá creciendo, incluyendo nuevos servicios.

Pues bien, tras un par de días de prueba en varios sitios estas son mis conclusiones sobre JetPack:

Lo que es

JetPack es un mega-plugin que incluye otros plugins hasta ahora separados, que se pueden desactivar al ser módulos independientes. Los plugins que incluye son los siguientes:

  1. Estadísticas de WordPress.com
  2. After the Deadline, el corrector ortográfico y gramático de WordPress.com
  3. LaTeX, el gestor de escritura matemática
  4. ShareDaddy, el plugin usado en WordPress.com para añadir iconos con los que compartir tus entradas en las redes sociales
  5. Hovercards de Gravatar, para mostrar las tarjetas inteligentes de Gravatar al colocar el cursor sobre el gravatar de un usuario
  6. Widget de Twitter
  7. Shortcodes, para añadir de manera sencilla contenido incrustado
  8. Enlaces cortos, con los que compartir tus entradas mediante enlaces acortados a wp.me

En el mismo JetPack ya hay, en principio, otros 4 bloques disponibles para nuevas funcionalidades, pero de momento ni idea de cuales serán, nos toca esperar. Yo creo que los siguientes serán PollDaddy, Akismet y quizás el "Me gusta" de WordPress.com

Lo malo

He preferido empezar por la parte negativa, para acabar con un sentimiento positivo, que siempre es mejor ¿no?. Pues bien, a pesar de que lo que nos anuncian, he encontrado algunas pegas:

  1. Todos los módulos se activan por defecto al activar el plugin, lo que puede provocar errores de memoria, además de que no todos vamos a usar todos esos módulos. Creo que deberían venir todos desactivados por defecto.
  2. El modo de desactivar los módulos no es del todo intuitivo, solo cuando pulsas el botón de "Aprender más" visualizas el nuevo botón de "Desactivar".
  3. Me parece inútil incluir After the Deadline, pues aún solo es útil si eres angloparlante. Además, viene activo por defecto.
  4. No veo la necesidad de haber incluido el módulo de LaTeX, al ser de una utilidad muy especializada y, de nuevo, venir activado por defecto.
  5. El widget de Twitter me parece de los peores que hay. Existen muchos plugins que lo superan con creces en funcionalidades y aspecto. De nuevo, encima, viene activo por defecto.
  6. Los shortcodes no son necesarios en su inmensa mayoría desde que ya podemos usar oEmbed en WordPress de manera nativa, necesitando solo pegar la URL del elemento a incrustar para que se muestre.
  7. Te obliga a tener cuenta en WordPress.com, algo que a muchos usuarios no les gustará, y es que si has elegido alojar tu WordPress en tu propio servidor no se entiende que tengas que registrarte en un servicio propietario para usar funcionalidades … por chulas que sean.
  8. Hovercards me parece un plugin totalmente prescindible, además de que - de nuevo - viene activo por defecto.
  9. Depende de un servicio externo. Los servicios "en la nube" es lo que tienen, da igual que tu hayas contratado el mejor servidor posible, si dependes de un servidor externo y este se cae o baja su rendimiento tu sitio se verá afectado. Vale que WordPress.com tiene unos números impresionantes pero no está exento de problemas.

Lo bueno

Pero si, hay cosas buenas, no muchas en número, pero si importantes. Estas son:

  1. Sustituye el viejo plugin de estadísticas por el nuevo, remozado y maravilloso sistema de estadísticas, mucho más ligero, realmente fantástico. Solo por esto ya te merece la pena instalar JetPack.
  2. El menú de estadísticas se integra bajo el nuevo icono de JetPack, lo que me parece un acierto.
  3. ShareDaddy es un fantástico plugin para compartir tus entradas, sencillo y fácil de configurar, además de bonito. Lo uso en muchos de los sitios que instalo, tanto propios como de clientes.
  4. El módulo de shortcodes será de gran utilidad para aquellos que migren de WordPress.com a su propio alojamiento, pues sin el mucho del contenido incrustado en el sitio anterior en WordPress.com no se mostraría. Ofrece integración.
  5. JetPack es un sistema fantástico de integración entre WordPress.com y WordPress.org, algo en lo que ya está trabajando Automattic últimamente, y en lo que la nueva barra de admin de WordPress 3.1 y JetPack son las puntas de lanza de lo que está por venir y que, gracias ahora a JetPack, será más fácil de integrar en nuestro WordPress alojado cualquier mejora introducida en WordPress.com.
  6. Te obliga a tener cuenta en WordPress.com. Si, también es una ventaja, porque aumenta la comunidad WordPress y, con un sencillo registro garantizamos la supervivencia de WordPress en todo su ecosistema y accedemos a servicios "en la nube" de manera inmediata y fiable.
  7. El icono es bonito :)

Tu turno

Por supuesto, y como siempre, estas son mis opiniones personales, lo que no quita para que lo haya instalado ya en varios sitios. Ya he comentado que sólo por las nuevas estadísticas merece la pena, y el plugin ShareDaddy es una excelente opción, eso, y lo que nos espera, hace que el movimiento de Automattic sea de enorme interés.

Ahora te toca a ti opinar, mejor si ya lo has instalado y probado.

Añadir botones para compartir en Twitter y Facebook

Seguro, hay muchos plugins para añadir botones de Facebook y Twitter a tus entradas y que sea más fácil compartir tus publicaciones en las redes sociales pero ¿que te parece añadirlos de manera automática y sin plugins?.

Pues que sepas que es muy sencillo, solo tienes que añadir el siguiente código al fichero - adivina - 'functions.php':

PHP:
  1. function compartir($content){
  2.     if(!is_feed() && !is_home()) {
  3.         $content .= '<div class="compartir">
  4.                     <a title="Enviar a Twitter" href="http://twitter.com/share"
  5. class="twitter-share-button"
  6. data-count="horizontal">Tuitear</a>
  7.                     <script type="text/javascript"
  8. src="http://platform.twitter.com/widgets.js"></script>
  9.                     <div class="facebook-share-button">
  10.                         <iframe
  11. src="http://www.facebook.com/plugins/like.php?href='.
  12. urlencode(get_permalink($post->ID))
  13. .'&amp;layout=button_count&amp;show_faces=false&amp;width=200&amp;action=like&amp;colorscheme=light&amp;height=21"
  14. scrolling="no" frameborder="0" style="border:none;
  15. overflow:hidden; width:200px; height:21px;"
  16. allowTransparency="true"></iframe>
  17.                     </div>
  18.                 </div>';
  19.     }
  20.     return $content;
  21. }
  22. add_action('the_content', 'compartir');

Guardas los cambios y ya lo tienes, así de fácil

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Clic aquí para iniciar la descarga Guía Windows Live Writer

5 acciones social media que no puedes dejar pasar para tu empresa


Acciones social media 5 acciones social media que no puedes dejar pasar para tu empresa

Mucho se habla en el día a día de Social Media, redes sociales y en general de marketing online, muchos ya estaréis familiarizados con los términos y a otros o seguirá sonando a chino, pero ciertamente es que con muy pocos medios puedes iniciar acciones de social media que mejorarán la reputación y difusión de tu empresa.

Si ya dispones de una web profesional para tu empresa o una tienda virtual en la que comercializas tus productos puedes iniciar acciones que te ayudarán a llegar a más usuarios y por lo tanto a dar más visibilidad a tu negocio.

Estas 5 acciones son fáciles de llevar a cabo y si las implementas bien conseguirás resultados visibles en poco tiempo.  Pero antes de comenzar quiero dejar claro que sólo el trabajo bien hecho asegura resultados, por lo que si inicias tu presencia en redes sociales requerirá de tu tiempo e implicación, no basta con estar, hay que aportar y relacionarse:

- Crear perfiles de profesionales en Linkedin: una forma de llegar a más usuarios profesionales y potenciales clientes es a través de redes profesionales como Linkedin, donde los usuarios de tu empresa os podéis dar de alta para iniciar relaciones profesionales. Este tipo de redes te puede ayudar tanto a encontrar posibles clientes como para conseguir buenos servicios y alianzas.

- Plugins sociales para tus productos: si ya dispones de una tienda virtual, una buena opción es implementar un plugin o funcionalidad para que tus usuarios puedan compartir esos productos en las principales redes sociales, esto te ayudará a difundir tus productos y marca.

- Twitter: si no lo conoces puedes pensar que es una herramienta simple, pero bien utilizada te mostrará que 140 caracteres son una manera concisa de atraer usuarios y encontrar beneficios en las relaciones que establezcas. Sobre todo es importante aportar.

- Facebook: ya se puede considerar un gigante en las relaciones entre personas, si creas tu página de empresa en Facebook y aportas contenido de calidad podrás conseguir una buena colonia de “fans”.

- Crea un blog: esta última acción es la mejor forma de compartir tu experiencia, consejos y vivencias con tus amigos y seguidores, con él podrás generar referencias que te ayuden a posicionar tu marca en buscadores. Para ponerlo en marcha puedes hacerlo bajo el propio alojamiento web de tu dominio de empresa.

Si decides implementar estas acciones y entrar en el apasionante mundo de las redes sociales y el social media, recuerda que aunque son acciones a través de Internet, no dejan de ser relaciones entre personas y lo más importante como en la vida real si quieres recoger es primero sembrar y ofrecer contenido y relaciones de calidad a tus usuarios.

Original Post / Entrada Original: Carrero.es. Si quieres Juegos Gratis disfruta aquí o decora tu casa.

5 acciones social media que no puedes dejar pasar para tu empresa

Gowalla en WordPress

Hace días que estoy probando en serio Gowalla, un servicio de geoposicionamiento, mucho más avanzado que Foursquare y que, desde la última versión, también actualiza tus estados en Foursquare, además de en Twitter y Facebook, con lo que usando una sola aplicación tienes todo el círculo social completado.

Si no tienes reparos en mostrar a los demás donde estás en cada momento, como ya explicamos como tener Foursquare en WordPress, debes saber que puedes mostrar tus localizaciones en tu WordPress con WP-Walla, un plugin sencillo y funcional.

Solo tienes que activarlo, configurarlo y empezar a mostrar tus "checkins" en tu sitio, ya sea mediante el widget de barra lateral o añadiendo el siguiente código donde quieras que aparezca:

PHP:
  1. <?php $wpwalla = new WP_Walla(); $wpwalla->widget(); ?>

¡Fácil y efectivo!

gowalla wp wpwalla ajustes

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Clic aquí para iniciar la descarga Guía Windows Live Writer

Menciones de Twitter como comentarios

¿Te quedaste huérfano con la muerte de Backtype connect?, ¿no quieres animarte con Disqus?, pues nada, puedes recuperar parte de la conversación que se va a las redes sociales con el plugin Twitter mentions as comments.

Solo tienes que instalarlo y activarlo, el resto lo hace el solito, en tus comentarios aparecerán las menciones en Twitter a tus entradas, así de fácil.

Karim Osman en WordCamp

Nunca es buena idea perderte una WordCamp pero este año tenemos Automattic por partida doble. Repite Zé Fontainhas, al que no descarto que adoptemos en España en un futuro cercano (jeje), pero este año se nos suma nada menos que Karim Osman, “happiness enginer” de Automattic, que nos contará las interioridades de la empresa que hace posible cada día WordPress.com.

De momento síguele en su Twitter para irle poniendo las cosas calientes

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Clic aquí para iniciar la descarga Guía Windows Live Writer

Embedly, incrusta todo tipo de contenido

¡Se acabaron los problemas a la hora de incrustar contenido dinámico en tu blog!

Desde WordPress 2.9, gracias a oEmbed, podíamos incrustar contenido dinámico de YouTube, Flickr y algún sitio más en nuestras publicaciones simplemente pegando la URL del contenido “incrustable” en cuestión, ya fueran vídeos, presentaciones de fotos, etc, pero con Embedly entramos en la estratosfera de la incrustación de objetos al modo más sencillo, ampliando la implementación de oEmbed de WordPress.

La API de Embedly ofrece más de 100 posibles contenidos incrustables (y sumando), que van desde los habituales como YouTube, Qik, Viddler, Metacafé y demás, pero la lista es casi interminable, pudiendo incluso mostrar “tuits” de Twitter sin necesidad de más, o vídeos de WordPress TV, solo pegando la URL.

Además, no hay nada que configurar, si me apuras ni tocar. Lo instalas, lo activas y – muy importante – vas a la página de configuración y haces clic en el botón para actualizar la lista de proveedores de servicio (en principio aparece vacío) y, solo si quieres, desactivas algún servicio que sepas que nunca vayas a utilizar. Aunque la verdad es que te lo puedes ahorrar, por si acaso. A partir de ahí, cuando quieras insertar un objeto incrustado de contenido simplemente pegas la URL en el editor (el visual incluso) y se acabaron los problemas de códigos truncados al pasar de un editor a otro (HTML a visual o viceversa).
Ya no tienes que instalar un plugin para insertar vídeos, otro para scripts jQuery, otro para Twitter o Flickr, con Embedly tienes prácticamente todas las necesidades cubiertas, y del modo más sencillo posible, sin más botones en el editor, sin configuraciones, sin tener que ajustar anchos de tamaño de los objetos incrustados ¡una maravilla!

Sitio oficial: Embedly
Plugin WP: Embedly WordPress

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Clic aquí para iniciar la descarga Guía para Administrar WordPress

Formatos de entrada, la maravilla de WordPress 3.1

Una de las novedades que vamos a encontrar en la futura versión de WordPress 3.1 serán los formatos de entrada, un modo de aplicar estilos personalizados desde el tema a distintos tipos de publicaciones que generemos con WordPress, algo que considero la evolución natural de los tipos de entrada.

Para ello ya se están introduciendo los formatos de entrada en el trac, de los que de momento tenemos …

  • aside – Normalmente sin título, los famosos miniposts, como una actualización en Facebook o Twitter o en el tema Prologue (o P2)
  • chat – Transcripciones de chat
  • gallery – Galerías de imágenes
  • link – Cuando sean simplemente enlaces a otros sitios
  • image – Cuando solo se publique una imagen
  • quote – Citas
  • status – Una actualización corta de estado, limitada a 140 caracteres como en Twitter. En este caso lo veo redundante con el formato "aside"
  • video – Cuando se publique simplemente un vídeo

También se ha indicado añadir los formatos "audio", para podcasts o similares, y "code" para esas pequeñas piezas de programación que, aquí por ejemplo, se comparten con los lectores.

La interfaz de los formatos de entrada será más o menos así …
post formats ui post formats
Como ves, puedes definir el formato de entrada en el editor y, luego, en la pantalla de administración de entradas estarán identificados. No obstante a Matt no le gusta que aparezca como una línea más en el widget de publicación así que no es definitivo.

Añadir soporte de formatos de entrada es tan sencillo como añadir una línea como la siguiente al fichero 'functions.php' de tu tema:

PHP:
  1. add_theme_support( 'post-formats', array( 'aside', 'quote', 'video', 'gallery' ) );

Los formatos de entrada, o "post formats", van a requerir actualizaciones de nuestros temas preferidos, que añadirán a sus virtudes actuales la inclusión de clases CSS especiales para cada tipo de formato de entrada, llevando los temas WordPress a un nivel superior. También habrá a quien le suene esto al estilo Tumblr, llámalo como quieras, al final es ofrecer más opciones para tener un WordPress más completo.

Personalmente me parece una idea fantástica, que lleva WordPress a otro nivel de personalización y diseño muy superior.

Insertar tweets en WordPress

Si hasta ahora podíamos insertar tweets en nuestro blog mediante HTML desde ya podemos hacerlo sin necesidad de servicios internos.

Tanto en WordPress.com como en tu WordPress alojado puedes insertar un tuit concreto solo con pegar la URL del mismo, solo tienes que usar el sistema Blackbird Pie, ya integrado en los blogs de WordPress.com o mediante un plugin en tu WordPress alojado.

Solo tienes que pegar la URL del tweet que quieres mostrar y se mostrará de manera visual, completo con todos sus enlaces incluidos, como en este ejemplo … 

Digamos que quieres incluir esta actualización de estado de Twitter (o tuit):

http://twitter.com/fernandot/status/494837174370304

Solo tienes que pegar la URL (en WordPress.com o tras instalar el plugin en tu WordPress alojado) y verás esto:


De WordPress a Twitter (el ping pong 2.0) http://bit.ly/9Dj74K #wordpressFri Nov 05 10:29:13 via twitterfeed

Chulo ¿eh?

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Clic aquí para iniciar la descarga Guía para Administrar WordPress