Black Friday Sale! Save up to 50% off!

Cómo utilizar el editor de páginas visuales a mano alzada

Utilice nuestro editor visual con posicionamiento a mano alzada para editar el contenido de su página web, como texto, imágenes, cuadrículas y otros elementos, utilizando la potente función de arrastrar y soltar. Ahorra mucho tiempo, ya que no requiere codificación para diseñar sitios web modernos, temas, plantillas de comercio electrónico o publicaciones de blog.
Cómo utilizar el editor de páginas visuales a mano alzada

Navegar por categorías de funciones

Arrastrar y soltar a mano alzada

Diseña tus páginas web y plantillas arrastrando y soltando. Disfrute de sus trabajos mientras crea hermosos sitios web de una manera lúdica sin codificación. Diseñe y personalice su diseño con nuestro revolucionario editor a mano alzada. Es intuitivo, visual, fácil de usar, a mano alzada, arrastrar y soltar. Usar Nicepage es similar a trabajar en Microsoft PowerPoint, Apple Keynote y sistemas de diseño profesional como Adobe Photoshop y Adobe XD.

Guías magnéticas inteligentes

Utilice las guías magnéticas inteligentes para alinear y perfeccionar la posición de los elementos en el diseño. Puede ver las guías rápidas mientras mueve un elemento que se ajusta a otros elementos y contenedores. Son muy útiles para alinear, editar y transformar elementos en relación con otros elementos y contenedores cuando diseña un sitio web.

Columnas de cuadrícula

Las columnas de cuadrícula son una herramienta de diseño útil para los editores de gráficos y sitios web. Facilitan el posicionamiento y alineación de elementos de diseño web en una página web. Las columnas de la cuadrícula son visibles en toda la página. Puede habilitarlos haciendo clic en las teclas de acceso rápido CTRL+MAYÚS+4 o seleccionando en el menú del botón derecho del mouse o en la barra de herramientas contextual de Page y Block.

Mover bloques

Cambie las posiciones de los bloques fácilmente en el navegador de páginas. También puede usar las flechas en la barra lateral de bloques y la barra de herramientas de contenido para mover los bloques hacia arriba y hacia abajo en el Editor.

Distancias entre elementos

Puede medir las distancias entre elementos en un bloque mientras arrastra y alinea con las guías magnéticas inteligentes. Ve las Distancias mientras mide el espacio entre Textos, Imágenes, Iconos, Formas, etc., y dentro de Grupos y Cuadrículas, y otros elementos contenedores.

Redimensionar elementos

Arrastre marcadores para imágenes, textos y otros elementos para cambiar el tamaño. Puede mantener presionada la tecla MAYÚS para cambiar el tamaño proporcionalmente y la tecla ALT para fijar el centro. Puede seguir y ajustar las guías magnéticas rojas para mayor precisión.

Agrupar elementos presionando CTRL+G

La agrupación es una operación muy común que permite combinar elementos relativos y minimizar la carga de controlar cada elemento por separado mientras se mueve, alinea, etc. Para agrupar varios elementos, seleccione elementos de área o seleccione cada uno haciendo clic y manteniendo presionada la tecla MAYÚS y luego presione la tecla Combinación CTRL+G.

Arrastrar elementos para mover grupo

Arrastre cualquier elemento agrupado para mover todo el Grupo. Puede agrupar elementos en un bloque web y luego manipularlos como una sola unidad seleccionando y arrastrando un grupo con sus elementos internos.

Pegar imagen desde el portapapeles

Puede copiar y pegar imágenes desde el portapapeles. Esta función solo se admite en las aplicaciones de escritorio de Nicepage. Puede copiar imágenes desde cualquier editor gráfico y pegarlas en Nicepage Editor.

Redimensionar bloque

Cambie el tamaño de los bloques simplemente haciendo clic y arrastrando los marcadores de barra en la parte superior o inferior de cualquier bloque. Mientras cambia el tamaño, puede ver las distancias antes y después de los Elementos colocados dentro de un Bloque.

Restablecer proporciones para imágenes

Puede que las imágenes cambien sus proporciones durante el proceso creativo acercándolas y ajustándolas mientras se crea una página web. Por lo tanto, puede restablecer las proporciones al original haciendo clic en el icono de la barra de herramientas contextual. Haga clic en el elemento Imagen, Cuadro o Celda de cuadrícula y haga clic en el icono Restablecer proporciones.

Borde personalizado para cada lado

Puede agregar grupos, formas e imágenes y especificar bordes para cada lado por separado. Le da la libertad adicional para realizar sus ideas creativas. Seleccione su Forma, por ejemplo. Luego vaya al Panel de propiedades. Busque la sección Borde y haga clic en los iconos de opciones. Seleccione los lados para los que mostrar el borde.

Ancho en porcentaje

La cuadrícula, el repetidor de cuadrícula, generalmente todos los elementos de contenedor de ancho completo y el elemento de texto siempre tienen el 100% de ancho. Puede ver el 100% real en el campo de valor del Panel de propiedades para el elemento seleccionado. También puede establecer el valor de Ancho en porcentaje. Sin embargo, la altura solo puede ser del 100 por ciento.

Cambiar valor con el movimiento del mouse

Muchos editores gráficos y de maquetas populares pueden cambiar los valores con el Desplazamiento o Mover del mouse. Puede hacer lo mismo que los parámetros y propiedades ilustrados con iconos. Vaya al Panel de propiedades, pase el mouse sobre el ícono cerca del campo de entrada de propiedades y mueva el mouse hacia la derecha para aumentar el valor y hacia la izquierda para disminuirlo.

Bloque en caja y ancho

