Mejor creador de sitios web en 2023. Cree su propia plantilla de sitio web

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

El menú es el elemento de navegación esencial de cualquier sitio web. Puede agregar el menú solo al encabezado y pie de página y crear subelementos si tiene muchas páginas web en su sitio.

Permita que sus usuarios encuentren la información requerida en su sitio web utilizando el elemento de búsqueda en el encabezado. Tenga en cuenta que la búsqueda utiliza las funciones estándar de WordPress y Joomla, y para habilitarla para el sitio web HTML, deberá escribir el código.

El pie de página es un bloque inferior de cualquier sitio web compartido entre todas las páginas web que contienen datos comunes a otras páginas. La información en los pies de página puede incluir enlaces a páginas, publicaciones o recursos externos, referencias y avisos de derechos de autor, así como enlaces a las cuentas sociales, información de contacto y suscripción, y más.

Inserte el enlace Iniciar sesión para conectarse a la página de inicio de sesión en su sitio web. Puede estilizar el enlace si es necesario.

Pegue el pie de página en la parte inferior de cualquier página web. Puede aplicar esta opción para ajustar el pie de página a la parte inferior de la pantalla si no tiene suficiente contenido para empujar el pie de página hacia abajo.

El megamenú es el diseño más popular utilizado en los menús modernos que contienen elementos de submenú. Permite agregar Subelementos en Columnas, además de agregar imágenes y otros Elementos a un Menú. Para agregar un Mega Menú, puede seleccionar un Menú en el Encabezado, ir al Panel de Propiedades a la derecha, luego cambiar su Diseño al Mega Menú haciendo clic en el ícono correspondiente en la sección Diseño.

Combine varios bloques de encabezado en la parte superior de sus páginas en un encabezado grande. Permite colocar más información que en el clásico Encabezado de una fila. Puede agregar Menú, Campo de búsqueda, Carrito de compras, Iconos sociales y Contactos en dos o más bloques de encabezado. Por lo general, tiene diferentes colores para los fondos de los bloques. Es el más popular en los sitios web de comercio electrónico.

Añade el logo de tu empresa o personal para diferenciar tu sitio web en la web. El logotipo es una imagen que puede estar en cualquier formato gráfico moderno, incluidos SVG y WEBP.

Inserte el elemento de título en el encabezado, que puede usar como título para su sitio web. Puede usar el Título en lugar del logotipo gráfico y estilizarlo como cualquier texto en el Editor.

Use el Encabezado, el Bloque superior compartido en las páginas del sitio web. Por lo general, contiene un logotipo, un menú, una llamada a la acción, información de contacto, etc. El encabezado puede superponerse al siguiente bloque y puede quedar pegajoso al desplazarse.

Puede ocultar y mostrar el encabezado en el Panel de propiedades de una página haciendo clic en el área gris más allá del Editor y yendo al Panel de propiedades. Además, puede hacer clic en el enlace en la parte superior derecha del Editor cerca del ícono de Opciones para mostrar el Encabezado oculto en cualquier momento, lo cual es muy conveniente, rápido y fácil de encontrar.

La tipografía establece el estilo de todos los elementos de texto en un sitio web completo. Permite que las páginas y los bloques se vean en un solo estilo, lo cual es esencial para un buen diseño web. Ayuda a estilizar elementos como Título, Encabezado, Texto, Hipervínculo, Botón, Cita y Listas. Puede modificar la Fuente, el Tamaño, el Grosor, el Color, la Sangría y el Espaciado entre las líneas de texto y las letras. Para simplificar su trabajo, hemos preparado los ajustes preestablecidos listos para usar.

La barra lateral ubicada a la derecha o a la izquierda del área de contenido principal de su sitio web permite a sus visitantes acceder rápidamente a diversa información. Por lo general, en el tema de WordPress o las plantillas de Joomla, puede asignar la barra lateral a los widgets o módulos de salida, que requieren áreas de widgets de WordPress o posiciones de Joomla que puede agregar y modificar en el panel de administración de su sitio web.

