Contadores sociales en WordPress

social media soup

Hoy te traigo un truco rápido y sencillo: añadir un contador de las veces que se han compartido una entrada de WordPress en las redes sociales principales (Twitter, Facebook y Google Plus).

Añadirlo es muy sencillo, solo tienes que copiar este código que tienes a continuación y pegarlo en donde quieras que aparezca el contador en tu tema WordPress, ya sea en portada o, lo más habitual, en la plantilla de entrada sencilla (single.php):

function social_shares() {
    $url = get_permalink( $post_id ); 
    $json = file_get_contents("http://api.sharedcount.com/?url=" .
rawurlencode($url));
    $counts = json_decode($json, true);
    $totalcounts= $counts["Twitter"] + 
$counts["Facebook"]["total_count"] +
$counts["GooglePlusOne"];
    echo "<div>$totalcounts Share</div>";
}

Estupendo truco creado por Davide y compartido en WP recipes.

Más de 4.000 seguidores en Facebook

Ya son más de 4.000 los usuarios de Facebook que siguen las actualizaciones de Ayuda WordPress en esta red social, con un nivel de alcance de las publicaciones de más de 24.000 visualizaciones y más de 12.000 usuarios únicos, lo que para un blog de este tipo, en Facebook, no deja de ser una cifra considerable. ¡Muchas gracias!

Importa tus fotos de Instagram a WordPress

instagram facebook money

Ahora que ha saltado el escándalo acerca del cambio en las condiciones de Facebook, propietaria de Instagram, por las que podrán hacer uso comercial de nuestras fotos de Instagram, aunque la propiedad siga constando como del usuario, y a pesar de las explicaciones, parece que casi nos pide el cuerpo ver opciones para, por si acaso, o al menos como opción, saber como importar nuestras fotos de Instagram a WordPress.

La verdad es que para mi ha sido la gota que ha colmado el vaso, y no es que tuviera muchas fotos, y por supuesto ninguna buena, pero empiezo a estar un poco harto de estos cambios de políticas de las redes propietarias, así que esta tarde cerré mi cuenta de Instagram.

Por supuesto, no sin antes importar mis fotos a WordPress, para tenerlas en un entorno donde yo decido la propiedad, el uso y las condiciones de mi contenido: en mi WordPress.

Así que si te ves en la misma duda, o ya lo tienes decidido, hay un estupendo plugin para importar de Instagram a WordPress, llamado DsgnWrks, y luego ya decides lo que haces con tu cuenta de Instagram y hasta con tu cuenta de Facebook (yo me lo estoy pensando).

Una vez lo instales y lo actives ve al panel de ajustes el plugin, que está en “Herramientas -> Instagram importer settints“. En la primera pantalla tienes que hacer clic para conceder permiso al plugin para la importación …
importar instagram wordpress 1

Una vez autorizado te devuelve a la página de ajustes, donde puedes elegir qué imágenes importar, cómo etiquetarlas, si quieres publicarlas como entradas, de todo, en una ventaja de opciones realmente completa, como no verás en otros importadores.
importar instagram wordpress 2

Si quieres más opciones, hay otros modos de integrar WordPress e Instagram que ya hemos visto antes.

JetPack 2.0, una de cal y otra de arena

Ahora mismo está disponible la versión 2.0 del plugin JetPack, y esta versión mayor incorpora importantes novedades, además de servicios nuevos, algunos dignos de mención.

Y hay menciones honorables y otras no tanto …

