Más Widgets y Plugins

Plugins de WordPress: úsalos con moderación

Los plugins son extensiones que instalamos en nuestro WordPress para aumentar alguna funcionalidad del core. Al igual que los temas, los hay gratuitos y premium, y la temática es muy diversa (plugins para formularios de contacto, SEO, ecommerce, foros….), prácticamente de todo.

Pero es importante no pasarnos e instalar solo los necesarios, ya que si no tenemos control, podemos llenar nuestra web de plugins y esto puede afectar directamente al comportamiento de la web y la velocidad de carga de la misma, incidiendo negativamente en la experiencia de usuario, algo que no es nada bueno.

Estos plugins se instalan en nuestro servidor, más concretamente en la carpeta wp-content/plugins/. Importante, siempre hablamos de plugins para wordpress.org. Recuerda que para wordpress.com no es posible instalar ningún plugin como te comentabamos en esta comparativa.

Formas de instalar un plugin

Las formas de instalar un plugin son muy similares a la instalación de las plantillas WordPress. Hay tres formas principales:

– Directamente buscando y seleccionando el plugin que queremos instalar desde nuestro panel Plugins > Añadir nuevo. Tenemos a nuestra disposición todos los plugins del repositorio oficial, que son todos gratuitos.
– Subiendo el .zip del plugin via Plugins > Añadir nuevo. En la misma ubicación tenemos una opción de subir el plugin en formato .zip desde nuestro ordenador. Esta es la forma más habitual para instalar los plugins premium.
– Instalación vía FTP: si algunos de los métodos anteriores no es el idóneo, también puedes instalar un plugin via FTP. Está es la opción que usan los desarrolladores, sobre todo en fases de desarrollo del plugin, para actualizar los cambios de forma rápida.

Instalar un plugin del repositorio de WordPress.org.

Esta es la forma más sencilla y fácil para el usuario. Simplemente tenemos que acceder en nuestro panel de administración a Plugins > Añadir nuevo. En esta pantalla veremos los plugins más usados, pero podemos usar el buscador para buscar el plugin que necesitemos.

instalar-plugin-wordpress-oficial

Ojo, es importante que el plugin que instalamos sea compatible con la versión de nuestro WordPress. Además, el tiempo de la última actualización del plugin también es importante. Si lleva más de dos años, se entiende que el plugin está abandonado y puede no ser del todo recomendable su instalación.

También puedes hacer uso de la pestaña de plugin “favoritos”, y hacer nuestra propia lista de plugins para tenerlos siempre marcados. Muy útil para cuando haya que realizar otra instalación de WordPress y vayamos a usar los mismos plugins.

Instalar un plugin premium

Este proceso es muy similar al de los temas. Previamente es necesario tener los archivos preparados. Será necesario el .zip del plugin, y es recomendable comprobar que dentro de este archivo se encuentra una única carpeta, que es la que se va a instalar. Es proceso es válido también para los plugins descargados del repositorio.

Importante aquí: solo instalar plugins de fuentes de confianza. Instalar plugins descargados de otras vías que no sean el marketplace, el repositorio de WordPress o la web del autor del plugin no es recomendable, ya que pueden dañar la instalación con otros fines: spam, publicidad encubierta o algo peor.

subir-plugin-wordpress

Una vez comprobado, tendremos que hacer clic en el botón “subir plugin”, para llegar a la pantalla donde realizaremos la subida del archivo .zip

instalar-plugin-wordpress-desde-zip

Una vez subido el zip, el plugin estará preparado para instalarse. Cuando el proceso de instalación haya terminado, podemos decidir si activarlo o dejarlo desactivado. Si vamos a usarlo ya, es el momento de activar.

Para terminar: mantén tus plugins actualizados

Una cuestión importante es mantener los plugins actualizados, ya que suelen ser una de las vías por donde podemos tener accesos no deseados a nuestro sistema. En los últimos días se han encontrado algunas vulnerabilidades en plugins muy conocidos. Por ello siempre es importante estar atento y actualizar en cuanto podamos. Una buena norma puede ser realizar una comprobación una vez a la semana, aunque sí con menor periodicidad, mejor que mejor.