Para los sitios web de WordPress y Joomla, hay muchos diseños de inicio de sesión disponibles. Para acceder a ellos, vaya al Panel de plantillas de acceso rápido. Cuando abra la plantilla de inicio de sesión, haga clic en el ícono azul Más para abrir el menú Agregar. Verá la lista de los diseños disponibles para la plantilla de inicio de sesión, con la que puede comenzar o usar en sus diseños web.

Los esquemas de fuentes son un par de fuentes presentadas como fuentes predeterminadas, que puede seleccionar para todo el texto de un sitio web. La primera fuente corresponde y se aplica a todos los encabezados y títulos de un sitio web, y la segunda fuente encaja bien y se usa para todos los textos y párrafos regulares.

Se recomienda utilizar no más de cinco colores principales en todo el sitio web, haciendo un buen diseño web. Le da a sus páginas web un aspecto consistente y profesional. Establezca cinco colores para su esquema de color o seleccione uno de los ajustes preestablecidos listos para usar. Nicepage generó automáticamente más colores con diferente brillo según el esquema principal. También puede agregar colores personalizados tantos como desee.

En WordPress y Joomla, los blogs se estilizan con las plantillas de temas. La plantilla de blog se usa para mostrar resúmenes de varias publicaciones, y la plantilla de publicación genera el contenido de una sola publicación. Puede modificar y ajustar esas plantillas para obtener una apariencia única y hacer que las páginas del blog sean coherentes con el resto de su diseño web. Además, puede crear plantillas de blog personalizadas para asignarlas a diferentes categorías de publicaciones.

Si tienes una tienda online en WordPress o Joomla, puedes modificar las plantillas de eCommerce con Nicepage. Utilice la plantilla de lista de productos para mostrar el catálogo de productos con precios y descripciones breves. Los detalles del producto muestran la información sobre cada producto, lo que permite a los usuarios elegir la cantidad, la variación y deslizarse por las imágenes del producto. Al ajustar los diseños y los colores de sus plantillas de comercio electrónico, puede mantenerlas con estilo con otras páginas. Al igual que con otras plantillas, puede crear plantillas de comercio electrónico personalizadas para varias categorías de productos.

Las personas pueden ingresar a su sitio web en busca de una URL incorrecta o escribirla mal en la barra de direcciones de un navegador. En ese caso, muchos sitios web muestran la página especial 404 Not Found en lugar del error del navegador, lo que permite a los visitantes permanecer en su sitio web y continuar navegando. Puede modificar esa página para su sitio web de WordPress o Joomla con la aplicación Nicepage editando la plantilla 404 Not Found.

Suponga que tiene un sitio en WordPress o Joomla y necesita que sus usuarios agreguen contenido a través de la Administración de un sitio web. Sin embargo, la página de inicio de sesión estándar que ofrece su sistema de administración de contenido no es consistente con el resto del diseño de su sitio web. En ese caso, puede estilizar el diseño de la plantilla de inicio de sesión en la aplicación Nicepage, dando a la página de inicio de sesión una apariencia consistente pero al mismo tiempo única para su proyecto de sitio web en particular.

Exporte sitios web HTML, temas de WordPress y plantillas de Joomla desde la aplicación Nicepage para Windows o Mac OS. Comparta proyectos con otros usuarios y muestre capturas de pantalla a sus clientes actuales y potenciales.

Si varias personas trabajan en un sitio web, existe el problema de que alguien con menos experiencia puede romper el diseño o el contenido. O eres un estudio de diseño y quieres evitar que tus clientes modifiquen el sitio web y quieres hacer la edición solo tú mismo. Para separar las capacidades de edición, puede usar los roles de usuario, como el editor de diseño o el editor de contenido. Para agregar un editor en WordPress, puede registrar un nuevo usuario y asignarle un rol necesario.