Puede cambiar el ancho del contenido seleccionando el valor de la lista desplegable para el ancho del bloque. Seleccione un Bloque, luego vaya al Panel de propiedades. En la propiedad W (Ancho), haga clic en la flecha pequeña para abrir la lista desplegable con opciones. Haga clic en las opciones para cambiar el ancho del contenido de encuadrado a ancho.

Bloquear elementos en contorno

Puede bloquear y desbloquear los Elementos, Contenedores o Bloques en el Esquema haciendo clic en el ícono Bloquear en la Capa de elementos. Hace que su trabajo de diseño sea más conveniente, especialmente cuando se trabaja con múltiples detalles.

Haga doble clic para editar elementos en un grupo

Aunque puede mover y seleccionar elementos agrupados como una sola unidad, puede editar cada uno de ellos: haga doble clic para acceder a un elemento agrupado y edite sus propiedades en la barra de herramientas contextual o el Panel de propiedades.

Seleccione varios elementos

Puede seleccionar varios elementos haciendo clic y arrastrando un cursor alrededor del área. Puede mover, alinear, duplicar todos los elementos multiseleccionados juntos y convertirlos en un repetidor de grupo o cuadrícula si es necesario.

Agrupar y desagrupar elementos

La operación de grupo crea un elemento de grupo, que le permite ensamblar varios elementos y usarlos como una sola pieza en el Editor. Como grupo, puede realizar varias operaciones y agregar acciones, incluida la adición de fondo y elementos móviles y la aplicación de varios efectos de animación a un grupo y sus elementos.

Ocultar elementos en contorno

Mientras trabaja en el Editor, puede ocultar Elementos, Contenedores o Bloques completos en el Esquema. Es útil concentrarse en algunos detalles mientras se ocultan los que se superponen o dificultan.

Renombrar bloques en esquema

Para organizar y administrar Bloques, puede cambiarles el nombre en el Esquema. Seleccione el Navegador de páginas a la izquierda, cambie a la pestaña Esquema. Haga doble clic o seleccione la opción Cambiar nombre en Opciones. Cambie el nombre del bloque para que su proceso de diseño de un sitio web sea más manejable y conveniente.

Opciones de página en el editor

Las opciones de página son muy importantes para la creación de sitios web, ya que esta lista contiene las operaciones esenciales para la página. Puede habilitar las columnas de cuadrícula, usar las operaciones de copiar y pegar, importar y exportar páginas y acceder a la configuración. Puede acceder a las opciones de página desde el menú contextual haciendo clic en el icono de opciones en la parte superior derecha del editor.

Creación de un sitio web utilizando Visual Freehand Page Builder

No hace mucho tiempo, necesitabas expertos en WordPress y HTML para crear un sitio web funcional con plantillas y elementos de contenido personalizados, sin embargo, hoy en día, no se requieren habilidades de codificación para crear un sitio web de WordPress con un diseño receptivo. El editor visual moderno y flexible crea un sitio web utilizando una interfaz de arrastrar y soltar que proporciona todo lo que necesita para crear un tema de WordPress único para su sitio web con los mejores complementos de creación de páginas de WordPress. Los usuarios sin experiencia comprenderán de inmediato que no se requiere codificación cuando vean el editor de páginas de arrastrar y soltar por primera vez. Los usuarios también pueden aprovechar el creador de temas para crear temas personalizados de WordPress para uso y promoción futuros. Los íconos firmados estrictos pero lacónicos ayudarán al usuario a orientarse en todo el conjunto de herramientas y acelerar el conocimiento de la estructura del sitio web. Recuerde, las ventas futuras de las páginas de destino dependerán directamente del estilo y contenido del sitio del usuario.

Lo primero que deben hacer los usuarios después de proporcionar su dirección de correo electrónico para registrarse es imaginar lo que quieren tener en su sitio web. Pueden examinar una gran cantidad de páginas de destino, páginas comerciales y plantillas de diseño de páginas de entretenimiento que se proporcionan en el creador de páginas visual para elegir el posicionamiento de imágenes, texto y características adicionales. Al hacer clic en el botón Agregar página, se creará una página desplegable inicial, donde los usuarios la modificarán a su gusto con la ayuda del complemento visual del constructor de páginas. Con la ayuda del editor de arrastrar y soltar, el usuario puede arrastrar el diseño que más le gustó a la pantalla principal, donde se mostrará la página del futuro sitio web. Personalice los diseños de página con el editor visual de páginas de WordPress para cambiar el tamaño y la forma de los bloques de imágenes y de texto. El creador de páginas de WordPress también tiene páginas completas para explotar, y la mayoría de las plantillas de página vienen con complementos gratuitos para el creador de páginas de WordPress.

Los usuarios pueden usar CSS existente o personalizado a su esquema de color general del texto y luego editar un color particular para el bloque de texto en particular o su parte. Gracias a un complemento gratuito de creación de páginas de WordPress, la creación de complementos de formularios de contacto se realiza de manera rápida y efectiva con elementos simples de arrastrar y soltar que recogen la plantilla de formulario de contacto que le gusta al usuario y la coloca donde quiere que esté. El tema gratuito de WordPress es muy importante para las páginas con varios tipos de publicaciones personalizadas porque todas las publicaciones se integrarán automáticamente en el tema de WordPress elegido. Los usuarios no necesitarán configuraciones adicionales y la repetición constante de las mismas acciones y la concentración en el contenido. Después de acostumbrarse al creador de arrastrar y soltar y comprender mejor el complemento del creador de páginas, el usuario puede obtener un control total sobre todos los aspectos del nuevo sitio web del compositor visual y utilizar técnicas más avanzadas para su futura página de destino, especialmente en el caso de usar un creador de sitios web de temas para crear temas únicos de WordPress para otros usuarios o para crear complementos para temas de WordPress que proporciona el creador de temas como el compositor visual.