{"id":5296,"date":"2013-04-18T10:39:52","date_gmt":"2013-04-18T08:39:52","guid":{"rendered":"http:\/\/www.host-fusion.com\/blog\/?p=5296"},"modified":"2015-11-13T12:06:12","modified_gmt":"2015-11-13T11:06:12","slug":"como-crear-tu-propio-widget-de-redes-sociales","status":"publish","type":"post","link":"https:\/\/www.host-fusion.com\/blog\/2013\/04\/18\/como-crear-tu-propio-widget-de-redes-sociales\/","title":{"rendered":"Como crear tu propio Widget de Redes Sociales"},"content":{"rendered":"

\"Iconos<\/a><\/p>\n

Una forma muy sencilla de crear tu propio Widget con los iconos de tus Redes Sociales es utilizar el propio editor nativo de WordPress, da igual que sea de post o p\u00e1ginas, siguiendo unos sencillos pasos podemos crear nuestro propio Widget con dise\u00f1o \u00fanico y toque personal.<\/p>\n

En primer lugar necesitamos los iconos, podemos encontrarlos en varios sitios, una b\u00fasqueda r\u00e1pida de webs de iconos en Google y encontraremos muchos dise\u00f1os, \u00a0la gran mayor\u00eda gratuitos, si eres un manitas te los puedes dise\u00f1ar tu mismo, recuerda que las extensiones de las im\u00e1genes pueden .gif, .jpeg o .png.<\/p>\n

Una vez tenemos nuestro set de iconos preparados vamos a nuestro WordPress y a\u00f1adimos una nueva entrada, pero no la publicaremos ya que nuestra intenci\u00f3n es utilizar solo el editor como programa de dise\u00f1o y maquetaci\u00f3n, tal cual hacemos para crear nuestros post con im\u00e1genes texto etc.<\/p>\n

La idea es insertar los iconos como im\u00e1genes y enlazar cada uno de ellos a nuestras cuentas de Redes Sociales, recomiendo que al enlazar cada icono, este al hacer clic se abra una nueva ventana o p\u00e1gina, de esta forma nuestros visitantes no saldr\u00e1n totalmente de nuestra web, tampoco es cuesti\u00f3n de sacarlos de nuestra web.<\/p>\n

Cuando ya tenemos nuestro dise\u00f1o terminado lo que tenemos que hacer es cambiar a la pesta\u00f1a texto, copiamos todo el c\u00f3digo y nos vamos a la secci\u00f3n de Apariencia y hacemos clic en Widgets, seleccionamos y arrastramos un Widget de texto al sidebar activo, lo ponemos donde queramos, depende del tema que uses puedes ponerlo en el sidebar de la derecha, la izquierda y si tienes la opci\u00f3n en el fald\u00f3n de tu web, tu decides.<\/p>\n

A\u00f1adido el Widget de texto solo tenemos que pegar el c\u00f3digo generado anteriormente dentro de la caja de texto del Widget, guardamos y visualizamos, ya tenemos nuestro propio Widget de \u00a0Redes Sociales sin la necesidad de utilizar un plugin.<\/p>\n

Ve haciendo pruebas hasta que quede como a ti te gusta y totalmente integrado con el dise\u00f1o de tu web, este mismo truco lo puedes emplear por ejemplo para incluir una imagen enlazada con texto, solo texto, solo imagen, links o incluso insertar un video de Youtube o Vimeo insertando el c\u00f3digo generado que nos ofrecen estas plataformas, solo ser\u00e1 cuesti\u00f3n de modificar los par\u00e1metros del ancho y la altura hasta dejarlo como a ti te gusta.<\/p>\n

Un peque\u00f1o truco, sencillo y r\u00e1pido y que te puede servir para crear tus propios Widgets personalizados, cuesti\u00f3n de imaginaci\u00f3n.<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Una forma muy sencilla de crear tu propio Widget con los iconos de tus Redes Sociales es utilizar el propio editor nativo de WordPress, da igual que sea de post o p\u00e1ginas, siguiendo unos sencillos pasos podemos crear nuestro propio Widget con dise\u00f1o \u00fanico y toque personal. En primer lugar necesitamos los iconos, podemos encontrarlos […]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[90,352,47,567,1,621,351,376,467],"tags":[5,109,723,722,1098],"class_list":["post-5296","post","type-post","status-publish","format-standard","hentry","category-diseno-web-marbella","category-facebook","category-google","category-hosting-2","category-novedades-h-f","category-plugins-para-wordpress","category-twitter","category-wordpress","category-youtube","tag-host-fusion","tag-hosting-wordpress","tag-widget-de-redes-sociales","tag-widget-wordpress","tag-wordpress"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\n\t\t