El modo desarrollador te permite editar y modificar el HTML y CSS de tu sitio. Añadir código personalizado permite una personalización avanzada que no es posible con el editor de arrastrar y soltar. Sin embargo, esto solo debe ser realizado por usuarios avanzados con sólidos conocimientos de desarrollo web.
Nota:
El código personalizado que se pretende que sea visible en el sitio debe añadirse mediante un widget HTML. El código personalizado que no lo sea, generalmente, debe colocarse en el encabezado. En general, siempre es recomendable seguir las instrucciones del creador del código antes de añadirlo al sitio.
Para acceder al modo de desarrollador:
- Haga clic en el modo de desarrollador
botón en la barra de navegación. También puedes hacer clic derecho en un widget y seleccionar Editar HTML/CSS. Luego, haz clic en Modo de desarrollo en la esquina inferior izquierda. - Luego, procede a realizar tus modificaciones. Usa los botones Guardar y Vista previa para ver tu trabajo.
- Haga clic en Obtener URL de imagen para obtener la URL de una imagen existente o cargar una nueva imagen en modo de desarrollador para poder ingresarla directamente en el HTML.
Notas
- Asegúrate de no salirte de las columnas. Nuestros sitios web adaptables se basan en una estructura de filas y columnas. Esto significa que cada fila contiene columnas que, en última instancia, contienen el contenido. Al agregar o editar tu propio HTML, asegúrate de que esté dentro de una columna.
- Deja las clases como están. El editor depende de las numerosas clases que se añaden a los elementos. Si ves una clase existente (que suele empezar por "dm"), déjala como está. Si eliminas clases, es posible que el sitio no se vea igual al previsualizarlo.
- Aviso sobre los tamaños de las clases. Las columnas tienen un valor de tamaño que se agrega como clase, como "large-6" o "small-12". Esto determina el tamaño de las columnas dentro de esa fila. Conviene dejar estos valores, ya que son fundamentales para ajustar el tamaño de la fila en diferentes dispositivos.
- Si es posible, evita editar las extensiones. En el HTML, verás marcadores de elementos en la página. Si puedes, evita editarlos, especialmente los valores de datos que contienen. Editarlos puede dañar los widgets al regresar al sitio web de Guesty.
- Se realiza una copia de seguridad de tu sitio automáticamente al acceder al Modo Desarrollador. Solo introduce el código si lo entiendes y realiza copias de seguridad con frecuencia. No podemos solucionar problemas con el código personalizado .
Errores
- DUPLICATE_ID . Cada elemento debe tener un ID único.
- UBICACIÓN_DE_ELEMENTOS_INVÁLIDA . Todos los elementos deben estar en una columna que, a su vez, debe estar en una fila.
- BAD_PROPORTION . Las columnas de una fila deben sumar 12.
- CLASE_INVÁLIDA_PARA_ELEMENTO . Se agregó una clase de Sitios Web de Guesty a un elemento no válido.