Tutorial WordPress: Qué son los widgets y cómo se instalan

Ahora que ya conoces los plugins de WordPress, te estarás preguntando qué son los widgets. Se pueden comparar con los  módulos de Joomla, en el sentido de que ayudan a insertar nuevos bloques de contenido en la portada. Por ejemplo, las últimas entradas publicadas en el blog.

1: El editor de widgets

A diferencia de los plugins, los widgets no tienen su apartado individual en el Escritorio de WordPress. Como se utilizan para modelar el aspecto de la web, están recogidos en el menú Apariencia> Widgets. Allí podrás ver un panel central con todos los widgets disponibles y, a la derecha, las áreas de inserción que hay implementadas en el tema seleccionado.

wordpress_08_1

2: Gestiona los widgets

La interfaz es tremendamente intuitiva. Para insertar, eliminar o reordenar un widget sólo tienes que arrastrarlo a la posición deseada. Esto es, para añadir uno a una de las áreas de inserción, basta con seleccionarlo en el panel central y llevarlo hasta el área pertinente.

wordpress_08_2

Para eliminarlo, lo único que tienes que hacer “sacarlo fuera” de su área de inserción. El reordenamiento funciona exactamente igual: ponlo donde quieras y listo.

3: Configura un widget

Los parámetros de cada widget activo aparecen cuando presionas sobre su título. Cada widget ofrece su propio formulario de configuración, así que tendrás que especificar los valores que te pida.

wordpress_08_3

4: Instalar nuevos widgets

Por supuesto, la oferta de widgets está a la par con la de plugins, e instalarlos es igual de fácil. De hecho, se instalan desde el mismo menú (Plugins> Añadir nuevo), porque, al fin y al cabo, los widgets son sólo un tipo especial de plugins. Busca el widget deseado y procede de la forma que se ha detallado en el  tutorial sobre la instalación de plugins. Tras activarlo, aparecerá junto al resto en el gestor de widgets.

wordpress_08_4

Integración de las redes sociales a un blog

Son muchas las redes sociales que nos permiten tender un puente entre nuestros perfiles y nuestra página web; un puente que se materializa en forma de botones, widgets o badges que son muy fáciles de generar e insertar en cualquier gestor de contenidos o en un blog (por ejemplo, Foursquare ofrece algunos de estos recursos a los negocios). Precisamente, Flipboard acaba de unirse al “club” de los servicios que ofrecen badges que nos permiten compartir, desde nuestra web, nuestras revistas favoritas o nuestro perfil.

Recursos para integrar nuestros perfiles en redes sociales en cualquier web

Cuando visitamos una página web, es habitual encontrar referencias a sus “coordenadas” en servicios como Twitter o Facebook y tender así un puente entre todos los servicios online en los que se mantiene actividad. Gracias a estas referencias, los usuarios podemos estar al tanto de las actualizaciones o contenidos que se comparten a través de Twitter o Facebook y, claro está, participar en la conversación que se desarrolla en estos canales (más allá de los comentarios que uno puede dejar en una web).

Formas tenemos de integrar las redes sociales en nuestra web y que implica cada una de ellas. Para ello, veremos uno a uno, los diferentes tipos de botones y elementos que existen:

  1. Botones de perfil
  2. Botones de “sígueme”
  3. Widgets de perfil
  4. Botones de “me gusta”
  5. Botones de compartir
  6. Widgets de feeds (últimas publicaciones, últimos tweets)

 

1 – Botones de perfiles sociales

perfiles sociales en la web

iconos perfiles sociales

Los botones de los perfiles sociales acostumbran a ser pequeños iconos en la cabecera o pie de nuestra página que sirven de enlace a nuestros perfiles en cada una de las redes.

