Calificaciones del editor: Calificaciones de los usuarios: [Total: 0 Promedio: 0].ilfs_responsive_below_title_1 { ancho: 300px; } @media (ancho mínimo: 500 px) {.ilfs_responsive_below_title_1 { ancho: 300 px; } } @media (ancho mínimo: 800 px) {.ilfs_responsive_below_title_1 { ancho: 336 px; } }
En esta publicación, he agregado algunos complementos gratuitos de WordPress para crear wireframes. Con estos complementos, cualquiera puede diseñar un diseño de un sitio web utilizando los bloques listos para usar. Todos los complementos que he agregado aquí vienen con una biblioteca de diferentes bloques de estructura alámbrica que puede combinar para crear una página de destino final o incluso un sitio web completo de forma gratuita. Todos los complementos que mencioné a continuación tienen una sección de estructura alámbrica dedicada en su biblioteca a la que puede acceder.
La estructura alámbrica es como un modelo de un producto final. En el contenido del desarrollo de sitios web, es el diseño inicial de las páginas de destino del sitio web de un cliente para poner todo en perspectiva. Usando wireframes, puede crear un diseño de sitio web temporal que puede usar con fines de demostración y, después de obtener la aprobación, comienza a construir. La ventaja es que con los wireframes, no tendrás que volver al punto de partida. Como ya tienes el esqueleto del sitio web, solo debes llenarlo con el contenido real.
Ya existen herramientas dedicadas de creación de esquemas. Pero para hacer las cosas más fáciles, puedes crear wireframes en el mismo WordPress. La mayoría de los complementos para hacer esto son pagos, por lo que he compilado una lista de complementos gratuitos que puede usar para hacer lo mismo. Y he agregado 6 complementos de este tipo en la publicación a continuación que puede usar. Todos tienen bloques de construcción web realmente sorprendentes que se integran bien con el creador de páginas Gutenberg de WordPress. Solo tiene que arrastrarlos y soltarlos y ordenarlos para crear una estructura metálica final.
6 Complementos de estructura metálica gratuitos para WordPress
1. Plantillas de inicio de Brainstorm Force
Este es probablemente el mejor complemento gratuito de estructura alámbrica que puede usar. Aquí tiene casi todo tipo de bloques de wireframing que puedes usar para crear un prototipo de sitio web y publicarlo en unos minutos. Le ofrece una bonita colección de bloques de sitios web y hay una sección separada para bloques de estructura metálica. Funciona bastante bien con el editor Gutenberg de WordPress y todos los bloques de wireframing son de uso completamente gratuito.
Aquí está la lista de tipos de bloques que ofrece este complemento para wireframing.
Lista de funciones Tabla de precios Llamada a la sección de acción Testimonios Sección de preguntas frecuentes Banners Galería Acerca de nosotros
Todos estos tipos de bloques mencionados están disponibles en modo claro y oscuro.
Para comenzar con este complemento, puede buscarlo en Complementos y luego instalarlo. Después de activarlo, vas a Páginas y luego creas una nueva página. En Gutenberg, ahora verá un botón de”Kits de plantillas”para seleccionar los bloques de estructura metálica.
Seleccione cualquier bloque de aquí y luego suéltelo en la página. Siga construyendo todo el sitio web de esta manera. Elija diferentes bloques de estructura metálica y luego siga alineándolos para construir la página de destino completa. Puede hacer clic en un bloque de estructura metálica para modificar ciertos aspectos.
Siga generando la vista previa y siga comprobando cómo se ve el sitio web final. Finalmente, cuando haya terminado, simplemente publique los cambios y luego estará prácticamente listo para comenzar. Puede volver al esquema que ya ha creado en cualquier momento para modificarlo o incluso eliminarlo para siempre.
2. Apilable
Apilable es otro complemento de WordPress bastante poderoso que le permite crear diseños de estructura alámbrica y publicarlos. Tiene una versión gratuita decente en la que obtienes una gran cantidad de bloques de estructura de alambre gratuitos que puedes usar para crear la página de destino y los diseños del sitio web. Los bloques de wireframing que ofrece son bastante intuitivos, personalizables y se ofrecen en varias categorías.
Este complemento de WordPress apilable funciona con el editor Gutenberg y sigue el paradigma de arrastrar y soltar en lo que respecta a la creación de páginas. Estos son los diferentes tipos de bloques de wireframing que ofrece.
Banners Tabla de precios Testimonios Bloques de llamadas a la acción Sección de preguntas frecuentes Tarjetas Galería de imágenes Servicios del equipo Características
Para desarrolladores, aquí incluso ofrece bloques de código que puede usar para diseñar bloques de wireframing personalizados utilizando HTML puro y CSS. Aquí hay un video que muestra cómo usar Astar Starter Kit para crear wireframes en WordPress.
Estos son los tipos de bloques que ofrece este complemento. Estas son básicamente categorías, cuando selecciona cualquiera de ellas, mostrará varios bloques que puede elegir y seleccionarlos para construir su página. Esto es tan simple como eso.
Puede continuar y luego instalar y activar este complemento desde el enlace de arriba. Después de eso, simplemente cree una nueva página y en Gutenberg, verá el botón Biblioteca de diseño. Al hacer clic en él, se abrirá la biblioteca de bloques de wireframing de Stackable en varias categorías.
Elija cualquier categoría y luego se mostrarán los bloques correspondientes que puede elegir para construir el concepto de la página de destino del sitio web o algo más. Utilice el enfoque de arrastrar y soltar para crear el sitio web utilizando bloques de estructura metálica y publicar los cambios.
Al igual que el complemento Plantillas de Brainstorm Force anterior, aquí también puede volver en cualquier momento y realizar modificaciones. Puede crear diseños de wireframes ilimitados utilizando los bloques que proporciona y espero que agreguen más bloques en las actualizaciones posteriores.
3. Kadence Blocks
Kadence Blocks es amable de un kit de interfaz de usuario para WordPress. Aparte de eso, ofrecen bloques de Gutenberg como complemento de WordPress. Y desde hace bastante tiempo, ahora han actualizado su complemento con bloques de estructura alámbrica que puede usar para crear prototipos de páginas web o páginas de destino. Puede mezclar y combinar esos bloques y vienen en modos claro y oscuro. Los bloques de estructura alámbrica y algunos otros bloques de sitios web listos para usar son de uso completamente gratuito y solo tiene que dar su dirección de correo electrónico para comenzar.
Aquí está la lista completa de bloques que encontrará en este kit.
Contenido Tarjeta promocional Tabla de precios Pie de página Galería Portafolio Testimonio Cuenta regresiva Formulario
Usar los bloques de Kadence para el desarrollo de WordPress es muy simple. Instale el complemento buscándolo en el directorio Complementos. O también puede obtenerlo desde su sitio web oficial. Después de instalarlo y activarlo, encontrará un nuevo botón de”Biblioteca de diseño”con el logotipo de Kadence en el generador de páginas de Gutenberg.
Abra la biblioteca de diseño y ahora tiene una sección dedicada a los wireframes. Puede enumerarlos por categorías y también presenta un cuadro de búsqueda que puede usar para encontrar un bloque determinado. Entonces, simplemente arrastre y suelte los bloques para crear su página web y luego vea cómo publican los cambios.
De esta manera, puede usarlo para crear estructuras de alambre dentro de WordPress. Sin embargo, para representar los bloques a la perfección, es posible que deba modificar la plantilla base de su tema de WordPress. Y no desactive el complemento después de crear el diseño ya que se perderán todos los bloques y la alineación.
4. Espectros
Espectros es otro complemento de WordPress para potenciar el editor de Gutenberg con bloques avanzados y potentes que lo ayudan a crear sitios web en muy poco tiempo. Aparte de eso, tiene una muy buena colección de wireframes que puedes usar de forma gratuita. Todos los bloques de estructura alámbrica que tiene para ofrecer se pueden usar en sus diseños con cualquier suscripción premium.
Estos son el tipo de bloques de estructura alámbrica disponibles en Spectra para su uso. Después de agregarlos en la página, puede personalizarlos aún más configurando diferentes colores para el texto, los encabezados y otros elementos. Además de esto, le ofrece un tablero unificado desde donde puede controlar el contenido predeterminado y los parámetros del contenedor, como el ancho, el relleno, etc.
Acerca de la llamada a la acción Preguntas frecuentes Características Hero Portfolio Services Equipo Testimonios Los bloques también vienen en temas claros y oscuros.
Para instalar Spectra, búsquelo en los complementos y luego instálelo. Después de activar, solo dirígete al editor de páginas y allí verás una opción para acceder a los kits de plantillas de Spectra.
Todos los bloques de estructura alámbrica disponibles se pueden encontrar según el tipo. Simplemente busque el bloque que desea y luego insértelo en la página. Puede agregar varios bloques y completar el diseño de estructura alámbrica. Al final, solo publique los cambios y estará listo para comenzar.
Más tarde, siempre puede regresar y editar el diseño existente de la manera que desee. Con este complemento, puede crear wireframes ilimitados y enviarlos a sus clientes o compañeros de equipo para su aprobación. Y después de que los acepten, puede llenarlos con el contenido real y, de esta manera, será mucho más rápido crear y publicar sitios web comerciales.
5. Ghost Kit
Ghost Kit es básicamente una página web constructor para su uso. Aquí no tiene un conjunto dedicado de wireframes para el diseño de páginas web, pero los bloques que ofrece se pueden usar como wireframes. Aquí tiene tanto bloques de marcador de posición como bloques listos para usar que puede insertar en su página y luego publicar los cambios. Te permite editar y personalizar los bloques que funcionan completamente directamente en Gutenberg.
Viene en versión profesional y gratuita. La versión pro tiene más funciones, pero la versión gratuita del complemento también es bastante poderosa. Aquí encontrará este tipo de bloques para wireframing.
Hero Sections Características Contadores Equipo Testimonios Precios Contacto CTA Preguntas frecuentes
Use este complemento prácticamente de la misma manera que otros complementos en la lista. Instálelo en su sitio web de WordPress y luego solo necesita activarlo para comenzar.
Vaya a las páginas de su sitio web de WordPress y luego cree una nueva página. Verá un nuevo botón Biblioteca de plantillas en el editor de bloques.
Ábralo y luego le mostrará todos los bloques que tiene para ofrecer. Puede filtrarlos seleccionando una categoría del menú desplegable y luego hacer clic en cualquier bloque para agregarlo a su página. Continúe agregando los bloques para construir la página completa y luego puede continuar con la personalización de los bloques.
Siga usando este complemento de esta manera para crear estructuras de alambre ilimitadas y luego publique los cambios. Esto es muy parecido a los otros complementos de esta lista, pero tiene bloques ligeramente limitados. Pero si usted es un usuario individual y está buscando un complemento de estructuración de alambres rápido y simple para WordPress, entonces puede ser ese complemento para usted.
6. Kits de estructura metálica de Elementor
Si suele crear sitios web en Elementor, estoy seguro de que están familiarizados con Elementor. Es probablemente el creador de sitios web más popular para WordPress que usan muchos desarrolladores. En una de las últimas actualizaciones, agregaron algunas plantillas de estructura alámbrica en su biblioteca. Puede usar esos wireframes para crear maquetas y planos de sitios web o páginas de destino y hacer que el cliente o los compañeros de equipo los aprueben.
Solo un pequeño inconveniente es que los bloques de wireframe que tiene Elementor son muy limitados. Y a diferencia de otros complementos anteriores, aquí no los ofrece como bloques. Obtiene la página de destino completa y, como tal, en formato de estructura alámbrica. Además, las plantillas de estructura alámbrica son freemium. Hay algunos gratuitos y el resto están disponibles en Elemetor Pro.
Algo es mejor que nada. Es por eso que menciono Elementor en esta lista. Usar las plantillas de estructura alámbrica con las que viene es realmente muy fácil. Desde el panel de control de WordPress, vaya a la sección Plantillas > Biblioteca de kits y allí verá los diseños de estructura alámbrica.
Seleccione cualquier plantilla de estructura alámbrica y luego comience a editarla. Una vez que haya terminado, simplemente puede guardar los cambios y publicar la página. Esto es tan simple como eso.
Estos son los pocos diseños de wireframes que puede usar en la versión gratuita de Elementor. Espero que con las actualizaciones posteriores, agreguen más plantillas de wireframing en la biblioteca para que sea más fácil para los diseñadores de UI generar buenas ideas para la página de destino del sitio web y diseños únicos.
Reflexiones finales:
Hay muy pocos plugins de WordPress disponibles que te permitan crear wireframes en su versión gratuita. Los que pude encontrar ya están listados arriba. Si conoce algún otro complemento de WordPress que haga lo mismo, puede informarme en los comentarios a continuación. Personalmente, le recomendaré que use Astra Starter Templates y Stackable. Pero también puedes probar otros dos.