Recientemente, uno de nuestros usuarios nos preguntó si habÃa alguna forma de agregar un acordeón de preguntas frecuentes en su sitio de WordPress. Hay muchos complementos disponibles que le permiten agregar una sección de preguntas frecuentes o preguntas frecuentes en WordPress. En este artÃculo, le mostraremos cómo agregar un acordeón de preguntas frecuentes de jQuery en su sitio de WordPress.
¿Qué es el acordeón?
En diseño web, el acordeón es un término que se utiliza para designar un patrón de diseño de interfaz de usuario que tiene pestañas o bloques de contenido que se colapsan o se expanden con la interacción del usuario. Cada pestaña tiene contenido debajo que se expande cuando el usuario hace clic en el elemento del menú. En términos simples, es como un menú que se expande al hacer clic en él. Hemos utilizado un efecto similar en nuestra página de configuración de blog gratuita de WordPress. A continuación se muestra una captura de pantalla de un acordeón de muestra.
Tutorial en video
SuscrÃbete a WPBeginner
Si no le gusta el video o necesita más instrucciones, continúe leyendo.
Agregar un acordeón de preguntas frecuentes de jQuery
Antes de que pueda agregar un acordeón de preguntas frecuentes de jQuery, debe asegurarse de tener una sección de preguntas frecuentes. Comience agregando una sección de preguntas frecuentes siguiendo nuestro tutorial sobre cómo agregar una sección de preguntas frecuentes en WordPress.
Ahora sigamos con la adición del acordeón jQuery FAQ. WordPress viene con la biblioteca jQuery, sin embargo, no tiene temas de jquery. Lo cargaremos desde Google CDN y pondremos en cola estos scripts en WordPress. También crearemos un código corto que muestra nuestras preguntas frecuentes. Lo más importante es que haremos todo eso creando un complemento de WordPress.
Cree una carpeta en su escritorio y asÃgnele el nombre my-accordion. Abra el Bloc de notas o cualquier otro editor de texto de su elección. Cree un archivo llamado my-accordion.php y pegue este código dentro de él:
