Hacer un wireframe de la estructura de cualquier sitio web antes de empezar el proceso de dise\u00f1o es muy importante. Aumenta la eficiencia del trabajo, facilita el flujo de trabajo y le ayuda a tener listo el dise\u00f1o final del sitio web en menos tiempo. Ahora puede crear su p\u00e1gina o maqueta de sitio web m\u00e1s r\u00e1pido que nunca con Starter Templates Wireframe Blocks.<\/p>\n\n\n\n
Este documento le ayudar\u00e1 a comprender c\u00f3mo funcionan los bloques de wireframe y qu\u00e9 ventajas aportan. <\/p>\n\n\n\n
\u00bfQu\u00e9 son los bloques de alambre?<\/h2>\n\n\n\n
Wireframing significa tener una estructura b\u00e1sica de su p\u00e1gina web como algunas secciones, su dise\u00f1o, posici\u00f3n de la imagen, la posici\u00f3n del texto, y as\u00ed sucesivamente. Esto te da una idea de c\u00f3mo puedes gestionar el contenido de cualquier p\u00e1gina web.<\/p>\n\n\n\n
Pero si alguna vez intentas crear wireframes utilizando herramientas online o incluso con un simple l\u00e1piz-papel, entender\u00e1s que no es del todo f\u00e1cil. Tendr\u00e1s que entender y estudiar c\u00f3mo funcionan las herramientas online. Y bueno, trabajar con l\u00e1piz y papel no es ni c\u00f3modo ni fiable, ya que el dise\u00f1o puede acabar deshecho.<\/p>\n\n\n\n
Por lo general, se crean wireframes en plataformas externas y luego se transfieren los dise\u00f1os a su sitio web. Starter Templates ofrece bloques de wireframes listos para usar directamente en el editor de Gutenberg, lo que te ayuda a evitar esos esfuerzos adicionales. Ahora puedes crear tu dise\u00f1o wireframe directamente en tu sitio web.<\/p>\n\n\n\n
Ventajas de utilizar bloques al\u00e1mbricos:<\/p>\n\n\n\n
Proporciona la estructura b\u00e1sica para iniciar el dise\u00f1o de cualquier sitio web.<\/li>
Ahorre tiempo en la creaci\u00f3n de un wireframe con una herramienta externa o con el tradicional l\u00e1piz-papel<\/li>
S\u00f3lo tiene que sustituir la imagen, el texto y a\u00f1adir colores en el wireframe para hacer el dise\u00f1o final del sitio web listo en menos tiempo<\/li>
Dise\u00f1e su sitio web sin complicaciones ni esfuerzos<\/li><\/ul>\n\n\n\n
\u00bfC\u00f3mo utilizar los bloques de alambre?<\/h2>\n\n\n\n
Se puede acceder a los bloques Wireframe a trav\u00e9s del editor de p\u00e1ginas\/post. Puedes a\u00f1adir un n\u00famero ilimitado de bloques y crear toda la estructura de la p\u00e1gina o post en un abrir y cerrar de ojos.<\/p>\n\n\n\n
Nota<\/h4>
Los bloques Wireframe est\u00e1n disponibles a partir de la versi\u00f3n 2.7.0 de Starter Templates. Una vez que actualice su plugin de plantillas de inicio, vaya a Apariencia > Starter Templates y sincronice la biblioteca de plantillas (el bot\u00f3n \"Sincronizar\" se encuentra en la esquina superior derecha de la biblioteca).<\/p><\/div><\/div>\n\n\n\n
Le mostraremos un ejemplo de c\u00f3mo puede crear una estructura de p\u00e1gina que puede compartir con su equipo o cliente:<\/p>\n\n\n\n
Primer paso<\/strong> - Vaya a Panel de control > P\u00e1ginas > A\u00f1adir nueva. En el men\u00fa superior del editor de p\u00e1ginas, haga clic en el bot\u00f3n \"Starter Templates\". Se abrir\u00e1 la Biblioteca Starter Templates;<\/p>\n\n\n\n<\/a><\/figure>\n\n\n\n
![\"Page](\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-add-wireframes.png\")
<\/a><\/figure>\n\n\n\n![\"Wireframe](\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-wireframes-library.png\")
<\/a><\/figure>\n\n\n\n![\"Import](\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/10\/ast-3-7-import-wireframes.png\")
<\/a><\/figure>\n\n\n\n