Las nuevas incorporaciones son estas:

  • Publicize: Algo que ya estaba en WordPress.com y que vas a agradecer, pues permite conectar tu WordPress con tus perfiles (o páginas) de Facebook, Twitter, LinkedIn o Yahoo, de manera que se publique automáticamente tus nuevas publicaciones ¿a que lo estabas esperando?. Lo mejor es que puedes añadir varias conexiones e incluso ampliar esta posibilidad para todos los autores de tu WordPress, realmente completo y práctico. La única pega es que no es tan completo como servicios del tipo de Twitterfeed, por ejemplo, pues no puedes añadir automáticamente #hashtags. Por lo demás, para la mayoría de la gente es más que suficiente. Como compensación, en el editor encontrarás una nueva caja para personalizar el mensaje y, si quieres, desactivar la publicación en las redes sociales.
  • Publicar por Email: una mejora sobre el caduco sistema interno de WordPress de publicación por email. El asunto del email será el título, el mensaje el texto, que puedes publicar en texto plano o, si tu programa de correo electrónico soporta formato HTML lo reconocerá (GMail, Apple Mail, Outlook, Yahoo). El sistema se apoya en un nuevo servicio Cloud de WordPress.com y también se pueden incluir imágenes, de manera que si metes una se publicará donde esté, y si pones varias juntas se crea automáticamente una galería (si no quieres galería mete el shortcode [nogallery[, y hay más), o incluso varias galerías, como quieras, pero no so lo eso, también soporta insertar archivos de audio, documentos, encuestas, etc. Vamos, una mejora importante, pero hay que hacer pruebas antes. Ah, y por fin puedes definir categorías y etiquetas. Lo único que tienes que hacer es tener cuidado, pues el sistema se basa en enviar un email a una dirección autogenerada, que no debes compartir con nadie, pues es tuya. La puedes configurar en tu perfil de usuario, arriba del todo.
  • Scroll infinito: si tu tema lo soporta, se activa el scroll infinito, como en WordPress.com. Si te gusta esta utilidad genial, sino ¡pedazo de fallo!, porque no puedes desactivarlo, así de claro. La cagada de la actualización. Por el contrario, si quieres que tu tema lo soporte tendrás que incluir este código en el archivo fucntions.php del mismo:
    //scroll infinito
    add_theme_support( 'infinite-scroll', array(
     	'type'           => 'scroll',
    	'footer_widgets' => false,
    	'container'      => 'content',
    	'wrapper'        => true,
    	'render'         => false,
    	'posts_per_page' => false
    ) );

    Si no lo quieres, a las malas, incorporas el código y cambias el type a "click" para que tengas que hacer clic para que "siga", el modo de que, de paso, se vean tus widgets del pié de página si los tienes. Aquí hay más posibilidades, pero ya te digo que personalmente creo que es un fallo que no se pueda desactivar. Por supuesto, ya me he quejado a Matt.
  • Photon: este es otro servicio basado en el Cloud de WordPress.com. La idea es que si lo activas (al menos este viene sin activar por defecto) tus imágenes se sirven desde el Cloud externo de los chicos de Automattic. La API puede usarse también en plugins y temas, pero siempre para sitios de WordPress.com o WordPress alojados con el JetPack activo. Lo mejor de este sistema es que cachea tus imágenes en la "nube" de WordPress.com, haciendo que tu sitio cargue más rápido.
  • Además de estas novedades hay varias soluciones a fallos y mejoras de rendimiento, así como en la API JSON, que personalmente probé con Klout y no iba muy fina.

Como ves, y anunciaba en el titular, hay una de cal (Publicize y Photon), y también algo de arena (el scroll infinito), tu decides si te merece la pena o esperas a ver si me hacen caso y se puede desactivar esa funcionalidad, que no tiene porque gustar a todos ¿no?.

Nota: resulta que si activas el scroll infinito luego tienes la opción de desactivarlo en la página de Ajustes de lectura pero ¿tiene sentido?,creo que no.

Ayuda WordPress está alojado en Gigas Cloud WordPress, hosting en la nube especializado en WordPress

El nuevo perfil de Twitter y otras entradas de Septiembre en WM

Foto de @marioffpsilva

[Foto realizada por marioffpsilva en la presentación del Manual imprescindible de Twitter en Madrid el 25-9-2012]

WordPress, Twitter, Facebook y Dropbox fueron los temas que traté en Weblog Magazine durante el mes de Septiembre.

A continuación, la recopilación habitual de las entradas que publiqué durante el mes de septiembre de 2012 en mi blog de ABC.es Weblog Magazine:

Suscríbete también a la newsletter y recibirás en tu e-mail contenido extra que no está en el blog.

Imagen destacada al compartir entradas de WordPress en Facebook

Este truco viene a solucionar un problema bastante común, y es el aspecto nada atractivo de las publicaciones al compartirlas tus lectores en Facebook, pues muchas veces sale como imagen por defecto una cualquiera de la barra lateral, una de la entrada que no ilustra adecuadamente el contenido o incluso la imagen cabecera de tu WordPress.

Porque, si defines una imagen destacada en WordPress para cada entrada, y la eliges para que sea el referente gráfico que defina tu publicación ¿no sería lo más lógico que sea esa la que ilustre tu publicación al compartirla la gente en Facebook?. Pues de eso se trata.

La solución pasa por añadir el siguiente código al archivo header.php de tu tema activo, antes de la etiqueta wp_head() a ser posible (vamos, que si):

<!-- Inicio compartir en FB  -->
<?php
	$thumb = get_post_meta($post->ID,'_thumbnail_id',false);
	$thumb = wp_get_attachment_image_src($thumb[0], false);
	$thumb = $thumb[0];
	$default_img = get_bloginfo('stylesheet_directory').'/imagenes/imagen_por_defecto.png';
 
	?>
 
<?php if(is_single() || is_page()) { ?>
	<meta property="og:type" content="article" />
	<meta property="og:title" content="<?php single_post_title(''); ?>" />
	<meta property="og:description" content="<?php 
	while(have_posts()):the_post();
	$out_excerpt = str_replace(array("\r\n", "\r", "\n"), "", get_the_excerpt());
	echo apply_filters('the_excerpt_rss', $out_excerpt);
	endwhile; 	?>" />
	<meta property="og:url" content="<?php the_permalink(); ?>"/>
	<meta property="og:image" content="<?php if ( $thumb[0] == null ) { echo $default_img; } else { echo $thumb; } ?>" />
<?php  } else { ?>
	<meta property="og:type" content="article" />
   <meta property="og:title" content="<?php bloginfo('name'); ?>" />
	<meta property="og:url" content="<?php bloginfo('url'); ?>"/>
	<meta property="og:description" content="<?php bloginfo('description'); ?>" />
    <meta property="og:image" content="<?php  if ( $thumb[0] == null ) { echo $default_img; } else { echo $thumb; } ?>" />
<?php  }  ?>
<!-- Fin compartir en FB -->

Este código revisará si hay una imagen destacada definida en la entrada, y … 

  1. Usa la imagen destacada establecida en la entrada a la hora de compartirla en Facebook
  2. Si no hay imagen destacada establecida usará la primera imagen que se encuentre en la entrada
  3. En caso de que no hubiese ni imagen destacada ni imagen alguna en la entrada, usará la imagen por defecto indicada en la línea 6, que deberás modificar para que se ajuste a algo que exista en tu web.

compartir de wordpress a facebook

Nota: este código funciona en el caso en que se comparta en Facebook la URL de una entrada directamente, copiando la URL y pegándola en tu caja de estado o la de una página, si usas algún plugin de iconos para compartir en redes sociales es posible que no funcione debido a que cada plugin utiliza un sistema distinto para compartir.

Código encontrado en vonlind

Ayuda WordPress está alojado en Gigas Cloud WordPress, hosting en la nube especializado en WordPress

Búsquedas instantáneas en WordPress (como en Facebook)

La realidad es tozuda, y por mucho que nos empeñemos en usar los métodos tradicionales el usuario actual de la red está acostumbrado a una inmediatez que no siempre ofrecemos en nuestras webs.

Un ejemplo claro son los formularios de búsqueda …

Cualquier usuario de Internet actual está ya acostumbrado a buscar de manera que mientras escribe se van mostrando resultados, ya sea en Facebook o en el buscador Spotlight integrado en Mac OSX, así que cuando llega a una web hecha al “estilo tradicional“, en la que se ve obligado a cargar otra página para elegir resultados de búsqueda es bastante probable que estemos dando una pobre impresión, antigua, de nuestra querida web.

Afortunadamente esto tiene fácil solución, cómo no en WordPress.

Al rescate viene una pequeña maravilla en forma de plugin llamado Ajaxy live search, que ofrece precisamente eso, resultados instantáneos de búsqueda al estilo Facebook, algo que les resultará muy familiar, y práctico, a nuestros visitantes, aumentando su fidelidad.

Ahora bien, como todas las cosas buenas de la vida requiere un pequeño esfuerzo, y es que este plugin no es “instalar y listo, requiere un pequeño hack para que funcione.

Y es que una vez lo actives comprobarás que no funciona a la primera, antes hay que toquetear un poquito tu tema, para lo que tenemos 2 posibles opciones:

  1. Cambiar el nombre / desactivar el formulario de contacto del tema activo: para esto busca en la carpeta de tu tema el fichero llamado searchform.php y cámbialo al nombre que quieras, el caso es que se desactive. No lo borres para tenerlo de repuesto por si un día cambias de idea.
  2. Añadir una función: si tu tema no tiene archivo searchform.php, o simplemente quieres añadir la búsqueda instantánea en cualquier parte de tu tema, siempre puedes agregar este código donde desees:
    <?php ajaxy_search_form(); ?>

Y ya debería funcionar.

También tienes la opción de usar el widget de búsqueda que instala, para los más miedosos.

Las virtudes de este plugin son muchas, pues no solo tienes la búsqueda instantánea en los artículos que hayas creado como entradas, sino que también busca en categorías, páginas, y si tienes un foro bbPress igualmente lo identifica ofreciendo resultados de búsqueda como temas, como nombre de foro e incluso en las respuestas. No lo he probado pero creo que también funciona igualmente en tipos de entrada personalizadas.

También, si lo hubiese, muestra una miniatura de imagen de los resultados, haciendo la experiencia aún más interesante y visualmente atrayente para el visitante.

En la página de ajustes del plugin tienes el modo de modificarlo a tu gusto. Lo primero es elegir como funcionará:

Lo mejor de todo es que puedes elegir qué quieres mostrar, y editando cada “template” vas a poder refinar el nombre y otras configuraciones, como en este ejemplo:

Para finalizar, tienes a elegir 3 posibles CSS, el por defecto igualito que Facebook, otro azul más claro y uno más oscuro, y en otra pantalla ver como quedará en tu sitio:
ajaxy 4 ajaxy 3

Y, cómo no podía ser de otro modo, no he podido menos que instalarlo aquí mismo. Queda bastante bien, pero sobre todo funciona de maravilla ¿no?.

Facebook lanza su propio plugin en WordPress

Ha tardado pero todo llega: la red social más importante del mundo ha lanzado su propio plugin para WordPress. Con esto nos dará a todos los usuarios más facilidades para que nuestro sitio web interactúe con la red social.

Con el plugin “Facebook” tenemos las siguientes posibilidades:

  • Publicar entradas en nuestro muro de Facebook.
  • Mencionar amigos y páginas de Facebook.
  • Tener una lista de amigos de nuestro blog integrada en WordPress.
  • Insertar botones de Facebook con un click: “Enviar”, “Suscribirse” o “Me gusta”.
  • Ver comentarios de los lectores en Facebook.
  • Integración total.
  • Barra de recomendaciones por los usuarios que les permitirá hacer click.

 

Todas estas características son fáciles de activar desde el menú del plugin. Con esto dejaremos que nuestras entradas de WordPress sean un poco más accesibles desde Facebook y seguro que alguna visita adicional conseguiremos.

 

Descargar

Comentarios al estilo WordPress.com con JetPack 1.4

Acaba de salir a la luz una actualización del megaplugin JetPack, la versión 1.4 que, aparte de un montón de soluciones a fallos como suele ser habitual, incorpora una nueva funcionalidad que va a gustar a muchos.

La novedad es el sistema de comentarios que ya hay en WordPress.com, mediante el cual, además de identificarte con nombre y email como siempre, también puedes acceder desde tus credenciales de usuario de WordPress.com, de Twitter o Facebook.

Es una opción muy interesante para cualquiera que quiera ofrecer más facilidad a la hora de comentar a sus lectores y, de paso, fidelizarles al facilitar la opción de dejar comentarios y seguir sus comentarios, especialmente usando el usuario de WordPress.com.

El sistema intenta adaptarse al CSS de tu tema activo, pero también añade un par de configuraciones para mejorarlo al final de la página de “Ajustes -> Comentarios” del escritorio de WordPress, al igual que en WordPress.com.

Hay un requisito, además de activar el nuevo sistema, que viene desactivado por defecto tras actualizar JetPack a la versión 1.4, y es que si en tu tema no se activa deberás comprobar que utiliza la función comment_form( (referencia), pues sin ella no funcionará, seguirás con el sistema de comentarios del tema activo en vez del nuevo sistema de JetPack. Compruébalo antes de activarlo.

Si todo está como debe tendrás esto … 

Timeline Theme: un theme de WordPress con el aspecto del timeline de Facebook

Sabemos que Facebook es la red social por excelencia en todo el mundo y también que desde comienzos de 2012 nuestros perfiles evolucionaron a una forma completamente novedosa llamada “Timeline”, que nos deja ver toda nuestra vida de forma lineal.

Pues bien, a un diseñador llamado Julius le ha gustado tanto la nueva interfaz de Facebook que ha querido trasladar a WordPress su “timeline”:

Entre sus características tenemos:

  • Capacidad de navegar a través de los meses como en Facebook.
  • Encabezado destacado.
  • Plugin Lightbox integrado para las imágenes.
  • Menú personalizado del theme para cambiar opciones e imágenes de la plantilla así como por ejemplo el logo.
  • Botones sociales.

En definitiva, Timeline Theme es una plantilla basada en la interfaz de Facebook muy facil de usar y muy agradable para la vista de los usuarios. Además tiene sus raíces en la plantilla Twenty Eleven 1.2 que WordPress trae por defecto en su instalación, lo que nos ahorrará disgustos.

Demo | Descargar