Sólo podremos poner aquellos en los que tengamos un perfil o página creado y lo único que hacen es abrir esa página en concreto.

 Cómo crearlos:

Para añadir este tipo de botones en nuestra web, simplemente hemos de buscar aquellos iconos que más nos gusten y se integren con el diseño gráfico e insertarlos como imagen con enlace.

Como acostumbran a ponerse en la cabecera o pie en todas las páginas del sitio, es recomendable que pesen lo mínimo posible para no añadir peso excesivo a la página.

Si utilizamos WordPress, muchos themes o plantillas ya incorporan en el administrador los campos correspondientes para poder añadir las urls de nuestros perfiles y mostrarlos en la web con el diseño propio del tema.

Aquí algunos enlaces con imágenes de iconos de redes sociales que podéis utilizar:

 

Tipografías de iconos:

Una opción alternativa a utilizar iconos de imagen, es hacerlo mediante tipografías como Font Awesome o IcoMoon. Se incorporan a la web como una tipografía normal y la ventaja que tienen es que al ser vectoriales puedes modificar el tamaño y color sin perder resolución, adaptándolas perfectamente en caso de dispositivos móviles, por ejemplo.

Actualmente muchas plantillas de WordPress las incorporan ya por defecto, y aunque se han popularizado mucho, también hay quien opina que se ha abusado sin necesidad, ya que a veces para un único icono, se carga la tipografía entera, con lo que eso implica en el peso y recursos de la página.

2- Botones de “sígueme”

Los botones de sígueme o me gusta, no enlazan con nuestro perfil como los anteriores, sino que directamente consiguen que el usuario que los utiliza te siga en la red social correspondiente.

boton-seguir-FBsigueme-pinterest seguir-google+ sigueme-en-twitter

 

Una aclaración… a veces los conceptos que se utilizan en cada red son diferentes y pueden generar confusión, en Twitter , Google+, Instagram o Pinterest, los usuarios pueden Seguirte, mientras que en Facebook lo que hacen es indicar que les gusta tu página, y en linkedin conectan contigo, si tienes un perfil profesional o te siguen si es un perfil de empresa. Recuerda que en Facebook es diferente tener un perfil personal, en el que para conectar con alguien has de “hacerte amigo” y es bi-direccional, es decir, tu no puedes ser amigo de alguien si no acepta tu solicitud. En cambio, cuando creas una página de Facebook, para una empresa, marca, local, etc… funciona diferente, los usuarios pueden seguirte, sin necesidad de que seaís amigos o que tu le sigas a él.

Cómo crearlos:

Cada red social suele tener una utilidad para crear estos botones con las características que queramos: el tamaño, si muestran la información del número de seguidores o no, etc… y te proporcionan el código que debes insertar en tu web para mostrarlos.

Al final del artículo os dejo los enlaces para crear todos estos botones de las redes más comunes y configurarlos.

En el caso de WordPress, existen plugins específicos para añadir tanto los botones como los widgets de perfil, últimas publicaciones, etc… si necesitas alguno en concreto no dudes en contactarme y te recomendaré en tu caso cual puede ser mejor utilizar.

3- Widgets de perfil

Tienen la misma funcionalidad de los botones de seguir, pero además del botón, muestran información sobre tu perfil: foto, descripción, número de seguidores, etc… la mayoría son configurables para escoger que elementos quieres que se muestren.

google+widget linkedin-perfil facebook-profile

 

La mayoría detectan sin el usuario que está visitando tu web es usuario de esa red y si está conectado le mostrará si ya te está siguiendo o el botón de seguir o me gusta.

Cosas a tener en cuenta:

Velocidad de carga: cuando utilizamos widgets de las redes sociales en nuestra web, cada vez que abrimos la página, nuestra web ha de conectar con los servidores de cada una de ellas y cargar la información de nuestro perfil, de nuestros seguidores, las fotos, etc… toda esta información ralentiza considerablemente la carga de nuestra página, un factor muy importante para optimizar la navegación en nuestra web, sobretodo en dispositivos móviles. Por eso, yo no acostumbro a recomendar insertar este tipo de widgets en las páginas web, o reducirlos al mínimo.

