El editor de Cloudbeds Websites ofrece muchas opciones de personalización para optimizar su sitio web y convertirlo en el espacio ideal para destacar su empresa y atraer a posibles huéspedes.
Este artículo presenta las opciones de personalización que le permitirán crear un sitio web que de verdad refleja su marca.
Encuentre aquí más información sobre el editor de Cloudbeds Websites.
¿Está buscando opciones para personalizar el fondo de su sitio web? Encuentre aquí más información para personalizar el fondo de su sitio web.
Temas
- Texto. Modifica el texto de su sitio web, tanto el texto normal como los encabezados de todos los tamaños (H1 a H6). Cuando se cambia el tamaño, el estilo o el color de la fuente, se modifican los futuros párrafos y otros tipos de texto, así como los widgets conectados al texto del sitio web que no se han modificado manualmente.
- Colores. Define una paleta de colores y vincula los colores individuales a algunos o a todos los widgets con parámetros de color. El color de los elementos vinculados a la temática de colores se actualiza automáticamente al cambiar los colores vinculados en los parámetros de la temática de colores.
- Botones. Define el estilo de los botones de widgets principales y secundarios en su sitio web. Seleccione uno de los diseños de botones y seleccione el texto, el color del fondo, el borde, el estado de posado, las esquina y los estilos de sombreado.
- Imágenes. Controla el estilo de los widgets de imágenes en su sitio web. Cambia el diseño de las imágenes, añade o edita el estilo del borde, esquinas redondeadas y efectos de sombreado.
- Filas y columnas. Define el tema del diseño de filas y columnas en términos del color del fondo y el espaciado estándar.
Recuerde que los cambios realizados a filas y columnas individuales anulan los parámetros del tema de filas y columnas.
- Fondos. Controla el estilo del fondo de su sitio web. Seleccione entre usar colores o imágenes como fondo.
- Diseño del sitio. Controla el diseño de navegación del sitio web en ordenadores, tabletas y dispositivos móviles. Para la versión de ordenador, puede seleccionar entre dos tamaños: 960px o 1200px.
Los cambios realizados al diseño de la navegación afectan el comportamiento del encabezado y a veces al resto del sitio web. Si el encabezado se ve extraño luego de cambiar el diseño, puede volver a cambiarlo.
El panel de tema de la página web permite realizar cambios que modifican el sitio web. Puede personalizar el texto, los botones, las imágenes, el fondo y los widgets de navegación en el panel de diseño del sitio web.
Recuerde que los cambios realizados a widgets o páginas anulan los temas establecidos en el panel de tema del sitio web. Le sugerimos decidir primero el tema del sitio web y luego editar las secciones correspondientes.
Para acceder al tema del sitio web, haga clic en la pestaña Tema del panel lateral y aplique los cambios necesarios:
- En el panel lateral, haga clic en Tema.
- Haga clic en la flecha junto a Tema. Encontrará las siguientes opciones:
- DFLT. Define el tema del texto en widgets que no están asignados a un encabezado o a un estilo de párrafo, como el widget de navegación. Los enlaces al color y subrayado del texto también se definen aquí.
- PAR. Define el tema de los widgets de texto.
- Encabezado y sub encabezados H1 a H6.
- Haga clic en el tipo de texto preferido.
- Los cambios realizados en el área de tema del texto cambian todo el texto del sitio web que no ha sido anulado.
- Recuerde que cambiar de manera manual elementos individuales anula el tema del sitio y que futuros cambios al tema del sitio no se verán reflejados en esos elementos.
Para encabezados y sub encabezados. Sugerimos seguir las mejores prácticas de SEO en lo relacionado a la jerarquía de encabezados. Por ejemplo: usar el encabezado 1 como título principal y el encabezado 6 como el más pequeño, y no omitir niveles de encabezado, como pasar directamente del encabezado 1 al encabezado 4.
Filas
- Mueva el ratón sobre la esquina superior izquierda de una fila hasta ver el botón. Haga clic en Fila. Verá el editor de Filas.
- Haga clic en las flechas que apuntan hacia arriba y hacia abajo para mover la fila hacia arriba o hacia abajo.
- Para abrir el editor de diseño de Filas, haga clic en Editar diseño.
- Haga clic en +Añadir para seleccionar las opciones disponibles.
- Seleccione Borrar relleno para eliminar el espaciado interno de la fila.
- Haga clic en Restablecer el espaciado predeterminado para volver a cambiar el espaciado al predeterminado.
- Haga clic en Animación para añadir animaciones a la fila (como deslizar desde la derecha, entrada con rebote o deslizar hacia adelante).
- Para guardar una fila como sección, haga clic en Guardar como sección y seleccione entre la fila actual, varias filas o la página completa.
- Para que no se vea una fila en un dispositivo específico (ordenador, tableta o dispositivo móvil), haga clic en Ocultar en el dispositivo y seleccione el dispositivo.
- Para copiar o eliminar una fila, haga clic en Copiar o en Suprimir.
- Para anclar una fila a la página o eliminar un ancla existente, haga clic en Establecer como ancla o Suprimir ancla.
Use el Editor de filas para cambiar el color o la imagen de fondo, añadir bordes o ajustar el espaciado interno y externo de las filas. Para editar el estilo del fondo o el espaciado de las filas:
- Mueva el ratón sobre la esquina superior izquierda de la fila hasta ver un botón. Haga clic en Fila y luego en Editar diseño.
- En la pestaña Configuración, encontrará las siguientes opciones:
- Fila de sangrado completo. Para cambiar la fila a una fila de sangrado completo, que permite al contenido expandirse en toda la pantalla, habilite el interruptor. Si prefiere no tener filas completas, el ancho del contenido se limitará a 960px.
- En la pestaña Estilo puede seleccionar el uso de un color, una imagen o un video como fondo.
- En la pestaña Animación puede agregar efectos especiales a las filas.
- En la pestaña Espaciado puede definir el espaciado interno para ordenadores y tabletas.
- Recuerde que el desplazamiento Parallax no es una opción para el desplazamiento de imágenes de fondo.
- Configure la posición, la superposición del fondo, el borde y el sombreado de la imagen.
- Video. Copie y pegue el URL del vídeo en el campo indicado. Para más información sobre fondos de vídeo, haga clic aquí.
Otras opciones de personalización
Las secciones son filas preestablecidas de elementos que se pueden agregar a sitios web adaptables. Las secciones permiten crear sitios web espectaculares y ahorran tiempo en el proceso de diseño.
Cómo agregar secciones
- Mueva el ratón entre las secciones y haga clic en Añadir sección. Las secciones se ven en el panel a la izquierda.
- En el Modo de sección verá una galería de imágenes disponibles en el panel a la izquierda, agrupadas en categorías (como introducción, blanco, próximamente, funciones o About).
- En el panel a la izquierda, haga clic en una sección para agregarla como una nueva sección. Puede buscar en las secciones del mismo grupo usando las flechas o seleccionado una sección de otro grupo.
- Para insertar una sección al sitio web, haga clic en Guardar sección. También puede hacer clic en Guardar y añadir otro para continuar agregando secciones al sitio web. La sección se convertirá en una fila y todos los elementos de la sección se podrán editar.
- Recuerde que las secciones no usan los parámetros de color ni las fuentes del texto establecidos en el tema del sitio web. Sin embargo, puede eliminar el formato y cambiar el diseño.
- Las secciones pueden incluir varias filas.
- No se pueden agregar secciones al encabezado. Para cambiar a la sección del encabezado, seleccione el editor del encabezado. Para más información, véase Encabezados.
- Las secciones no están disponibles para plantillas laterales (como portafolio o Milk and Cookies).
- Haga clic derecho en una imagen en su sitio web para abrir el Editor de contenido y seleccione Editar diseño.
- En la pestaña Imagen, haga clic en Editar para modificarla.
- Use el menú en la parte inferior de la imagen para enmarcar, añadir texto, ajustar, cortar o enfocar la imagen.
- Haga clic en Guardar y cerrar, y la imagen se guardará en el sitio web y en la librería.
La creación de un sitio web requiere de tiempo y dedicación. Habiendo dicho eso, puede facilitar y volver más eficiente ese proceso con la opción de Copiar y Pegar. Copie elementos y filas de su sitio web para crear duplicados y producir filas o elementos idénticos.
Recuerde que no puede copiar y pegar widgets o páginas entre distintos sitios web. Pero puede crear duplicados de páginas y usarlas en un mismo sitio web. Para más información, véase Páginas y elementos emergentes.
Cómo copiar y pegar contenido
- Haga clic derecho en un widget y seleccione Copiar.
- Haga clic derecho en el área a pegar y seleccione Pegar para insertar el widget en la fila. El widget duplicado se verá encima del widget seleccionado.
- Para copiar y pegar columnas: Abra el menú Fila para pegar la columna en una fila. Recuerde que puede pegar la columna en cualquier fila de su sitio web, incluyendo el encabezado y pie de página. Puede pegar hasta cuatro columnas en cualquier fila.
- La sección se convertirá en una fila y podrá editar todos los elementos en esa sección.
- Las secciones no usan los parámetros de color y fuente del texto establecidos en el tema del sitio. Sin embargo, puede eliminar el formato y aplicar su propio diseño.
- Las secciones pueden incluir varias filas.
- No se pueden poner secciones en el encabezado. Para cambiar a la sección de encabezado, abra el editor de encabezado. Para más información, véase Encabezados.
- Las secciones no están disponibles para plantillas laterales (como portafolio o Milk and Cookies).
Las anclas permiten dirigir a las visitas a secciones específicas del sitio web y facilitar el traslado entre secciones en páginas grandes o a las secciones que quiere usar como referencia.
No se pueden agregar anclas a contenido en el pie de página o al blog.
Para agregar un ancla a su sitio web:
- Haga clic derecho en el widget o en la fila para abrir el menú de contexto.
- Haga clic en Establecer como ancla.
- Escriba el nombre del ancla. Para agregar el ancla a la navegación del sitio web, seleccione Agregar a la navegación del sitio.
- Haga clic en Añadir.
Para agregar un enlace a una ancla:
- Al crear un enlace a un botón o texto, seleccione el botón de enlace.
- Haga clic en la opción de Delimitador.
- Seleccione la página en la que está el ancla y seleccione el ancla del menú desplegable.
- Haga clic derecho en el widget o en la fila con el ancla para abrir el menú de contexto.
- Haga clic en Editar ancla.
- Realice los cambios y haga clic en Actualizar.
- Para eliminar el ancla, haga clic en Suprimir.
Comentarios
Inicie sesión para dejar un comentario.