{"id":11745,"date":"2018-08-17T08:35:11","date_gmt":"2018-08-17T08:35:11","guid":{"rendered":"https:\/\/www.templatemonster.com\/es\/blog\/?p=11745"},"modified":"2020-05-08T07:46:20","modified_gmt":"2020-05-08T07:46:20","slug":"como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/","title":{"rendered":"\u00bfC\u00f3mo a\u00f1adir f\u00e1cilmente acordeones y pesta\u00f1as a tu sitio web?"},"content":{"rendered":"

A menos que escribas art\u00edculos cient\u00edficos espec\u00edficos,\u00a0siempre te recomendamos \"diluir\"\u00a0tus art\u00edculos con algo u ocultar las partes grandes del texto en acordeones (mosaicos desplegables) o pesta\u00f1as. Esto har\u00e1 que el contenido sea m\u00e1s f\u00e1cil de leer y la p\u00e1gina - m\u00e1s conveniente de usar. A nadie le gusta desplazarse por una p\u00e1gina con un texto enorme. Los usuarios estar\u00e1n agradecidos si les muestras un poco de cuidado.<\/p>\n

<\/p>\n

Hay tres formas principales de a\u00f1adir acordeones y pesta\u00f1as a\u00a0tu p\u00e1gina web: a\u00f1adir\u00a0alg\u00fan c\u00f3digo, instalar un complemento y usar el complemento JetTabs de Elementor. Si no eres un desarrollador experto de WordPress,\u00a0codificar algo no es una soluci\u00f3n buena para ti, ya que\u00a0se requieren\u00a0habilidades especiales para hacerlo. Pues, vamos a examinar\u00a0otras dos variantes.<\/p>\n

\n
<\/div>\n
<\/div>\n

Plugins de WordPress<\/h2>\n

Accordion Shortcodes<\/a><\/h3>\n

Este es un complemento gratuito, por lo que solo\u00a0necesitas descargarlo e instalarlo en Plugins > A\u00f1adir nuevo del panel\u00a0de control de tu sitio web. Haz clic en el bot\u00f3n \"Subir\u00a0plugin\", inst\u00e1lalo y act\u00edvalo.<\/p>\n

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

<\/div>\n

Despu\u00e9s de la instalaci\u00f3n, este complemento a\u00f1adir\u00e1 dos peque\u00f1os botones a la barra de herramientas de creaci\u00f3n de p\u00e1ginas de tu WordPress: \"A\u00f1adir un grupo de acordeones\" y \"A\u00f1adir un elemento de acorde\u00f3n\". El primero\u00a0te permite elegir las caracter\u00edsticas de tu acorde\u00f3n nuevo, por ejemplo, establecer cu\u00e1ndo se cerrar\u00e1n los mosaicos abiertos y qu\u00e9 etiqueta HTML usar para el t\u00edtulo.<\/p>\n

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

<\/div>\n

Hemos\u00a0marcado las opciones \"Cierre autom\u00e1tico\", \"Hacer clic para cerrar\" y \"Desplazarse hacia arriba\". Todos los c\u00f3digos cortos se insertan autom\u00e1ticamente en la p\u00e1gina despu\u00e9s de hacer clic en el bot\u00f3n \"OK\". Ahora\u00a0podemos a\u00f1adir algunos elementos de acorde\u00f3n.\u00a0Haz clic en el bot\u00f3n \"A\u00f1adir un elemento de acorde\u00f3n\".<\/p>\n

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

<\/div>\n

En las barras adecuadas escribe el nombre del elemento y elige un estado inicial. Despu\u00e9s de obtener\u00a0un c\u00f3digo corto, col\u00f3calo entre los corchetes \"] [\". El texto que deseas ocultar en el men\u00fa desplegable debe colocarse entre \u201c[accordion-item title=\"yourtitle\" state=closed]\u201d\u00a0y \u201c[\/accordion-item]\u201d. El c\u00f3digo corto resultante se ver\u00e1 as\u00ed:<\/p>\n

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

<\/div>\n

Actualiza la p\u00e1gina y mira el resultado.<\/p>\n

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

<\/div>\n

Para darle un estilo diferente, debes personalizar el archivo de hoja de estilo CSS del sitio web. Consideramos\u00a0esto la principal desventaja de este tipo de complemento. Te recomendamos que evites cambiar el archivo si no est\u00e1s 100% seguro de que sabes lo que est\u00e1s haciendo.<\/p>\n

\n
<\/div>\n

Tabs Shortcode and Widget<\/a><\/h3>\n

Al igual que los acordeones, las pesta\u00f1as permiten a los visitantes de tu sitio web leer solo aquellas partes de informaci\u00f3n que les interesan. De esta manera, las pesta\u00f1as dejan que los visitantes\u00a0eviten desplazarase hacia abajo\u00a0por mucho tiempo. Este plugin es tambi\u00e9n gratuito y tiene el mismo problema que el anterior: para darle un estilo\u00a0a su gusto, debes cambiar el archivo stylesheet.css. Sin embargo, si te gusta el estilo de tu tema\u00a0que se aplica autom\u00e1ticamente a las pesta\u00f1as, aqu\u00ed te mostramos c\u00f3mo a\u00f1adirlas a tu p\u00e1gina. Instala y activa el complemento y\u00a0ve a la pesta\u00f1a de creaci\u00f3n de p\u00e1gina de tu\u00a0panel de administraci\u00f3n. El complemento agreg\u00f3 el siguiente bot\u00f3n a la barra de herramientas:<\/p>\n

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

<\/div>\n

Haz clic en el icono y elige \"Layouts de pesta\u00f1as\".\u00a0En la parte derecha de la ventana de personalizaci\u00f3n, ver\u00e1s c\u00f3mo se ver\u00e1n las pesta\u00f1as en la p\u00e1gina. Elige el n\u00famero de pesta\u00f1as y un dise\u00f1o horizontal o vertical, da nombres a todas las pesta\u00f1as, a\u00f1ade iconos y contenidos y\u00a0haz clic en el bot\u00f3n \"Insertar\".<\/p>\n

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

<\/div>\n

El c\u00f3digo corto resultante se ver\u00e1 as\u00ed:<\/p>\n

<\/div>\n

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

<\/div>\n

Como\u00a0hemos mencionado antes, las pesta\u00f1as\u00a0tendr\u00e1n el mismo estilo que todo el tema. Si deseas cambiar la apariencia de las pesta\u00f1as, debes personalizar stylesheet.css. De nuevo, no recomendamos que abras este archivo si no est\u00e1s realmente seguro de que no vas a romper algo.<\/p>\n

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

<\/div>\n
\n
<\/div>\n

Plugin\u00a0JetTabs\u00a0para Elementor<\/h2>\n

Nos gusta usar Elementor porque simplifica en gran medida el proceso de creaci\u00f3n de sitios web. Puedes ver todas las personalizaciones aplicadas justo despu\u00e9s de hacerlas, y puedes crear la apariencia que necesitas mucho m\u00e1s r\u00e1pido. Hay un complemento para Elementor, JetTabs, que a\u00f1ade un acorde\u00f3n y pesta\u00f1as a la funcionalidad del constructor de p\u00e1ginas web. Gracias a JetTabs, a\u00f1adir esos elementos a la p\u00e1gina es a\u00fan m\u00e1s f\u00e1cil que hacerlo\u00a0con los complementos mencionados anteriormente. JetTabs ofrece al usuario tres widgets: acorde\u00f3n cl\u00e1sico, acorde\u00f3n de im\u00e1genes y pesta\u00f1as. Comencemos con el acorde\u00f3n. A\u00f1ade una nueva secci\u00f3n y coloca el acorde\u00f3n cl\u00e1sico all\u00ed. El n\u00famero predeterminado de pesta\u00f1as es tres, pero puedes f\u00e1cilmente a\u00f1adir nuevas si es necesario.<\/p>\n

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

<\/div>\n

Al hacer clic en el elemento Toggle\/Alternar en el men\u00fa se abrir\u00e1 una ventana de configuraci\u00f3n que define el \u00edcono de la pesta\u00f1a, etiqueta y plantilla de etiqueta (NB: no podr\u00e1s agregar contenidos a la pesta\u00f1a\u00a0si la plantilla no est\u00e1 definida. Elige \"tab-1 ( section)\" para obtener\u00a0un campo para\u00a0alg\u00fan texto).<\/p>\n

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

<\/div>\n

La secci\u00f3n \"Configuraci\u00f3n\" te da la oportunidad de elegir el texto que muestra la animaci\u00f3n. Prueba todos para elegir el mejor para tus prop\u00f3sitos. Luego\u00a0ve a la pesta\u00f1a \"Estilo\" y elige colores, fuentes y m\u00e1rgenes para todos los elementos. La apariencia de tu bloque de acorde\u00f3n depende completamente de ti.<\/p>\n

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

<\/div>\n

El widget de pesta\u00f1as funciona casi igualmente: col\u00f3calo en la secci\u00f3n de la p\u00e1gina y personal\u00edzalo igual como el bloque de acorde\u00f3n. Elige el n\u00famero de pesta\u00f1as, da nombres a las pesta\u00f1as, define la plantilla, dise\u00f1a y eso es todo: obtienes un bloque de pesta\u00f1as geniales. Dependiendo de la cantidad de detalles que te gustar\u00eda cambiar, el proceso de creaci\u00f3n de la secci\u00f3n de acorde\u00f3n o pesta\u00f1as tomar\u00e1 desde cinco\u00a0hasta treinta minutos.<\/p>\n

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

<\/div>\n
\n
<\/div>\n

Usamos Elementor para\u00a0crear sitios web y preferimos JetTabs en lugar de descargar otros complementos. S\u00ed, otros complementos\u00a0son gratuitos, pero tambi\u00e9n son mucho m\u00e1s dif\u00edciles de personalizar.<\/p>\n

Fuente: \"How Do You Add Accordions and Tabs to Your Website Easily?<\/a>\" por Elizabeth Thistle<\/p>\n","protected":false},"excerpt":{"rendered":"

A menos que escribas art\u00edculos cient\u00edficos espec\u00edficos,\u00a0siempre te recomendamos \"diluir\"\u00a0tus art\u00edculos con algo u ocultar las partes grandes del texto en acordeones (mosaicos desplegables) o pesta\u00f1as. Esto har\u00e1 que el contenido sea m\u00e1s f\u00e1cil de leer y la p\u00e1gina - m\u00e1s conveniente de usar. A nadie le gusta desplazarse por una p\u00e1gina con un texto […]<\/p>\n","protected":false},"author":1334762,"featured_media":11750,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[13,37],"tags":[442],"yoast_head":"\n\u00bfC\u00f3mo a\u00f1adir f\u00e1cilmente acordeones y pesta\u00f1as a tu sitio web?<\/title>\n<meta name=\"description\" content=\"Hay tres formas principales de a\u00f1adir acordeones y pesta\u00f1as a tu p\u00e1gina web: a\u00f1adir alg\u00fan c\u00f3digo, instalar un complemento y usar el complemento JetTabs de Elementor.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfC\u00f3mo a\u00f1adir f\u00e1cilmente acordeones y pesta\u00f1as a tu sitio web?\" \/>\n<meta property=\"og:description\" content=\"Hay tres formas principales de a\u00f1adir acordeones y pesta\u00f1as a tu p\u00e1gina web: a\u00f1adir alg\u00fan c\u00f3digo, instalar un complemento y usar el complemento JetTabs de Elementor.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de TemplateMonster\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterEspana\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/profile.php?id=100004881674652\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-17T08:35:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-08T07:46:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/08\/Accordions-and-Tabs.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Diane Parks\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TMonster_ES\" \/>\n<meta name=\"twitter:site\" content=\"@TMonster_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Diane Parks\" \/>\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\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/\"},\"author\":{\"name\":\"Diane Parks\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c\"},\"headline\":\"\u00bfC\u00f3mo a\u00f1adir f\u00e1cilmente acordeones y pesta\u00f1as a tu sitio web?\",\"datePublished\":\"2018-08-17T08:35:11+00:00\",\"dateModified\":\"2020-05-08T07:46:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/\"},\"wordCount\":1114,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\"},\"keywords\":[\"tutorial de wordpress\"],\"articleSection\":[\"Tutoriales\",\"WordPress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/\",\"url\":\"https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/\",\"name\":\"\u00bfC\u00f3mo a\u00f1adir f\u00e1cilmente acordeones y pesta\u00f1as a tu sitio web?\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#website\"},\"datePublished\":\"2018-08-17T08:35:11+00:00\",\"dateModified\":\"2020-05-08T07:46:20+00:00\",\"description\":\"Hay tres formas principales de a\u00f1adir acordeones y pesta\u00f1as a tu p\u00e1gina web: a\u00f1adir alg\u00fan c\u00f3digo, instalar un complemento y usar el complemento JetTabs de Elementor.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfC\u00f3mo a\u00f1adir f\u00e1cilmente acordeones y pesta\u00f1as a tu sitio web?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/es\/#website\",\"url\":\"https:\/\/monsterspost.com\/es\/\",\"name\":\"Blog de TemplateMonster\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/es\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\",\"name\":\"MonstersPost Espa\u00f1a\",\"url\":\"https:\/\/monsterspost.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonstersPost Espa\u00f1a\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterEspana\",\"https:\/\/twitter.com\/TMonster_ES\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c\",\"name\":\"Diane Parks\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Diane Parks\"},\"description\":\"Diane trabja como una redactora del blog MonsterPost Espa\u00f1a desde hace muchos a\u00f1os. No imagina su vida sin escribir, aprender algo nuevo cada d\u00eda, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. \u00a1S\u00edguela en Facebook!\",\"sameAs\":[\"https:\/\/www.facebook.com\/profile.php?id=100004881674652\"],\"url\":\"https:\/\/monsterspost.com\/es\/author\/diane\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfC\u00f3mo a\u00f1adir f\u00e1cilmente acordeones y pesta\u00f1as a tu sitio web?","description":"Hay tres formas principales de a\u00f1adir acordeones y pesta\u00f1as a tu p\u00e1gina web: a\u00f1adir alg\u00fan c\u00f3digo, instalar un complemento y usar el complemento JetTabs de Elementor.","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:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfC\u00f3mo a\u00f1adir f\u00e1cilmente acordeones y pesta\u00f1as a tu sitio web?","og_description":"Hay tres formas principales de a\u00f1adir acordeones y pesta\u00f1as a tu p\u00e1gina web: a\u00f1adir alg\u00fan c\u00f3digo, instalar un complemento y usar el complemento JetTabs de Elementor.","og_url":"https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/","og_site_name":"Blog de TemplateMonster","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterEspana","article_author":"https:\/\/www.facebook.com\/profile.php?id=100004881674652","article_published_time":"2018-08-17T08:35:11+00:00","article_modified_time":"2020-05-08T07:46:20+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/08\/Accordions-and-Tabs.jpg","type":"image\/jpeg"}],"author":"Diane Parks","twitter_card":"summary_large_image","twitter_creator":"@TMonster_ES","twitter_site":"@TMonster_ES","twitter_misc":{"Escrito por":"Diane Parks","Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/"},"author":{"name":"Diane Parks","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c"},"headline":"\u00bfC\u00f3mo a\u00f1adir f\u00e1cilmente acordeones y pesta\u00f1as a tu sitio web?","datePublished":"2018-08-17T08:35:11+00:00","dateModified":"2020-05-08T07:46:20+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/"},"wordCount":1114,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/es\/#organization"},"keywords":["tutorial de wordpress"],"articleSection":["Tutoriales","WordPress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/","url":"https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/","name":"\u00bfC\u00f3mo a\u00f1adir f\u00e1cilmente acordeones y pesta\u00f1as a tu sitio web?","isPartOf":{"@id":"https:\/\/monsterspost.com\/es\/#website"},"datePublished":"2018-08-17T08:35:11+00:00","dateModified":"2020-05-08T07:46:20+00:00","description":"Hay tres formas principales de a\u00f1adir acordeones y pesta\u00f1as a tu p\u00e1gina web: a\u00f1adir alg\u00fan c\u00f3digo, instalar un complemento y usar el complemento JetTabs de Elementor.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/es\/como-anadir-facilmente-acordeones-y-pestanas-a-tu-sitio-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/es\/"},{"@type":"ListItem","position":2,"name":"\u00bfC\u00f3mo a\u00f1adir f\u00e1cilmente acordeones y pesta\u00f1as a tu sitio web?"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/es\/#website","url":"https:\/\/monsterspost.com\/es\/","name":"Blog de TemplateMonster","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/es\/#organization","name":"MonstersPost Espa\u00f1a","url":"https:\/\/monsterspost.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonstersPost Espa\u00f1a"},"image":{"@id":"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterEspana","https:\/\/twitter.com\/TMonster_ES"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c","name":"Diane Parks","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Diane Parks"},"description":"Diane trabja como una redactora del blog MonsterPost Espa\u00f1a desde hace muchos a\u00f1os. No imagina su vida sin escribir, aprender algo nuevo cada d\u00eda, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. \u00a1S\u00edguela en Facebook!","sameAs":["https:\/\/www.facebook.com\/profile.php?id=100004881674652"],"url":"https:\/\/monsterspost.com\/es\/author\/diane\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/11745"}],"collection":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/users\/1334762"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/comments?post=11745"}],"version-history":[{"count":5,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/11745\/revisions"}],"predecessor-version":[{"id":21743,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/11745\/revisions\/21743"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/media\/11750"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/media?parent=11745"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/categories?post=11745"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/tags?post=11745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}