- M\u00e9todo 1: Utilizar el plugin Ultimate Blocks<\/a>
- Paso 1: Instalar el plugin Ultimate Blocks<\/a><\/li>
- Paso 2: A\u00f1adir el bloque de alternancia de contenido<\/a><\/li>
- Paso 3: Personalizar el bloque de alternancia de contenido<\/a><\/li><\/ul><\/li>
- M\u00e9todo 2: Utilizar el bloque Expandir<\/a>
- Paso 1: A\u00f1adir el bloque Expandir<\/a><\/li>
- Paso 2: A\u00f1adir contenido al bloque<\/a><\/li>
- Paso 3: Personalizar el bloque Expandir<\/a><\/li><\/ul><\/li><\/ul>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n\n
<\/div><\/div><\/div>\n\n\nM\u00e9todo 1: Utilizar el plugin Ultimate Blocks<\/strong><\/h2>\n\n\n\n
Paso 1: Instalar el plugin Ultimate Blocks<\/strong><\/h3>\n\n\n\n
Vaya a su panel de control de WordPress, vaya a la secci\u00f3n \"Plugins\"<\/strong> y haga clic en \"A\u00f1adir nuevo\".<\/strong> Tipo \"Bloques definitivos\"<\/strong> en la barra de b\u00fasqueda, localice el plugin en los resultados, haga clic en \"Instalar ahora\".<\/strong> y luego \"Activar\".<\/strong>
<\/p>\n\n\n\n![\"Instalar](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1-5-1024x613.png\")
<\/figure>\n\n\n\nPaso 2: A\u00f1adir el bloque de alternancia de contenido<\/strong><\/h3>\n\n\n\n
Abra la entrada o p\u00e1gina en la que desea a\u00f1adir contenido plegable. Haga clic en el icono Icono \"+\".<\/strong> en el editor de WordPress para a\u00f1adir un nuevo bloque, busque \"Content Toggle\" y selecci\u00f3nelo. <\/p>\n\n\n\n
![\"A\u00f1adir](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/1.2-1024x425.png\")
<\/figure>\n\n\n\nUna vez que hayas a\u00f1adido el bloque, ver\u00e1s el bloque en posici\u00f3n pero en formato cerrado. Haga clic en el signo de flecha para expandirlo, coloque el t\u00edtulo de su contenido en la casilla \"T\u00edtulo del panel\"<\/strong> y, posteriormente, el contenido principal en el campo \"Contenido del panel\"<\/strong> caja. <\/p>\n\n\n\n
![\"T\u00edtulo](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.2-2-1024x450.png\")
<\/figure>\n\n\n\nAhora, si necesita m\u00e1s de una secci\u00f3n ampliable o plegable, haga clic en el bot\u00f3n + bot\u00f3n<\/strong> en la parte inferior del bloque para insertar un nuevo conmutador. Del mismo modo, si no desea ning\u00fan conmutador espec\u00edfico, haga clic en el bot\u00f3n x al final del bloque. <\/p>\n\n\n\n
![\"A\u00f1adir](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.3-1024x423.png\")
<\/figure>\n\n\n\nPaso 3: Personalizar el bloque de alternancia de contenido<\/strong><\/h3>\n\n\n\n
Una vez seleccionado el bloque, aparecer\u00e1 el panel de configuraci\u00f3n de bloques a la derecha del panel de control. All\u00ed encontrar\u00e1s dos pesta\u00f1as separadas: Ajustes generales y estilos.<\/strong><\/p>\n\n\n\n
En el Ajustes generales<\/strong> puedes:<\/p>\n\n\n\n
- \n
- Ajuste el T\u00edtulo del panel<\/strong> para una jerarqu\u00eda adecuada.<\/li>\n\n\n\n
- Establezca el estado de alternancia para controlar si los paneles deben estar contra\u00eddos o abiertos cuando se carga la p\u00e1gina.<\/li>\n\n\n\n
- Activar Esquema FAQ<\/strong> para mejorar la visibilidad en los resultados de los motores de b\u00fasqueda.<\/li>\n\n\n\n
- Utilice Control de respuesta<\/strong> para ocultar o mostrar el bloque en dispositivos espec\u00edficos.<\/li>\n\n\n\n
- A\u00f1adir un Cuadro de b\u00fasqueda<\/strong> para facilitar la navegaci\u00f3n por las FAQ. Sin embargo, esta funci\u00f3n est\u00e1 limitada a los usuarios Pro.\u00a0<\/li>\n<\/ul>\n\n\n\n
![\"Ajustes](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3.1-3-1024x519.png\")
<\/figure>\n\n\n\nAhora, si cambia a la Ficha Estilos<\/strong>puede ajustar los colores, activar los bordes, establecer estilos y posiciones de los iconos y ajustar el relleno y los m\u00e1rgenes.<\/p>\n\n\n\n
![\"Ficha](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/3.2-2-1024x738.png\")
<\/figure>\n\n\n\nUna vez satisfecho, haga clic en \"Publicar\" o \"Actualizar\" para activarlo.<\/p>\n\n\n\n
![\"Demostraci\u00f3n](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/toggledemo-1.gif\")
<\/figure>\n\n\n<\/div><\/div><\/div>\n\n\nM\u00e9todo 2: Utilizar el bloque Expandir<\/strong><\/h2>\n\n\n\n
Paso 1: A\u00f1adir el bloque Expandir<\/strong><\/h3>\n\n\n\n
Navega hasta la p\u00e1gina o la entrada en la que desees que aparezca el contenido plegable\/expandible. Vuelve a hacer clic en el icono \"+\" para a\u00f1adir un nuevo bloque, busca \"Expandir\" y selecci\u00f3nalo.\u00a0<\/p>\n\n\n\n
![\"A\u00f1adir](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.1.1-1024x444.png\")
<\/figure>\n\n\n\nPaso 2: A\u00f1adir contenido al bloque<\/strong><\/h3>\n\n\n\n
El bloque proporcionar\u00e1 dos secciones: una para el contenido visible (que se muestra inicialmente) y otra para el contenido oculto (que se revela al hacer clic). A\u00f1ada el contenido que desea que permanezca visible en la primera secci\u00f3n, encima del icono \"Ver m\u00e1s<\/strong>\". Coloque el resto del contenido en la secci\u00f3n oculta debajo del texto \"Ver m\u00e1s<\/strong>\" texto. <\/p>\n\n\n\n
![\"Contenidos](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.2.2-1024x468.png\")
<\/figure>\n\n\n\nHaga clic en el bot\u00f3n + signo<\/strong> en cada bloque, seleccione el bloque que prefiera y, m\u00e1s tarde, a\u00f1ada contenido a los bloques. Puede personalizar los bloques \"Ver m\u00e1s<\/strong>\" y \"Mostrar menos\"<\/strong> textos para que se adapten mejor a su contenido o a su p\u00fablico. Solo tiene que hacer clic en los textos predeterminados y sustituirlos por las etiquetas que desee.<\/p>\n\n\n\n
![\"A\u00f1adir](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.1.3-1024x472.png\")
<\/figure>\n\n\n\nPaso 3: Personalizar el bloque Expandir<\/strong><\/h3>\n\n\n\n
La versi\u00f3n gratuita ofrece una personalizaci\u00f3n limitada, que incluye ajustes de desplazamiento, control de respuesta y ajustes de dimensi\u00f3n en la pesta\u00f1a Estilos. Pero si te pasas a la versi\u00f3n profesional, puedes elegir un efecto de desvanecimiento para el contenido minimizado (disponible en Configuraci\u00f3n general). Tambi\u00e9n puedes personalizar el estilo del bot\u00f3n, el color de fondo, el borde y el radio para darle un aspecto m\u00e1s pulido.<\/p>\n\n\n\n
\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.3.1-1.png\")
<\/figure>\n\n\n\n![\"Personalizar](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/2.3.2-1.png\")
<\/figure>\n<\/div>\n\n\n\nCuando est\u00e9 satisfecho con el resultado, haga clic en \"Publicar\" o \"Actualizar\" para guardar y mostrar los cambios en su sitio.<\/p>\n\n\n\n
![\"Demostraci\u00f3n](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/expanddemo-1-1.gif\")
<\/figure>\n\n\n\nConclusi\u00f3n<\/strong><\/h4>\n\n\n\n
El prop\u00f3sito de este art\u00edculo es guiarle en la creaci\u00f3n de contenido plegable y ampliable en WordPress, manteniendo un dise\u00f1o limpio y f\u00e1cil de navegar. Los bloques Ultimate Blocks le permiten conseguirlo sin necesidad de codificaci\u00f3n y, adem\u00e1s, con sencillez tanto en la usabilidad como en el dise\u00f1o. Entender las necesidades de su p\u00fablico es crucial, ya que le ayuda a implementar contenido plegable donde proporciona el mayor valor y asegura que todo funcione sin problemas para una experiencia de navegaci\u00f3n \u00f3ptima. Tenga en cuenta que peque\u00f1os cambios como estos pueden transformar la forma en que los visitantes interact\u00faan con su sitio.<\/p>","protected":false},"excerpt":{"rendered":"
Have you ever scrolled through a lengthy webpage, struggling to pinpoint the exact information you need? It\u2019s frustrating, isn\u2019t it? The solution lies in collapsible and expandable content, which is a simple yet effective way to organize information. This technique lets you present detailed content while keeping your pages clean and easy to navigate. Whether […]<\/p>\n","protected":false},"author":9,"featured_media":5045,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-5018","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/11\/expandcollapse850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/es\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/5018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=5018"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/5018\/revisions"}],"predecessor-version":[{"id":5047,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/5018\/revisions\/5047"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/5045"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=5018"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=5018"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=5018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Paso 2: A\u00f1adir contenido al bloque<\/a><\/li>
- Paso 2: A\u00f1adir el bloque de alternancia de contenido<\/a><\/li>
- Paso 1: Instalar el plugin Ultimate Blocks<\/a><\/li>