La función White Label le permite a usted o a su empresa cambiar la marca de sitios web y temas producidos con Nicepage para que WordPress y Joomla se parezcan a los suyos. Construirá la credibilidad de su marca, fortalecerá la lealtad de sus clientes, le ahorrará mucho tiempo y dinero. Muchos estudios de diseño y agencias de marketing digital disfrutan de la opción Marca Blanca. Tener su marca en los complementos ayuda a generar conciencia y un mayor sentido de confianza con sus clientes.

Agregue la ventana emergente de cookies que cumpla con los requisitos del Reglamento general de protección de datos de la UE. El reglamento de la ley de protección de datos y privacidad es obligatorio para el Espacio Económico Europeo. También aborda la transferencia de datos personales fuera de la Unión Europea. Puede habilitar la ventana emergente de cookies GDPR en la configuración del sitio.

Puede proteger las páginas de su sitio web con una contraseña. Para esto, haga clic en el área gris alrededor del Editor para seleccionar la Página. Vaya al Panel de propiedades y desplácese hacia abajo hasta la sección Protección con contraseña. Establece tu contraseña. Avance. Al acceder a dicha página, se abrirá Protección con contraseña.

En el Dashboard, se requiere ver instantáneamente las páginas web publicadas. Por lo tanto, hay un icono que indica esto. Si publica un sitio web, verá el icono del globo azul a la izquierda del nombre del proyecto del sitio web.

Puede ver y configurar el dominio y el subdominio personalizados para un sitio web alojado en Nicepage en la Configuración del sitio. Para ello, haga clic en el icono de Configuración del sitio o en el enlace de la barra superior. En la pestaña General, ingrese la fecha requerida correspondiente a su sitio web.

Agregue el Favicon de su sitio web en la Configuración del sitio. Los navegadores modernos suelen tener soporte para Favicon y lo muestran en la barra de direcciones del navegador, en las pestañas junto al nombre de la página y en la lista de marcadores. Por lo general, el Favicon tiene el formato ICO.

Use la pestaña Compartir en redes sociales en la Configuración de la página para especificar cómo se presentará su página web en las redes sociales. Debe ingresar el título, la descripción, la imagen y la URL.

Conecte sus sitios a Google Analytics, Google Tag Manager y Google Optimize Container para recopilar datos y obtener una comprensión más profunda de la audiencia de su sitio. Obtiene todas las herramientas de análisis de forma gratuita y en un solo lugar para cualquier tarea personal o comercial.

El dominio personalizado es un nombre único que ha comprado para su sitio web o marca de uno de los registrantes populares. Puede asignar este dominio personalizado a un sitio diseñado en lugar del nombre de subdominio generado automáticamente por Nicepage Online Builder. Puede configurar el Dominio personalizado en línea en la Configuración del sitio y el Diálogo de exportación en las Aplicaciones de escritorio.

La aplicación de escritorio Nicepage para Windows o Mac OS le permite diseñar páginas de pago para WooCommerce en WordPress y VirtueMart en Joomla. Para editar la plantilla de Pago, vaya al Panel de Plantillas del Acceso Rápido a la derecha y seleccione la Plantilla de Pago. Edita el diseño de la plantilla. Al exportar su tema para su sitio web de comercio electrónico, exportará la plantilla de pago con todas las demás plantillas de comercio electrónico.

Presente el Producto destacado en las páginas de su sitio web. Puede modificar el diseño y estilizar el bloque de productos para darle un aspecto único.

Muestre los Productos más recientes en cualquier página de su sitio web, incluida la página de inicio. Puede especificar diseños y elegir la cantidad de publicaciones que se mostrarán.

La plantilla del carrito de compras es una página final de cualquier tienda en línea. Debe incluir el resumen del producto, la cantidad, el precio, los totales, otros datos esenciales y, lo que es más importante, continuar con el botón de pago.

Agregue el ícono del carrito de compras al encabezado de su sitio web, que mostrará la cantidad de productos agregados al carrito y le permitirá abrir la página de pago con un clic.