Como añadirlos a nuestra web:

Al igual que los botones para seguir, cada red social tiene en sus páginas de ayuda un asistente para crear el código del perfil con los elementos y tamaño que nosotros necesitamos y que podemos insertar directamente en nuestra web. Al final del post tenéis el listado de urls para generarlos.

4- Botón “me gusta” en Facebook y +1 de Google+

Facebook y Google+, además del botón de seguir para una página de su red, permiten colocar un botón de “me gusta” o “+1” en cualquier página o contenido de nuestra web. En este caso, no es necesario que tengamos una página o perfil en Facebook o Google+, sino que simplemente a los usuarios que hagan click en él, les saldrá en su perfil o muro de la red social que les gusta tu página.

me-gusta-en-facebook

google+1

 

 

Aunque es algo común, no debe confundirse con el botón de Me gusta una página, que corresponde a seguirla, ni con el de Compartir, que veremos en el siguiente punto.

 

 

5- Botones de compartir

Los botones de compartir permiten que los usuarios de nuestra web muestren nuestra página, artículo o foto en su perfil de red social para compartirla con sus seguidores o amigos.

compartir-en-google+ compartir-en-fb twittearpin-it

 

No requiere que tengamos perfil en esa red, es decir,  aunque no tengamos perfil en Twitter, cualquier usuario que si lo tenga puede compartir nuestro contenido en esa red y de esa forma enviarnos visitas entre sus seguidores.

También aquí cada red tiene su propia nomenclatura… en Facebook y Google+ es compartir, pero en Twitter es Twittear y en Pinterest “pinear” o Pin it.

Estos botones son especialmente recomendados cuando tenemos un blog o generamos contenido de tipo visual, como infografías o videos. Facilitar a los usuarios que compartan nuestro contenido nos ayudará a difundirlo y que llegue al máximo de gente posible, y de esta forma darnos a conocer y conseguir más tráfico en nuestra web.

Como el resto de los que hemos visto, las diferentes redes sociales nos ofrecen asistentes para crear los botones para compartir, pero además hay otras opciones muy prácticas, como Sumome.

sumome

 

 

Sumome es una aplicación en la que te das de alta y te genera un código para insertar en tu web y de esta forma mostrar los botones de compartir de formas más llamativas y prácticas. Permite crear barras “flotantes” en el lateral de la web que te siguen al hacer scroll y de esta forma estan siempre visibles. Tiene además muchas otras utilidades para crear formularios de suscripción, seguimiento de analíticas, etc.

 

6- Widgets de feeds

Aunque nos pueda sonar algo extraño, un feed no es más que un listado de información de, por ejemplo, las últimas publicaciones en facebook, los últimos tweets, etc..

La mayoría de redes sociales nos permiten insertar un widget, un módulo que muestre en nuestra web las últimas publicaciones de nuestra página, o por ejemplo en twitter, nos permite mostrar los últimos tweets con un determinado #hashtag y Pinterest un mural con las fotos de un determinado tablero.

feed-twitter

feed-facebook feed-pinterest

¿Cómo generar estos botones y widgets?

Como os comentaba, cada red social tiene su propio asistente o ayuda para generar sus propios botones con las personalizaciones determinadas.

Aquí os dejo un listado de las páginas donde podéis crear estos botones en las redes sociales más comunes:

 

¿Cuáles son los más recomendados?

Las redes sociales son una gran herramienta para poder difundir nuestro contenidos y promocionarlos, así como para poder conectar y estar en contacto con gente de nuestro sector, con nuestros seguidores, clientes, etc.. sin embargo, muchos consultores de marketing online, con los que coincido plenamente, insisten en que no debemos dar más importancia a estas redes sociales de la que tienen, es decir, no debemos centrar nuestra estrategia en conseguir seguidores en una determinada red, sino en conseguir que estos seguidores vayan a nuestra web y nos compren, consulten, suscriban, etc… aquello a que nosotros nos interesa que hagan.

