{"id":28785,"date":"2019-02-18T17:54:37","date_gmt":"2019-02-18T15:54:37","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=28785"},"modified":"2019-02-18T17:54:37","modified_gmt":"2019-02-18T15:54:37","slug":"3-plugins-para-usar-icon-fonts-en-wordpress","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/wordpress\/3-plugins-para-usar-icon-fonts-en-wordpress\/","title":{"rendered":"3 Plugins para usar Icon Fonts en WordPress"},"content":{"rendered":" <!-- x0 --><div style=\"min-height: 30px; margin-top: 0px; padding-bottom: 7px; z-index: 1;position: relative; float: none;\" class=\"social-container\"><\/div><p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"3 Plugins para usar Icon Fonts en WordPress\" class=\"aligncenter size-medium wp-image-28800\" height=\"400\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/icon-fonts-wordpress-600x400.jpg\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/icon-fonts-wordpress.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/icon-fonts-wordpress-500x333.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/icon-fonts-wordpress-350x233.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<p>\n\tDesde que se empezaron a crear p&aacute;ginas web, los administradores siempre han buscado <strong>a&ntilde;adir elementos gr&aacute;ficos<\/strong> para facilitar su uso y, por que no, mejorar el dise&ntilde;o de la web.\n<\/p>\n<p>\n\tUna de las formas m&aacute;s habituales y comunes de a&ntilde;adir elementos gr&aacute;ficos eran <strong>los iconos<\/strong>, peque&ntilde;os gr&aacute;ficos que se pod&iacute;an a&ntilde;adir a los men&uacute;s u otros sitios de la web.\n<\/p>\n<p>\n\tEn los a&ntilde;os 90, las velocidades de conexi&oacute;n a Internet eran realmente bajas, lo que gener&oacute; una tendencia para a&ntilde;adir im&aacute;genes llamativas en la web: <strong>los Gifs animados<\/strong>.\n<\/p>\n<p>\n\tCon el paso del tiempo y la llegada de los dise&ntilde;os adaptables a la resoluci&oacute;n de la pantalla, los iconos y los gifs ten&iacute;an un problema, <strong>el pixelado<\/strong>.\n<\/p>\n<p>\n\tSi creas un gr&aacute;fico para que se vea correctamente a una resoluci&oacute;n y luego lo ves en una pantalla con mucha m&aacute;s resoluci&oacute;n <strong>se pixela y ya no queda bien<\/strong>.\n<\/p>\n<p>\n\tPero no hay problema, porque tenemos los <strong>Icon Fonts<\/strong> con los que podemos a&ntilde;adir bonitos gr&aacute;ficos sin problemas de pixelados, ya que se trata de gr&aacute;ficos vectoriales, al igual que las fuentes de texto.\n<\/p>\n<p>\n\tSi hab&eacute;is editado texto en alg&uacute;n programa tipo Word, habr&aacute;s visto que por mucho que subas el tama&ntilde;o del texto nunca se ve mal.\n<\/p>\n<p>\n\tCon los Icon Fonts pasa lo mismo, por eso lo de <em>font<\/em> (fuente), son gr&aacute;ficos vectoriales que podemos ampliar a reducir su tama&ntilde;o <strong>sin ning&uacute;n tipo de problema<\/strong> a la hora de su <strong>visualizaci&oacute;n en pantalla<\/strong>.\n<\/p>\n<p>\n\tSi est&aacute;s pensando que los Icon Fonts son una buena idea y que te gustar&iacute;a poder usarlos en WordPress, ver&aacute;s que <strong>no tienes una forma nativa de hacerlo<\/strong>, aunque algunos themes si que a&ntilde;aden algunos directamente.\n<\/p>\n<p>\n\tPor suerte estamos en WordPress y casi todas sus carencias <strong>las podemos solucionar con un plugin<\/strong>.\n<\/p>\n<p>\n\tAqu&iacute; tienes una <strong>serie de plugins<\/strong> que puedes usar en WordPress con <strong>trabajar con los Icon Fonts<\/strong> sin tener que andar copiando y pegando c&oacute;digo en tu WordPress.<br \/>\n\t&nbsp;\n<\/p>\n<h2>\n\tPlugin Visual Icon Fonts para WordPress<br \/>\n<\/h2>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"visual icon fonts plugin WordPress\" class=\"aligncenter size-medium wp-image-28787\" height=\"192\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/visual-icon-fonts-plugin-600x192.jpg\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/visual-icon-fonts-plugin.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/visual-icon-fonts-plugin-500x160.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/visual-icon-fonts-plugin-350x112.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<p>\n\tSi hacemos una b&uacute;squeda en el buscador de plugins de WordPress, la primera opci&oacute;n que encontraremos ser&aacute; el plugin <strong>Visual Icon Fonts<\/strong>.\n<\/p>\n<p>\n\tEl plugin <strong>Visual Icon Fonts<\/strong> nos facilita la tarea de a&ntilde;adir los iconos desde el editor de WordPress en cualquier p&aacute;gina o post.\n<\/p>\n<p>\n\tEl plugin toma los iconos desde la web <strong>Font Awesome<\/strong>, aunque en las opciones tambi&eacute;n podemos seleccionar iconos de <strong>Genericons<\/strong> para poder usarlos.\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"visual icon fonts font awesome genericons\" class=\"aligncenter size-full wp-image-28788\" height=\"471\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/visual-icon-fonts-font-awesome-genericons.jpg\" width=\"450\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/visual-icon-fonts-font-awesome-genericons.jpg 450w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/visual-icon-fonts-font-awesome-genericons-350x366.jpg 350w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/>\n<\/p>\n<p>\n\tEl plugin nos ofrece 369 iconos de Font Awesome y 62 de Genericons, que pueden parecer pocos, pero que en realidad nos servir&aacute;n en un uso normal de los iconos.\n<\/p>\n<p>\n\tUna vez est&eacute; instalado y activado, solo tenemos que ir al editor de WordPress. Junto al bot&oacute;n de <strong>A&ntilde;adir Objetos<\/strong>, encontraremos otro llamado <strong>Icons<\/strong>.\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"visual icon fonts boton WordPress\" class=\"aligncenter size-full wp-image-28792\" height=\"422\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/visual-icon-fonts-boton.jpg\" width=\"543\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/visual-icon-fonts-boton.jpg 543w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/visual-icon-fonts-boton-500x389.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/visual-icon-fonts-boton-350x272.jpg 350w\" sizes=\"auto, (max-width: 543px) 100vw, 543px\" \/>\n<\/p>\n<p>\n\tDesde ah&iacute;, solo tenemos que seleccionar el icono que queramos a&ntilde;adir en el texto, como si de una imagen se tratara.\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"visual icon fonts anadir icono WordPress\" class=\"aligncenter size-medium wp-image-28794\" height=\"336\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/visual-icon-fonts-anadir-icono-600x336.jpg\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/visual-icon-fonts-anadir-icono.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/visual-icon-fonts-anadir-icono-500x280.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/visual-icon-fonts-anadir-icono-350x196.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<p>\n\tUna vez est&eacute; a&ntilde;adido, podemos tratarlo como si de un tipo de letra fuera. Podemos cambiarle el tama&ntilde;o o el color, as&iacute; como la alineaci&oacute;n del mismo y al ser vectorial no veremos ning&uacute;n pixel en ning&uacute;n momento\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"visual icon fonts icono editado WordPress\" class=\"aligncenter size-medium wp-image-28795\" height=\"371\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/visual-icon-fonts-icono-editado-600x371.jpg\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/visual-icon-fonts-icono-editado.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/visual-icon-fonts-icono-editado-500x309.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/visual-icon-fonts-icono-editado-350x216.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<h2>\n\t<br \/>\n\tPlugin WP SVG Icons para WordPress<br \/>\n<\/h2>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"svg icons plugin WordPress\" class=\"aligncenter size-medium wp-image-28796\" height=\"187\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/svg-icons-plugin-600x187.jpg\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/svg-icons-plugin.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/svg-icons-plugin-500x156.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/svg-icons-plugin-350x109.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<p>\n\tEl plugin <strong>WP SVG Icons<\/strong> es uno de los m&aacute;s usados en WordPress, m&aacute;s de 50 mil instalaciones activas.\n<\/p>\n<p>\n\tIncluye <strong>490 bonitos iconos<\/strong> que podemos usar en <strong>cualquier parte<\/strong> de nuestro WordPress los usando <strong>shortcodes<\/strong> que generan.\n<\/p>\n<p>\n\tAl activarlo se crear&aacute; un men&uacute; en la barra lateral llamado <strong>WP SVG Icons<\/strong>.\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"svg icons menu WordPress\" class=\"aligncenter size-full wp-image-28797\" height=\"254\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/svg-icons-menu.jpg\" width=\"413\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/svg-icons-menu.jpg 413w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/svg-icons-menu-350x215.jpg 350w\" sizes=\"auto, (max-width: 413px) 100vw, 413px\" \/>\n<\/p>\n<p>\n\tDesde ah&iacute; podemos acceder a la opci&oacute;n <strong>Default Icon Set<\/strong>, donde nos encontraremos todos los iconos disponibles.\n<\/p>\n<p>\n\tLos iconos los podemos previsualizar en grande y podemos a&ntilde;adirles etiquetas como H1, H2 y cosas as&iacute;.\n<\/p>\n<p>\n\tSeg&uacute;n las opciones que le a&ntilde;adamos al icono, se generar&aacute; un <strong>shortcode que podemos copiar y pegar <\/strong>en la parte de la web que nos interese, incluidos los men&uacute;s.\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"svg icons shortcode WordPress\" class=\"aligncenter size-medium wp-image-28798\" height=\"336\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/svg-icons-shortcode-600x336.jpg\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/svg-icons-shortcode.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/svg-icons-shortcode-500x280.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/svg-icons-shortcode-350x196.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<p>\n\tSi lo que queremos es a&ntilde;adir directamente el icono en el editor de WordPress, solo tenemos que pulsar en el bot&oacute;n <strong>Add Icon<\/strong>, lo que nos abrir&aacute; una ventana en donde encontraremos las mismas opciones.\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"svg icons add icon WordPress\" class=\"aligncenter size-medium wp-image-28790\" height=\"374\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/svg-icons-add-icon-600x374.jpg\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/svg-icons-add-icon.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/svg-icons-add-icon-500x312.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/svg-icons-add-icon-350x218.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<h2>\n\t<br \/>\n\tPlugin Font Awesome para WordPress<br \/>\n<\/h2>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"font awesome plugin WordPress\" class=\"aligncenter size-medium wp-image-28789\" height=\"191\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/font-awesome-plugin-600x191.jpg\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/font-awesome-plugin.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/font-awesome-plugin-500x159.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/font-awesome-plugin-350x111.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<p>\n\t<strong>Font Awesome<\/strong> es otro de los plugins de WordPress con los que puedes a&ntilde;adir Icon Font en WordPress, quiz&aacute; sea el sitio m&aacute;s famosos en lo que a los Icon Fonts se refiere, as&iacute; que es l&oacute;gico que tengan su propio plugin.\n<\/p>\n<p>\n\tAl activar el plugin encontraremos un nuevo men&uacute; llamado en el que podemos cambiar algunas opciones, pero no es necesario ning&uacute;n cambio para el correcto funcionamiento.\n<\/p>\n<p>\n\tSu uso implica tener que visitar su web para elegir el icono, es decir que <strong>no podemos agregarlo directamente<\/strong> desde nuestro editor de WordPress.\n<\/p>\n<p>\n\tTenemos que ir a la galer&iacute;a de iconos (hacer <a href=\"https:\/\/fontawesome.com\/icons?d=gallery\" target=\"_blank\" title=\"Galer\u00eda iconos \">click aqu&iacute;<\/a>) y buscar el icono que queramos y pulsar sobre &eacute;l.\n<\/p>\n<p>\n\tEsto nos llevar&aacute; a una pantalla donde podemos ver el icono y unos opciones para poder copiarlo, nosotros tenemos que <strong>elegir la opci&oacute;n HTML<\/strong>.\n<\/p>\n<p>\n\t<img loading=\"lazy\" decoding=\"async\" alt=\"font awesome elegir icono WordPress\" class=\"aligncenter size-medium wp-image-28791\" height=\"474\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/font-awesome-elegir-icono-600x474.jpg\" width=\"600\" srcset=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/font-awesome-elegir-icono.jpg 600w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/font-awesome-elegir-icono-500x395.jpg 500w, https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/font-awesome-elegir-icono-350x277.jpg 350w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n<\/p>\n<p>\n\tY por &uacute;ltimo tenemos que pegar el c&oacute;digo directamente en el editor HTMl de WordPress y guardar los cambios, sin duda la opci&oacute;n m&aacute;s engorrosa de todas las que hemos visto, pero la m&aacute;s ligera y es el plugin oficial de <strong>Font Awesome<\/strong>.\n<\/p>\n<h2>\n\tHosting SSD para WordPress con Soporte T&eacute;cnico Incluido<br \/>\n<\/h2>\n<p>\n\t<a href=\"https:\/\/www.hostinet.com\/hosting-wordpress\/\" target=\"_blank\"><img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2026\/03\/banner_hosting_wordpress.jpg\" alt=\"Hosting WordPress\"><\/a><\/p>\n<div style=\"min-height: 30px; margin-top: 0px; padding-bottom: 7px; z-index: 1;position: relative; float: none;\" class=\"social-container\"><\/div> <!-- x1 -->","protected":false},"excerpt":{"rendered":"<p>Desde que se empezaron a crear p&aacute;ginas web, los administradores siempre han buscado a&ntilde;adir elementos gr&aacute;ficos para facilitar su uso y, por que no, mejorar el dise&ntilde;o de la web. Una de las formas m&aacute;s habituales y comunes de a&ntilde;adir elementos gr&aacute;ficos eran los iconos, peque&ntilde;os gr&aacute;ficos que se pod&iacute;an\u2026 <\/p>\n<div class=\"post-more\">\n<p><a class=\"btn button\" href=\"https:\/\/www.hostinet.com\/formacion\/wordpress\/3-plugins-para-usar-icon-fonts-en-wordpress\/\">Sigue leyendo &rarr;<\/a><\/p>\n<\/div>\n","protected":false},"author":14,"featured_media":28800,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1783],"tags":[],"class_list":["post-28785","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>3 Plugins para usar Icon Fonts en WordPress<\/title>\n<meta name=\"description\" content=\"Desde que se empezaron a crear p&aacute;ginas web, los administradores siempre han buscado a&ntilde;adir elementos gr&aacute;ficos para facilitar su uso\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostinet.com\/formacion\/wordpress\/3-plugins-para-usar-icon-fonts-en-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3 Plugins para usar Icon Fonts en WordPress\" \/>\n<meta property=\"og:description\" content=\"Desde que se empezaron a crear p&aacute;ginas web, los administradores siempre han buscado a&ntilde;adir elementos gr&aacute;ficos para facilitar su uso\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostinet.com\/formacion\/wordpress\/3-plugins-para-usar-icon-fonts-en-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostinet\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-18T15:54:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/icon-fonts-wordpress.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marce Medina\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Hostinet\" \/>\n<meta name=\"twitter:site\" content=\"@Hostinet\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marce Medina\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/3-plugins-para-usar-icon-fonts-en-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/3-plugins-para-usar-icon-fonts-en-wordpress\\\/\"},\"author\":{\"name\":\"Marce Medina\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/person\\\/c30f2ada08e5d4836b12fd3782d3958f\"},\"headline\":\"3 Plugins para usar Icon Fonts en WordPress\",\"datePublished\":\"2019-02-18T15:54:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/3-plugins-para-usar-icon-fonts-en-wordpress\\\/\"},\"wordCount\":1024,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/3-plugins-para-usar-icon-fonts-en-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/icon-fonts-wordpress.jpg\",\"articleSection\":[\"Wordpress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/3-plugins-para-usar-icon-fonts-en-wordpress\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/3-plugins-para-usar-icon-fonts-en-wordpress\\\/\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/3-plugins-para-usar-icon-fonts-en-wordpress\\\/\",\"name\":\"3 Plugins para usar Icon Fonts en WordPress\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/3-plugins-para-usar-icon-fonts-en-wordpress\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/3-plugins-para-usar-icon-fonts-en-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/icon-fonts-wordpress.jpg\",\"datePublished\":\"2019-02-18T15:54:37+00:00\",\"description\":\"Desde que se empezaron a crear p&aacute;ginas web, los administradores siempre han buscado a&ntilde;adir elementos gr&aacute;ficos para facilitar su uso\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/3-plugins-para-usar-icon-fonts-en-wordpress\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/3-plugins-para-usar-icon-fonts-en-wordpress\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/3-plugins-para-usar-icon-fonts-en-wordpress\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/icon-fonts-wordpress.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2019\\\/02\\\/icon-fonts-wordpress.jpg\",\"width\":600,\"height\":400,\"caption\":\"3 Plugins para usar Icon Fonts en WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/3-plugins-para-usar-icon-fonts-en-wordpress\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wordpress\",\"item\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/category\\\/wordpress\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"3 Plugins para usar Icon Fonts en WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#website\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\",\"name\":\"Hostinet\",\"description\":\"Hosting y dominios en Espa\u00f1a. La mejor calidad a precios baratos\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\"},\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\",\"name\":\"Hostinet SLU\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/hostinet-logo.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/hostinet-logo.jpg\",\"width\":600,\"height\":245,\"caption\":\"Hostinet SLU\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/Hostinet\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/person\\\/c30f2ada08e5d4836b12fd3782d3958f\",\"name\":\"Marce Medina\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"caption\":\"Marce Medina\"},\"sameAs\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"3 Plugins para usar Icon Fonts en WordPress","description":"Desde que se empezaron a crear p&aacute;ginas web, los administradores siempre han buscado a&ntilde;adir elementos gr&aacute;ficos para facilitar su uso","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hostinet.com\/formacion\/wordpress\/3-plugins-para-usar-icon-fonts-en-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"3 Plugins para usar Icon Fonts en WordPress","og_description":"Desde que se empezaron a crear p&aacute;ginas web, los administradores siempre han buscado a&ntilde;adir elementos gr&aacute;ficos para facilitar su uso","og_url":"https:\/\/www.hostinet.com\/formacion\/wordpress\/3-plugins-para-usar-icon-fonts-en-wordpress\/","og_site_name":"Hostinet","article_published_time":"2019-02-18T15:54:37+00:00","og_image":[{"width":600,"height":400,"url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/icon-fonts-wordpress.jpg","type":"image\/jpeg"}],"author":"Marce Medina","twitter_card":"summary_large_image","twitter_creator":"@Hostinet","twitter_site":"@Hostinet","twitter_misc":{"Escrito por":"Marce Medina","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/3-plugins-para-usar-icon-fonts-en-wordpress\/#article","isPartOf":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/3-plugins-para-usar-icon-fonts-en-wordpress\/"},"author":{"name":"Marce Medina","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/person\/c30f2ada08e5d4836b12fd3782d3958f"},"headline":"3 Plugins para usar Icon Fonts en WordPress","datePublished":"2019-02-18T15:54:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/3-plugins-para-usar-icon-fonts-en-wordpress\/"},"wordCount":1024,"commentCount":0,"publisher":{"@id":"https:\/\/www.hostinet.com\/formacion\/#organization"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/3-plugins-para-usar-icon-fonts-en-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/icon-fonts-wordpress.jpg","articleSection":["Wordpress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostinet.com\/formacion\/wordpress\/3-plugins-para-usar-icon-fonts-en-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/3-plugins-para-usar-icon-fonts-en-wordpress\/","url":"https:\/\/www.hostinet.com\/formacion\/wordpress\/3-plugins-para-usar-icon-fonts-en-wordpress\/","name":"3 Plugins para usar Icon Fonts en WordPress","isPartOf":{"@id":"https:\/\/www.hostinet.com\/formacion\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/3-plugins-para-usar-icon-fonts-en-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/3-plugins-para-usar-icon-fonts-en-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/icon-fonts-wordpress.jpg","datePublished":"2019-02-18T15:54:37+00:00","description":"Desde que se empezaron a crear p&aacute;ginas web, los administradores siempre han buscado a&ntilde;adir elementos gr&aacute;ficos para facilitar su uso","breadcrumb":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/3-plugins-para-usar-icon-fonts-en-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostinet.com\/formacion\/wordpress\/3-plugins-para-usar-icon-fonts-en-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/3-plugins-para-usar-icon-fonts-en-wordpress\/#primaryimage","url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/icon-fonts-wordpress.jpg","contentUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/02\/icon-fonts-wordpress.jpg","width":600,"height":400,"caption":"3 Plugins para usar Icon Fonts en WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/3-plugins-para-usar-icon-fonts-en-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.hostinet.com\/formacion\/"},{"@type":"ListItem","position":2,"name":"Wordpress","item":"https:\/\/www.hostinet.com\/formacion\/category\/wordpress\/"},{"@type":"ListItem","position":3,"name":"3 Plugins para usar Icon Fonts en WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.hostinet.com\/formacion\/#website","url":"https:\/\/www.hostinet.com\/formacion\/","name":"Hostinet","description":"Hosting y dominios en Espa\u00f1a. La mejor calidad a precios baratos","publisher":{"@id":"https:\/\/www.hostinet.com\/formacion\/#organization"},"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.hostinet.com\/formacion\/#organization","name":"Hostinet SLU","url":"https:\/\/www.hostinet.com\/formacion\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/logo\/image\/","url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/06\/hostinet-logo.jpg","contentUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/06\/hostinet-logo.jpg","width":600,"height":245,"caption":"Hostinet SLU"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/Hostinet"]},{"@type":"Person","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/person\/c30f2ada08e5d4836b12fd3782d3958f","name":"Marce Medina","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","caption":"Marce Medina"},"sameAs":["https:\/\/www.hostinet.com\/formacion\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/28785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/comments?post=28785"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/28785\/revisions"}],"predecessor-version":[{"id":28801,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/28785\/revisions\/28801"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/media\/28800"}],"wp:attachment":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/media?parent=28785"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/categories?post=28785"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/tags?post=28785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}