Recientemente, uno de nuestros lectores preguntó si era posible crear un hermoso contenido de formularios largos en WordPress? El contenido de formas largas con un elemento narrativo ha demostrado ser más atractivo que el texto y las imágenes. En este artículo, le mostraremos cómo crear un hermoso contenido de formularios largos en WordPress con StoryBuilder.
¿Por qué usar StoryBuilder para artículos de formularios largos en WordPress?
Los usuarios pasan sólo unos segundos mirando un sitio web antes de decidir si quieren quedarse o irse. Si publica artículos largos, entonces mantener a los usuarios en su sitio se convierte en un reto aún mayor.
La adición de multimedia y ayuda visual interactiva hace que el contenido de formularios largos sea muy atractivo para los usuarios. En lugar de limitarse a desplazar hacia abajo el texto y las imágenes, los usuarios pueden interactuar con los elementos de la página.
Aquí están algunos de los mejores ejemplos de contenido de formas largas con ricos elementos de narración de historias.
- New York Times – Conduciendo por la Nueva Ruta de la Seda
- Washington Post – Washington – Un mundo aparte
- The Guardian – Firestorm
- Horquilla – Máquinas de por vida
Todos estos artículos de forma larga comparten rasgos similares de gran narración de historias. Utilizan medios inmersivos, efectos de paralaje y elementos de interfaz de usuario interactiva para crear contenido atractivo.
Los temas tradicionales de WordPress normalmente no te permiten crear tales páginas o mensajes. Incluso si lo ha intentado, tendrá que utilizar varios plugins y es posible que no funcione bien para su público.
Dicho esto, veamos cómo puede crear un hermoso contenido de formularios largos en WordPress con StoryBuilder usando cualquier tema y sin escribir ningún código.
Creación de su primera historia de formulario largo con StoryBuilder
Lo primero que tiene que hacer es instalar y activar el plugin Press75 Long Form Storybuilder. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Tras la activación, debe crear una nueva entrada o página. Notarás el nuevo meta box deHabilitar Contenido de Forma Larga en la pantalla de edición de postproducción.
Debe marcar la casilla situada junto a la opción «Mostrar como contenido de formulario largo» y, a continuación, hacer clic en el botón Guardar borrador.
WordPress recargará la página, y ahora verá un aviso de que el contenido del formulario largo está habilitado para la página o publicación. En lugar de editor de mensajes, verás un botón llamadoEditar mi página de contenido de formato largo.
Haga clic en el botón para iniciar el editor de contenido de formularios largos.
Una nueva ventana del navegador abrirá su página actual en el personalizador de temas de WordPress.
El panel derecho mostrará algunas instrucciones básicas sobre cómo usar StoryBuilder. Estas instrucciones desaparecerán una vez que empiece a editar la página.
El panel izquierdo contiene los controles del Personalizador, incluidos los utilizados para editar el tema de WordPress. Verá dos opciones en los controles del Personalizador que están resaltadas.
Haga clic en la pestaña Opciones de página primero. Le permite elegir los colores primarios y secundarios que se utilizarán en la página de contenido del formulario largo que está editando.
También le permite elegir las fuentes que desea utilizar para la página.
Después de eso, haz clic en la flecha de atrás junto al encabezadoOpciones de página en el panel izquierdo.
Ahora puede hacer clic en la pestañaSecciones de página de formato largo para empezar a crear el contenido de su formulario largo.
En la pestaña Siguiente, haga clic en el botón Agregar secciones. Se abrirá otra pestaña con la lista de secciones que puede añadir a su página.
Al hacer clic en una sección, ésta se agregará a su página. Verá los ajustes para editar esa sección.
Cada sección tiene diferentes ajustes. Por ejemplo, la sección de encabezado le pide un título de sección, una imagen, texto para mostrar como encabezado principal y subtítulo.
Después de rellenar los ajustes, simplemente haga clic en el botón de cerrar en la parte inferior. Ahora puede añadir otra sección a su página.
Todas las secciones aparecerán en el panel izquierdo. Puede reorganizarlos con la función de arrastrar y soltar.
Si desea eliminar una sección, simplemente haga clic en ella y, a continuación, haga clic en el enlace Eliminar situado en la parte inferior de la configuración de la sección.
Aquí hay una lista de las secciones que están actualmente disponibles con el StoryBuilder.
- Menú de navegación – Le permite agregar un menú de navegación a su historia. Puede utilizar un menú de navegación existente o crear un menú personalizado.
- Callout – Una sección de callout de ancho completo con fondo de color. Utiliza el color primario que seleccionó en Opciones de página para el fondo.
- Contenido – Un área de contenido de una sola columna
- Área de contenido de dos columnas
- Área de contenido de tres columnas
- Función completa – Le permite agregar una imagen de ancho completo con efecto paralaje, encabezado, subtítulos y contenido.
- Encabezado de sección – Añade una fila de encabezado de sección
Las secciones del área de contenido son como el editor de entradas de WordPress. Puedes incrustar vídeos, imágenes, citas en bloque, incrustar tweets o mensajes de Facebook.
Al igual que toda la página, las áreas de contenido de varias columnas también son totalmente receptivas. Su contenido se mostrará en una sola columna para los usuarios con pantallas más pequeñas.
Una vez que haya añadido algunas secciones a su página, haga clic en el botón Guardar y publicar en la parte superior. A pesar de que el botón dicePublicar, su página se guardará como Borrador.
Deberá salir del Customizing haciendo clic en el botón de cerrar.
Esto te llevará de vuelta a la pantalla de edición de posts de WordPress, donde puedes elegir entre publicar la página o mantenerla guardada como borrador.
Eso es todo, esperamos que este artículo le haya ayudado a aprender a crear un hermoso contenido de formularios largos en WordPress con StoryBuilder. Si le gustó la funcionalidad de arrastrar y soltar del StoryBuilder, entonces también puede que desee ver nuestra comparación de los mejores creadores de páginas de arrastrar y soltar para WordPress.
Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.