Es por eso que no recomiendo promocionar en exceso nuestras redes sociales en la web, ya que la dirección ha de ser la contraria, hemos de promocionar nuestra web en los perfiles sociales para conseguir tráfico que llegue a la web y con los que podamos llegar a conectar.

Está bien poner los botones de los perfiles, para que la gente sepa en que redes sociales puede encontrarnos y seguirnos, y sobretodo los de compartir, porque de esta forma facilitamos que los usuarios compartan nuestro contenido y llegar a sí a más publico potencial.

Widgets y Plugins

WIDGETS

En informática, un widget o artilugio es una pequeña aplicación o programa, usualmente presentado en archivos o ficheros pequeños que son ejecutados por un motor de widgets o Widget Engine. Entre sus objetivos están dar fácil acceso a funciones frecuentemente usadas y proveer de información visual. Aunque no es condición indispensable, los widgets suelen ser utilizados para ser “empotrados” en otra página web, copiando el código que el mismo widget pone a disposición del usuario. Dado que son pequeñas aplicaciones, los widgets pueden hacer todo lo que la imaginación desee e interactuar con servicios e información distribuida en Internet; pueden ser vistosos relojes en pantalla, notas, calculadoras, calendarios, agendas, juegos, ventanas con información del tiempo en su ciudad, incluso sistemas de tiendas de comercio, etcétera.

widget_wordpress

Widgets de escritorio: son los que más conocemos. Son herramientas interactivas descargables que se insertan en el escritorio de nuestro ordenador. Suelen ser aplicaciones para: el tiempo, el reloj, buscadores, etc.

Web widgets: partes de código que representan funcionalidades o contenidos que pueden ser instalados y ejecutados en tu página de manera sencilla. El código puede programarse desde: Javacript, Flash, Silverlight y Windows Media Player entre otros. Su objetivo es enriquecer los contenidos y funcionalidades de tu Web sin necesidad de programar y crear nuevos contenidos.

Widgets para móviles: similares a los de escritorio, pero, en este caso, para el interface del teléfono. A pesar de lo pequeña que pueda ser su pantalla, los Widgets se adaptan perfectamente a la misma y prestan servicios interactivos de gran calidad.

Widgets físicos: mecanismos compactos interactivos que integran varias funciones típicas de los Widgets utilizados en un ordenador. Sus funcionalidades más comunes pueden ser alarmas despertador, información del tiempo, de Internet, etc.

PLUGINS

Un plugin es un fragmento de código (programa) que amplía las funcionalidades de una página hecha con WordPress.

Por defecto WordPress sólo trae instalado el plugin Akismet, que sirve para evitar el spam.

Sin embargo, si quieres explotar al máximo las posibilidades de tu web necesitarás plugins que mejoren el SEO, compriman de forma automática tus imágenes, te permitan utilizar cualquier tipografía, traduzcan tus contenidos, realicen copias de seguridad, añadan una tienda virtual, utilicen la caché para aumentar la velocidad, o lo que cubra las necesidades de tu caso concreto.

Para encontrarlos en tu panel de control tienes que ir a la columna de la izquierda y solo son visibles por el administrador del sitio, los usuarios no pueden verlos.

plugins-wordpress

DIFERENCIAS ENTRE WIDGETS Y PLUGINS

Los plugins de WordPress serían como las aplicaciones que te descargas de la Play Store.

Por ejemplo una aplicación para conocer en todo momento el clima de tu ciudad.

Una vez descargada e instalada la aplicación, ésta genera unos widgets que puedes anclar en las pantallas de inicio en Android.

En este caso la aplicación crea un bloque (widget) que muestra un sol, nubes o lluvia dependiendo de cómo esté el día.

Pues lo mismo en WordPress.

El plugin añade la funcionalidad, el widget la muestra.

El widget, por tanto, es la parte del plugin que el usuario puede ver.