{"id":272,"date":"2017-02-15T08:20:45","date_gmt":"2017-02-15T07:20:45","guid":{"rendered":"http:\/\/cursoswp.educacion.navarra.es\/cursowp2017\/?p=272"},"modified":"2017-02-20T14:09:43","modified_gmt":"2017-02-20T13:09:43","slug":"modulos-de-jetpack-para-integracion-con-redes-sociales-autenticacion-unica-y-widgets-extra","status":"publish","type":"post","link":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2017\/modulos-de-jetpack-para-integracion-con-redes-sociales-autenticacion-unica-y-widgets-extra\/","title":{"rendered":"M\u00f3dulos de Jetpack para integraci\u00f3n con redes sociales: autenticaci\u00f3n \u00fanica y widgets extra"},"content":{"rendered":"

Una vez examinados en el art\u00edculo anterior<\/a> los m\u00f3dulos “Compartir”, “Me gusta”, “Comentarios” y “Suscripciones”, continuaremos analizando las posibilidades que brinda Jetpack para la integraci\u00f3n con redes sociales y para la difusi\u00f3n del contenido de un sitio web.<\/p>\n

El m\u00f3dulo “Autenticaci\u00f3n \u00fanica”<\/h2>\n

Este m\u00f3dulo, similar en concepto al de “Comentarios”, permite iniciar sesi\u00f3n en el sitio web mediante\u00a0una cuenta de usuario de un servicio externo al sitio web, en este caso WordPress.com. El sistema de autenticaci\u00f3n, que puede verse en la figura 1, es compatible con el inicio de sesi\u00f3n est\u00e1ndar de WordPress (aunque este \u00faltimo se puede desactivar), y se integra perfectamente con la configuraci\u00f3n de registro de usuarios de dicha aplicaci\u00f3n, que se define desde el men\u00fa Ajustes<\/em> > General<\/em>.<\/p>\n

El m\u00f3dulo “Autenticaci\u00f3n \u00fanica” se puede configurar para que exija autenticaci\u00f3n en dos pasos, lo cual incrementa sustancialmente la seguridad de la aplicaci\u00f3n; tambi\u00e9n es posible obligar a que el sistema enlace las cuentas de WordPress.com con las cuentas locales dadas de alta en el sitio web, mediante la comparaci\u00f3n de\u00a0sus respectivos emails. Adem\u00e1s, existen otras opciones de configuraci\u00f3n y personalizaci\u00f3n del m\u00f3dulo, descritas en la p\u00e1gina\u00a0WordPress.com Secure Sign\u00a0On<\/a>, que exigen modificaciones de c\u00f3digo.<\/p>\n

\"Figura<\/a>
Figura 1 – Inicio de sesi\u00f3n con el m\u00f3dulo “Autenticaci\u00f3n \u00fanica de Jetpack<\/figcaption><\/figure>\n

El m\u00f3dulo “Widgets extra para la barra lateral”<\/h2>\n

Una vez activado, este complet\u00edsimo m\u00f3dulo permite a\u00f1adir a las barras laterales o \u00e1reas de wigdets del sitio web casi 20 widgets adicionales<\/a>, con funcionalidades muy diversas. En este art\u00edculo solo examinaremos los widgets que tienen relaci\u00f3n con\u00a0la integraci\u00f3n con contenido de terceros y la difusi\u00f3n de contenido del sitio web.<\/p>\n

Traduci\u00f3n de Google<\/h3>\n

Este widget<\/a>\u00a0(v\u00e9ase la figura 2) sirve para mostrar un formulario que a su vez permite seleccionar la lengua a la que se traducir\u00e1 el contenido del sitio web. Es un recurso muy \u00fatil para que los visitantes de un sitio puedan traducir\u00a0autom\u00e1ticamente su contenido. No obstante, debe tenerse\u00a0en cuenta que la efectividad de las traducciones autom\u00e1ticas de Google\u00a0es muy limitada, por lo que no recomendamos este widget para generar traducciones de calidad profesional.<\/p>\n

Insignias de Google+<\/h3>\n

El widget de insignias de Google+<\/a> (v\u00e9ase la figura 2) permite mostrar en la barra lateral este tipo de identificadores de las cuentas de Google+. El widget permite seleccionar insignias de persona, de p\u00e1gina y de comunidad, y tambi\u00e9n permite mostrarlas en varios tama\u00f1os,\u00a0disposiciones y esquemas de color. Para consultar\u00a0todas las posibilidades de configuraci\u00f3n, v\u00e9ase la p\u00e1gina Google+ Badge Widget<\/a>.<\/p>\n

Suscripciones<\/h3>\n

Este widget (v\u00e9ase la figura 2), complementario del m\u00f3dulo “Suscripciones” ya explicado en el art\u00edculo anterior<\/a>, sirve para\u00a0mostrar un formulario de suscripci\u00f3n a las novedades del sitio web. Puede ser un elemento muy valioso para recabar nuevos usuarios o fidelizar a los ya existentes, ya que los usuarios suscritos recibir\u00e1n las novedades del sitio web por email. Los diversos campos del widget proporcionan la opci\u00f3n de configurar a voluntad el texto de la suscripci\u00f3n, el mensaje que se env\u00eda a los usuarios suscritos, etc.<\/p>\n

\"Figura<\/a>
Figura 2 – Widgets de traducci\u00f3n de Google, insignias de Google+ y suscripci\u00f3n<\/figcaption><\/figure>\n

Iconos de medios sociales<\/h3>\n

El prop\u00f3sito de\u00a0este widget<\/a>\u00a0(v\u00e9ase la figura 3) es el de\u00a0mostrar\u00a0iconos con enlaces a las distintas redes sociales vinculadas o relacionadas con\u00a0el sitio web. Incluye algo m\u00e1s\u00a0de una docena de los servicios sociales m\u00e1s conocidos y, permite\u00a0modificar\u00a0los iconos\u00a0mediante CSS; habida cuenta de que este no es un procedimiento transparente para la mayor\u00eda de usuarios, quienes deseen hacer uso de esta funcionalidad deber\u00edan considerar plugins espec\u00edficos, como por ejemplo Lightweight Social Icons<\/a>.<\/p>\n

Perfil de Gravatar<\/h3>\n

El widget de perfil de Gravatar de Jetpack (v\u00e9ase la figura 3) proporciona la posibilidad de\u00a0mostrar el gravatar<\/a> del usuario seleccionado. Este servicio de avatares gr\u00e1ficos universales,\u00a0que utilizan WordPress y WordPress.com (y otras muchas redes sociales y aplicaciones) permite identificar visualmente a un usuario en la Red, a modo de logotipo o emblema. Las opciones de configuraci\u00f3n del widget<\/a> hacen posible mostrar el perfil completo del usuario, as\u00ed como los servicios asociados a su perfil de Gravatar.<\/p>\n

\"Figura<\/a>
Figura 3 – Widgets de iconos sociales y gravatar<\/figcaption><\/figure>\n

El plugin Jetpack tambi\u00e9n dispone de otro m\u00f3dulo relacionado con Gravatar, que es el denominado\u00a0Tarjetas flotantes para gravatares<\/a>. Una vez activado (no necesita configuraci\u00f3n), este m\u00f3dulo permite que, al pasar el rat\u00f3n por encima del icono de una cuenta de usuario, se despliegue una ventana modal emergente con la informaci\u00f3n del perfil correspondiente a\u00a0su gravatar.<\/p>\n

P\u00e1gina de Facebook<\/h3>\n

Este es un widget que permite mostrar\u00a0una caja o cuadro de informaci\u00f3n al estilo de Facebook (v\u00e9ase la figura 4). Debe tenerse en cuenta que el widget solo puede\u00a0mostrar p\u00e1ginas de Facebook<\/a>, no perfiles personales. Las opciones de configuraci\u00f3n<\/a> permiten definir la anchura y altura del widget, el tipo de contenido que se muestra, etc.<\/p>\n

L\u00ednea de tiempo de Twitter<\/h3>\n

Muy parecido al anterior en concepto, el objetivo del widget de Twitter es el de\u00a0mostrar las \u00faltimas intervenciones de una cuenta\u00a0perteneciente a dicha red social (v\u00e9ase la figura 4). El widget<\/a> tambi\u00e9n dispone de la posibilidad de modificar su\u00a0anchura y altura, as\u00ed como diversos elementos del contenido de la cuenta.<\/p>\n

\"Figura<\/a>
Figura 4 – Widgets de Facebook y Twitter<\/figcaption><\/figure>\n

Tanto para el caso de Twitter como para el de Facebook, hay muchos plugins espec\u00edficos con los que se pueden conseguir mejores resultados que con los widgets de Jetpack que acabamos de describir. La mayor virtud de estos dos widgets, sin embargo, es su simplicidad, y el hecho de que no hay que realizar complicadas acciones de configuraci\u00f3n, imprescindibles con la mayor\u00eda de plugins que deben conectar con Twitter o Facebook. Esa tarea de integraci\u00f3n de aplicaciones, a menudo muy inc\u00f3moda para usuarios noveles, ya la ha realizado WordPress.com por ellos.<\/p>\n

Enlaces RSS<\/h3>\n

El widget de enlaces RSS de Jetpack<\/a>\u00a0no debe confundirse con el widget RSS nativo de WordPress, ya que este sirve para mostrar el contenido de fuentes RSS<\/a>\u00a0externas. Por su parte, el widget RSS de Jetpack permite mostrar\u00a0los enlaces a las fuentes RSS de enlaces y comentarios del sitio web en el que est\u00e1 instalado.\u00a0Los enlaces se pueden presentar de varias formas: solo con imagen (el icono de RSS), solo con texto, y con texto e imagen a la vez. En caso de que se seleccione cualquiera de las opciones que incluyen una imagen, tambi\u00e9n se puede seleccionar su tama\u00f1o y color.<\/p>\n

Eventos pr\u00f3ximos<\/h3>\n

El prop\u00f3sito de este widget es mostrar eventos pr\u00f3ximos que formen parte de un calendario de Google<\/a>. Para ello, es necesario definir la URL de la fuente RSS de un calendario de dicho servicio, tal como se explica en la p\u00e1gina dedicada a la configuraci\u00f3n del widget<\/a>. Gracias a\u00a0las funciones proporcionadas por Jetpack, los calendarios tambi\u00e9n se pueden incrustar en una entrada o p\u00e1gina, gracias al shortcode\u00a0[upcomingevents url=\"ICALENDARURL\"]<\/code>.<\/p>\n

Entradas de WordPress<\/h3>\n

El widget de entradas de WordPress sirve para\u00a0mostrar hasta\u00a0diez de las \u00faltimas entradas de un sitio creado con WordPress.com o\u00a0con\u00a0WordPress en alojamiento propio; en este segundo caso, es necesario que en dicho sitio web est\u00e9 activado el plugin Jetpack. Las opciones de configuraci\u00f3n del widget<\/a>\u00a0permiten seleccionar diversos aspectos, como el n\u00famero de entradas, la visualizaci\u00f3n\u00a0de las im\u00e1genes destacadas o la presentaci\u00f3n de los res\u00famenes.<\/p>\n

Mi comunidad<\/h3>\n

Este widget sirve para mostrar los usuarios que han interactuado recientemente con el sitio web. Mediante sus opciones de configuraci\u00f3n<\/a>, el widget permite seleccionar el n\u00famero m\u00e1ximo de usuarios, as\u00ed como diversos tipos de interacciones con el sitio web: usuarios que han indicado que les gusta un art\u00edculo, seguidores y comentaristas.<\/p>\n

Widgets de informaci\u00f3n sobre el sitio: entradas y p\u00e1ginas m\u00e1s vistas, informaci\u00f3n de contacto, comunidad y autores<\/h3>\n

Aunque los widgets que forman parte de este ep\u00edgrafe no corresponden propiamente a ninguna acci\u00f3n de integraci\u00f3n con redes sociales o con servicios de terceros, permiten difundir el contenido del sitio web, y de aqu\u00ed que hayamos decidido incluirlos en este art\u00edculo. Son los siguientes:<\/p>\n