{"id":3765,"date":"2016-03-10T11:50:07","date_gmt":"2016-03-10T11:50:07","guid":{"rendered":"http:\/\/www.gadae.com\/blog\/?p=3765"},"modified":"2016-03-10T11:52:46","modified_gmt":"2016-03-10T11:52:46","slug":"diseno-web-personalizar-wordpress","status":"publish","type":"post","link":"https:\/\/www.gadae.com\/blog\/diseno-web-personalizar-wordpress\/","title":{"rendered":"5 trucos de dise\u00f1o web para personalizar tu WordPress"},"content":{"rendered":"<p>La mayor\u00eda de las p\u00e1ginas en WordPress utilizan una plantilla gratuita de las que vienen por defecto. Muchos otros han preferido descargarse una de las muchas que se pueden encontrar por Internet. Y finalmente los que han estado dispuestos a comprar una plantilla de pago. Pero en todos los casos, si queremos crear un buen blog o una buena p\u00e1gina en WordPress, debemos tratar de personalizar nuestro dise\u00f1o lo m\u00e1ximo posible.<\/p>\n<h2>Personalizar tu dise\u00f1o web en WordPress<\/h2>\n<p>Aunque no se tengan nociones de CSS muy avanzadas, se pueden crear dise\u00f1os muy originales simplemente copiando y pegando fragmentos de c\u00f3digo. Vamos a ense\u00f1arte algunas de las cosas que puedes a\u00f1adir a tu WordPress.<!--more--><\/p>\n<h4>1. Botones<\/h4>\n<p align=\"center\"><button class=\"btn btn-default\" type=\"button\">Default<\/button><!-- Provides extra visual weight and identifies the primary action in a set of buttons --><button class=\"btn btn-primary\" type=\"button\">Primary<\/button><!-- Indicates a successful or positive action --><button class=\"btn btn-success\" type=\"button\">Success<\/button><!-- Contextual button for informational alert messages --><button class=\"btn btn-info\" type=\"button\">Info<\/button><!-- Indicates caution should be taken with this action --><button class=\"btn btn-warning\" type=\"button\">Warning<\/button><!-- Indicates a dangerous or potentially negative action --><button class=\"btn btn-danger\" type=\"button\">Danger<\/button><!-- Deemphasize a button by making it look like a link while maintaining button behavior --><button class=\"btn btn-link\" type=\"button\">Link<\/button><\/p>\n<p>Si tu tema WordPress no te ofrece botones, o no sabes qu\u00e9 plugin utilizar para ponerlos, utiliza los que te ofrece <a href=\"http:\/\/getbootstrap.com\/css\/#buttons\">esta p\u00e1gina<\/a>. De hecho, s\u00f3lo tienes que copiar el fragmento de c\u00f3digo que ves en la imagen para colocar el bot\u00f3n que quieras y donde quieras. Lo mismo te puede valer para una landing page que para un formulario de suscripci\u00f3n a tu newsletter.<\/p>\n<p>Tendr\u00edas que cambiar la palabra que viene entre las dos etiquetas para que el bot\u00f3n ponga lo que t\u00fa quieras. Si quieres sustituir o personalizar un bot\u00f3n que ya existe, s\u00f3lo tendr\u00edas que sustituir el c\u00f3digo HTML por \u00e9ste y mantener la acci\u00f3n que realice. Si lo que quieres es utilizar estos botones para relacionar alguna acci\u00f3n, por ejemplo que conduzcan a otra p\u00e1gina, tendr\u00edas que poner las etiquetas &lt;a href=\u00bblaurlquesea.com\u00bb&gt; y &lt;\/a&gt;<\/p>\n<figure class=\"highlight\">\n<pre><code class=\"language-html\" data-lang=\"html\"><span class=\"c\">&lt;!-- Standard button --&gt;<\/span>\r\n<span class=\"nt\">&lt;button<\/span> <span class=\"na\">type=<\/span><span class=\"s\">\"button\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"btn btn-default\"<\/span><span class=\"nt\">&gt;<\/span>Default<span class=\"nt\">&lt;\/button&gt;<\/span>\r\n\r\n<span class=\"c\">&lt;!-- Provides extra visual weight and identifies the primary action in a set of buttons --&gt;<\/span>\r\n<span class=\"nt\">&lt;button<\/span> <span class=\"na\">type=<\/span><span class=\"s\">\"button\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"btn btn-primary\"<\/span><span class=\"nt\">&gt;<\/span>Primary<span class=\"nt\">&lt;\/button&gt;<\/span>\r\n\r\n<span class=\"c\">&lt;!-- Indicates a successful or positive action --&gt;<\/span>\r\n<span class=\"nt\">&lt;button<\/span> <span class=\"na\">type=<\/span><span class=\"s\">\"button\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"btn btn-success\"<\/span><span class=\"nt\">&gt;<\/span>Success<span class=\"nt\">&lt;\/button&gt;<\/span>\r\n\r\n<span class=\"c\">&lt;!-- Contextual button for informational alert messages --&gt;<\/span>\r\n<span class=\"nt\">&lt;button<\/span> <span class=\"na\">type=<\/span><span class=\"s\">\"button\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"btn btn-info\"<\/span><span class=\"nt\">&gt;<\/span>Info<span class=\"nt\">&lt;\/button&gt;<\/span>\r\n\r\n<span class=\"c\">&lt;!-- Indicates caution should be taken with this action --&gt;<\/span>\r\n<span class=\"nt\">&lt;button<\/span> <span class=\"na\">type=<\/span><span class=\"s\">\"button\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"btn btn-warning\"<\/span><span class=\"nt\">&gt;<\/span>Warning<span class=\"nt\">&lt;\/button&gt;<\/span>\r\n\r\n<span class=\"c\">&lt;!-- Indicates a dangerous or potentially negative action --&gt;<\/span>\r\n<span class=\"nt\">&lt;button<\/span> <span class=\"na\">type=<\/span><span class=\"s\">\"button\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"btn btn-danger\"<\/span><span class=\"nt\">&gt;<\/span>Danger<span class=\"nt\">&lt;\/button&gt;<\/span>\r\n\r\n<span class=\"c\">&lt;!-- Deemphasize a button by making it look like a link while maintaining button behavior --&gt;<\/span>\r\n<span class=\"nt\">&lt;button<\/span> <span class=\"na\">type=<\/span><span class=\"s\">\"button\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"btn btn-link\"<\/span><span class=\"nt\">&gt;<\/span>Link<span class=\"nt\">&lt;\/button&gt;<\/span><\/code><\/pre>\n<\/figure>\n<h4>2. Carrusel<\/h4>\n<div id=\"carousel-example-generic\" class=\"carousel slide\" data-ride=\"carousel\">\n  <!-- Indicators --><\/p>\n<ol class=\"carousel-indicators\">\n<li data-target=\"#carousel-example-generic\" data-slide-to=\"0\" class=\"active\"><\/li>\n<li data-target=\"#carousel-example-generic\" data-slide-to=\"1\"><\/li>\n<li data-target=\"#carousel-example-generic\" data-slide-to=\"2\"><\/li>\n<\/ol>\n<p>  <!-- Wrapper for slides --><\/p>\n<div class=\"carousel-inner\" role=\"listbox\">\n<div class=\"item active\">\n      <img decoding=\"async\" src=\"...\" alt=\"...\"><\/p>\n<div class=\"carousel-caption\">\n        &#8230;\n      <\/div>\n<\/p><\/div>\n<div class=\"item\">\n      <img decoding=\"async\" src=\"...\" alt=\"...\"><\/p>\n<div class=\"carousel-caption\">\n        &#8230;\n      <\/div>\n<\/p><\/div>\n<p>    &#8230;\n  <\/p><\/div>\n<p>  <!-- Controls --><br \/>\n  <a class=\"left carousel-control\" href=\"#carousel-example-generic\" role=\"button\" data-slide=\"prev\"><br \/>\n    <span class=\"glyphicon glyphicon-chevron-left\" aria-hidden=\"true\"><\/span><br \/>\n    <span class=\"sr-only\">Previous<\/span><br \/>\n  <\/a><br \/>\n  <a class=\"right carousel-control\" href=\"#carousel-example-generic\" role=\"button\" data-slide=\"next\"><br \/>\n    <span class=\"glyphicon glyphicon-chevron-right\" aria-hidden=\"true\"><\/span><br \/>\n    <span class=\"sr-only\">Next<\/span><br \/>\n  <\/a>\n<\/div>\n<p>Otra funcionalidad que puede que quieras a\u00f1adir a tu WordPress es un carrusel, cuyas im\u00e1genes puedan deslizarse autom\u00e1ticamente. Es f\u00e1cil encontrarnos muchos temas WordPress gratuitos donde s\u00f3lo salen dos slides y no podemos a\u00f1adir un tercero desde las opciones de personalizaci\u00f3n a menos que nos pasemos a la opci\u00f3n de pago.<\/p>\n<p>En la pesta\u00f1a de JavaScript de Bootstrap podemos descargar tambi\u00e9n un c\u00f3digo para colocar el slider en la parte de la p\u00e1gina donde queramos.<\/p>\n<figure class=\"highlight\">\n<pre><code class=\"language-html\" data-lang=\"html\"><span class=\"nt\">&lt;div<\/span> <span class=\"na\">id=<\/span><span class=\"s\">\"carousel-example-generic\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"carousel slide\"<\/span> <span class=\"na\">data-ride=<\/span><span class=\"s\">\"carousel\"<\/span><span class=\"nt\">&gt;<\/span>\r\n  <span class=\"c\">&lt;!-- Indicators --&gt;<\/span>\r\n  <span class=\"nt\">&lt;ol<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"carousel-indicators\"<\/span><span class=\"nt\">&gt;<\/span>\r\n    <span class=\"nt\">&lt;li<\/span> <span class=\"na\">data-target=<\/span><span class=\"s\">\"#carousel-example-generic\"<\/span> <span class=\"na\">data-slide-to=<\/span><span class=\"s\">\"0\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"active\"<\/span><span class=\"nt\">&gt;&lt;\/li&gt;<\/span>\r\n    <span class=\"nt\">&lt;li<\/span> <span class=\"na\">data-target=<\/span><span class=\"s\">\"#carousel-example-generic\"<\/span> <span class=\"na\">data-slide-to=<\/span><span class=\"s\">\"1\"<\/span><span class=\"nt\">&gt;&lt;\/li&gt;<\/span>\r\n    <span class=\"nt\">&lt;li<\/span> <span class=\"na\">data-target=<\/span><span class=\"s\">\"#carousel-example-generic\"<\/span> <span class=\"na\">data-slide-to=<\/span><span class=\"s\">\"2\"<\/span><span class=\"nt\">&gt;&lt;\/li&gt;<\/span>\r\n  <span class=\"nt\">&lt;\/ol&gt;<\/span>\r\n\r\n  <span class=\"c\">&lt;!-- Wrapper for slides --&gt;<\/span>\r\n  <span class=\"nt\">&lt;div<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"carousel-inner\"<\/span> <span class=\"na\">role=<\/span><span class=\"s\">\"listbox\"<\/span><span class=\"nt\">&gt;<\/span>\r\n    <span class=\"nt\">&lt;div<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"item active\"<\/span><span class=\"nt\">&gt;<\/span>\r\n      <span class=\"nt\">&lt;img<\/span> <span class=\"na\">src=<\/span><span class=\"s\">\"...\"<\/span> <span class=\"na\">alt=<\/span><span class=\"s\">\"...\"<\/span><span class=\"nt\">&gt;<\/span>\r\n      <span class=\"nt\">&lt;div<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"carousel-caption\"<\/span><span class=\"nt\">&gt;<\/span>\r\n        ...\r\n      <span class=\"nt\">&lt;\/div&gt;<\/span>\r\n    <span class=\"nt\">&lt;\/div&gt;<\/span>\r\n    <span class=\"nt\">&lt;div<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"item\"<\/span><span class=\"nt\">&gt;<\/span>\r\n      <span class=\"nt\">&lt;img<\/span> <span class=\"na\">src=<\/span><span class=\"s\">\"...\"<\/span> <span class=\"na\">alt=<\/span><span class=\"s\">\"...\"<\/span><span class=\"nt\">&gt;<\/span>\r\n      <span class=\"nt\">&lt;div<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"carousel-caption\"<\/span><span class=\"nt\">&gt;<\/span>\r\n        ...\r\n      <span class=\"nt\">&lt;\/div&gt;<\/span>\r\n    <span class=\"nt\">&lt;\/div&gt;<\/span>\r\n    ...\r\n  <span class=\"nt\">&lt;\/div&gt;<\/span>\r\n  <span class=\"c\">&lt;!-- Controls --&gt;<\/span>\r\n  <span class=\"nt\">&lt;a<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"left carousel-control\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"#carousel-example-generic\"<\/span> <span class=\"na\">role=<\/span><span class=\"s\">\"button\"<\/span> <span class=\"na\">data-slide=<\/span><span class=\"s\">\"prev\"<\/span><span class=\"nt\">&gt;<\/span>\r\n    <span class=\"nt\">&lt;span<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"glyphicon glyphicon-chevron-left\"<\/span> <span class=\"na\">aria-hidden=<\/span><span class=\"s\">\"true\"<\/span><span class=\"nt\">&gt;&lt;\/span&gt;<\/span>\r\n    <span class=\"nt\">&lt;span<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"sr-only\"<\/span><span class=\"nt\">&gt;<\/span>Previous<span class=\"nt\">&lt;\/span&gt;<\/span>\r\n  <span class=\"nt\">&lt;\/a&gt;<\/span>\r\n  <span class=\"nt\">&lt;a<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"right carousel-control\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"#carousel-example-generic\"<\/span> <span class=\"na\">role=<\/span><span class=\"s\">\"button\"<\/span> <span class=\"na\">data-slide=<\/span><span class=\"s\">\"next\"<\/span><span class=\"nt\">&gt;<\/span>\r\n    <span class=\"nt\">&lt;span<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"glyphicon glyphicon-chevron-right\"<\/span> <span class=\"na\">aria-hidden=<\/span><span class=\"s\">\"true\"<\/span><span class=\"nt\">&gt;&lt;\/span&gt;<\/span>\r\n    <span class=\"nt\">&lt;span<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"sr-only\"<\/span><span class=\"nt\">&gt;<\/span>Next<span class=\"nt\">&lt;\/span&gt;<\/span>\r\n  <span class=\"nt\">&lt;\/a&gt;<\/span>\r\n<span class=\"nt\">&lt;\/div&gt;<\/span><\/code><\/pre>\n<\/figure>\n<h4>3. Componentes<\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3793\" src=\"http:\/\/www.gadae.com\/blog\/wp-content\/uploads\/componentes.jpg\" alt=\"Wordpress\" width=\"760\" height=\"405\" srcset=\"https:\/\/www.gadae.com\/blog\/wp-content\/uploads\/componentes.jpg 760w, https:\/\/www.gadae.com\/blog\/wp-content\/uploads\/componentes-300x160.jpg 300w\" sizes=\"auto, (max-width: 760px) 100vw, 760px\" \/><\/p>\n<p>Los componentes son esos peque\u00f1os iconos que le dan personalidad y estilo a nuestro dise\u00f1o. Los podemos a\u00f1adir a un cuadro de opciones, o simplemente colocarlos junto al texto de los botones. En la propia p\u00e1gina de Bootstrap se nos ense\u00f1a c\u00f3mo utilizarlo.<code><\/code><\/p>\n<figure class=\"highlight\">\n<pre><code class=\"language-html\" data-lang=\"html\"><span class=\"nt\">&lt;button<\/span> <span class=\"na\">type=<\/span><span class=\"s\">\"button\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"btn btn-default\"<\/span> <span class=\"na\">aria-label=<\/span><span class=\"s\">\"Left Align\"<\/span><span class=\"nt\">&gt;<\/span>\r\n  <span class=\"nt\">&lt;span<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"glyphicon glyphicon-align-left\"<\/span> <span class=\"na\">aria-hidden=<\/span><span class=\"s\">\"true\"<\/span><span class=\"nt\">&gt;&lt;\/span&gt;<\/span>\r\n<span class=\"nt\">&lt;\/button&gt;<\/span>\r\n\r\n<span class=\"nt\">&lt;button<\/span> <span class=\"na\">type=<\/span><span class=\"s\">\"button\"<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"btn btn-default btn-lg\"<\/span><span class=\"nt\">&gt;<\/span>\r\n  <span class=\"nt\">&lt;span<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"glyphicon glyphicon-star\"<\/span> <span class=\"na\">aria-hidden=<\/span><span class=\"s\">\"true\"<\/span><span class=\"nt\">&gt;&lt;\/span&gt;<\/span> Star\r\n<span class=\"nt\">&lt;\/button&gt;<\/span><\/code><\/pre>\n<\/figure>\n<h4>4. Thumbnails<\/h4>\n<p>Las im\u00e1genes en miniatura pueden ser una excelente opci\u00f3n para construir espacios en los que queremos reflejar nuestros servicios, o ventas de adquirir un servicio en concreto, caracter\u00edsticas, o lo que m\u00e1s nos interese. En algunas plantillas gratuitas vienen este tipo de miniaturas por defecto, pero en otras muchas plantillas no tenemos esta posibilidad y lo ideal es que podamos copiar directamente el c\u00f3digo en la parte de la home donde queramos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3799\" src=\"http:\/\/www.gadae.com\/blog\/wp-content\/uploads\/miniaturas.jpg\" alt=\"miniaturas\" width=\"760\" height=\"233\" srcset=\"https:\/\/www.gadae.com\/blog\/wp-content\/uploads\/miniaturas.jpg 760w, https:\/\/www.gadae.com\/blog\/wp-content\/uploads\/miniaturas-300x92.jpg 300w\" sizes=\"auto, (max-width: 760px) 100vw, 760px\" \/><\/p>\n<h4>5.Backgrounds de colores<\/h4>\n<p>Los backgrounds de colores tambi\u00e9n puede ser una forma original de destacar una serie de ventajas, caracter\u00edsticas o pasos para hacer algo. Dan a la p\u00e1gina un aspecto m\u00e1s elegante y te permite personalizarla con los colores que desees. De esta manera, puedes dise\u00f1ar cosas muy originales para tratar de que tus lectores, usuarios o clientes puedan tener una percepci\u00f3n m\u00e1s positiva de tu p\u00e1gina.<\/p>\n<figure class=\"highlight\">\n<pre><code class=\"language-html\" data-lang=\"html\"><span class=\"nt\">&lt;p<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"bg-primary\"<\/span><span class=\"nt\">&gt;<\/span>...<span class=\"nt\">&lt;\/p&gt;<\/span>\r\n<span class=\"nt\">&lt;p<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"bg-success\"<\/span><span class=\"nt\">&gt;<\/span>...<span class=\"nt\">&lt;\/p&gt;<\/span>\r\n<span class=\"nt\">&lt;p<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"bg-info\"<\/span><span class=\"nt\">&gt;<\/span>...<span class=\"nt\">&lt;\/p&gt;<\/span>\r\n<span class=\"nt\">&lt;p<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"bg-warning\"<\/span><span class=\"nt\">&gt;<\/span>...<span class=\"nt\">&lt;\/p&gt;<\/span>\r\n<span class=\"nt\">&lt;p<\/span> <span class=\"na\">class=<\/span><span class=\"s\">\"bg-danger\"<\/span><span class=\"nt\">&gt;<\/span>...<span class=\"nt\">&lt;\/p&gt;<\/span><\/code><\/pre>\n<\/figure>\n<p class=\"bg-primary\"> \/- WordPress te permite una gran variedad de opciones de personalizaci\u00f3n<\/p>\n<p class=\"bg-success\"> \/- El dise\u00f1o web es uno de los factores que influyen en las ventas<\/p>\n<p class=\"bg-info\"> \/- Conseguir buenos resultados depende de la calidad global de tu sitio web<\/p>\n<p class=\"bg-warning\"> \/- Mejora tu dise\u00f1o para conseguir aumentar tu tasa de conversi\u00f3n<\/p>\n<p class=\"bg-danger\"> \/- Construye una marca irresistible que enamore a tus clientes<\/p>\n<h2>Mejora tu dise\u00f1o en WordPress<\/h2>\n<p>Espero que estos c\u00f3digos te ayuden a personalizar y mejorar el dise\u00f1o de tu WordPress. Conseguir una p\u00e1gina web bien dise\u00f1ada y con todas las funcionalidades no siempre es f\u00e1cil. Te invitamos a que nos comentes tus dudas a trav\u00e9s de nuestros canales sociales.<\/p>\n<p>Si necesitas que te ayudemos nosotros o quieres encargar esta tarea en <a href=\"http:\/\/www.gadae.com\/desarrollo-web.html\">profesionales del dise\u00f1o web<\/a>, env\u00edanos tus datos a nuestro <a href=\"http:\/\/www.gadae.com\/contacto.html\">correo electr\u00f3nico<\/a> o a trav\u00e9s del <a href=\"http:\/\/www.facebook.com\/gadaenetweb\" target=\"_blank\">Facebook de Gadae.com<\/a> o Twitter <a href=\"http:\/\/www.twitter.com\/gadaenetweb\" target=\"_blank\">@gadaenetweb<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La mayor\u00eda de las p\u00e1ginas en Wordpress utilizan una plantilla gratuita de las que vienen por defecto. Muchos otros han preferido descargarse una de las muchas que se pueden encontrar por Internet. Y finalmente los que han estado dispuestos a comprar una plantilla de pago. Pero en todos los casos, si queremos crear un buen blog o una buena p\u00e1gina\u00a0[&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":3772,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[456,26,29,401,171],"class_list":["post-3765","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web-empresas","tag-bootstrap","tag-desarrollo-web","tag-diseno-web","tag-paginas-web","tag-wordpress","post-1","odd"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>5 trucos de dise\u00f1o web para personalizar tu Wordpress -<\/title>\n<meta name=\"description\" content=\"Trucos para mejorar el dise\u00f1o web de tu Wordpress a trav\u00e9s de Bootstrap. Fragmentos de c\u00f3digo para personalizar tu Wordpress de manera elegante\" \/>\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.gadae.com\/blog\/diseno-web-personalizar-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 trucos de dise\u00f1o web para personalizar tu Wordpress -\" \/>\n<meta property=\"og:description\" content=\"Trucos para mejorar el dise\u00f1o web de tu Wordpress a trav\u00e9s de Bootstrap. Fragmentos de c\u00f3digo para personalizar tu Wordpress de manera elegante\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.gadae.com\/blog\/diseno-web-personalizar-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Inform\u00e1tica para empresas\" \/>\n<meta property=\"article:published_time\" content=\"2016-03-10T11:50:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-03-10T11:52:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.gadae.com\/blog\/wp-content\/uploads\/botones.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"760\" \/>\n\t<meta property=\"og:image:height\" content=\"496\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.gadae.com\/blog\/diseno-web-personalizar-wordpress\/\",\"url\":\"https:\/\/www.gadae.com\/blog\/diseno-web-personalizar-wordpress\/\",\"name\":\"5 trucos de dise\u00f1o web para personalizar tu Wordpress -\",\"isPartOf\":{\"@id\":\"https:\/\/www.gadae.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.gadae.com\/blog\/diseno-web-personalizar-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.gadae.com\/blog\/diseno-web-personalizar-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.gadae.com\/blog\/wp-content\/uploads\/botones.jpg\",\"datePublished\":\"2016-03-10T11:50:07+00:00\",\"dateModified\":\"2016-03-10T11:52:46+00:00\",\"author\":{\"@id\":\"https:\/\/www.gadae.com\/blog\/#\/schema\/person\/64aac9ead116144f3fe9ca8f6f8fd205\"},\"description\":\"Trucos para mejorar el dise\u00f1o web de tu Wordpress a trav\u00e9s de Bootstrap. Fragmentos de c\u00f3digo para personalizar tu Wordpress de manera elegante\",\"breadcrumb\":{\"@id\":\"https:\/\/www.gadae.com\/blog\/diseno-web-personalizar-wordpress\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.gadae.com\/blog\/diseno-web-personalizar-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.gadae.com\/blog\/diseno-web-personalizar-wordpress\/#primaryimage\",\"url\":\"https:\/\/www.gadae.com\/blog\/wp-content\/uploads\/botones.jpg\",\"contentUrl\":\"https:\/\/www.gadae.com\/blog\/wp-content\/uploads\/botones.jpg\",\"width\":760,\"height\":496},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.gadae.com\/blog\/diseno-web-personalizar-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.gadae.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5 trucos de dise\u00f1o web para personalizar tu WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.gadae.com\/blog\/#website\",\"url\":\"https:\/\/www.gadae.com\/blog\/\",\"name\":\"Inform\u00e1tica para empresas\",\"description\":\"Blog de inform\u00e1tica para empresas\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.gadae.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.gadae.com\/blog\/#\/schema\/person\/64aac9ead116144f3fe9ca8f6f8fd205\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.gadae.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/751415c65dd4c1915a4b90c300e4e193?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/751415c65dd4c1915a4b90c300e4e193?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/www.gadae.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"5 trucos de dise\u00f1o web para personalizar tu Wordpress -","description":"Trucos para mejorar el dise\u00f1o web de tu Wordpress a trav\u00e9s de Bootstrap. Fragmentos de c\u00f3digo para personalizar tu Wordpress de manera elegante","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.gadae.com\/blog\/diseno-web-personalizar-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"5 trucos de dise\u00f1o web para personalizar tu Wordpress -","og_description":"Trucos para mejorar el dise\u00f1o web de tu Wordpress a trav\u00e9s de Bootstrap. Fragmentos de c\u00f3digo para personalizar tu Wordpress de manera elegante","og_url":"https:\/\/www.gadae.com\/blog\/diseno-web-personalizar-wordpress\/","og_site_name":"Inform\u00e1tica para empresas","article_published_time":"2016-03-10T11:50:07+00:00","article_modified_time":"2016-03-10T11:52:46+00:00","og_image":[{"width":760,"height":496,"url":"https:\/\/www.gadae.com\/blog\/wp-content\/uploads\/botones.jpg","type":"image\/jpeg"}],"author":"admin","twitter_misc":{"Escrito por":"admin","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.gadae.com\/blog\/diseno-web-personalizar-wordpress\/","url":"https:\/\/www.gadae.com\/blog\/diseno-web-personalizar-wordpress\/","name":"5 trucos de dise\u00f1o web para personalizar tu Wordpress -","isPartOf":{"@id":"https:\/\/www.gadae.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.gadae.com\/blog\/diseno-web-personalizar-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www.gadae.com\/blog\/diseno-web-personalizar-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.gadae.com\/blog\/wp-content\/uploads\/botones.jpg","datePublished":"2016-03-10T11:50:07+00:00","dateModified":"2016-03-10T11:52:46+00:00","author":{"@id":"https:\/\/www.gadae.com\/blog\/#\/schema\/person\/64aac9ead116144f3fe9ca8f6f8fd205"},"description":"Trucos para mejorar el dise\u00f1o web de tu Wordpress a trav\u00e9s de Bootstrap. Fragmentos de c\u00f3digo para personalizar tu Wordpress de manera elegante","breadcrumb":{"@id":"https:\/\/www.gadae.com\/blog\/diseno-web-personalizar-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.gadae.com\/blog\/diseno-web-personalizar-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.gadae.com\/blog\/diseno-web-personalizar-wordpress\/#primaryimage","url":"https:\/\/www.gadae.com\/blog\/wp-content\/uploads\/botones.jpg","contentUrl":"https:\/\/www.gadae.com\/blog\/wp-content\/uploads\/botones.jpg","width":760,"height":496},{"@type":"BreadcrumbList","@id":"https:\/\/www.gadae.com\/blog\/diseno-web-personalizar-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.gadae.com\/blog\/"},{"@type":"ListItem","position":2,"name":"5 trucos de dise\u00f1o web para personalizar tu WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.gadae.com\/blog\/#website","url":"https:\/\/www.gadae.com\/blog\/","name":"Inform\u00e1tica para empresas","description":"Blog de inform\u00e1tica para empresas","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.gadae.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.gadae.com\/blog\/#\/schema\/person\/64aac9ead116144f3fe9ca8f6f8fd205","name":"admin","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.gadae.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/751415c65dd4c1915a4b90c300e4e193?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/751415c65dd4c1915a4b90c300e4e193?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.gadae.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.gadae.com\/blog\/wp-json\/wp\/v2\/posts\/3765","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gadae.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gadae.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gadae.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gadae.com\/blog\/wp-json\/wp\/v2\/comments?post=3765"}],"version-history":[{"count":41,"href":"https:\/\/www.gadae.com\/blog\/wp-json\/wp\/v2\/posts\/3765\/revisions"}],"predecessor-version":[{"id":3809,"href":"https:\/\/www.gadae.com\/blog\/wp-json\/wp\/v2\/posts\/3765\/revisions\/3809"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gadae.com\/blog\/wp-json\/wp\/v2\/media\/3772"}],"wp:attachment":[{"href":"https:\/\/www.gadae.com\/blog\/wp-json\/wp\/v2\/media?parent=3765"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gadae.com\/blog\/wp-json\/wp\/v2\/categories?post=3765"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gadae.com\/blog\/wp-json\/wp\/v2\/tags?post=3765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}