El editor es flexible, ya que permite modificar el código existente o añadir el propio. Esto permite ampliar la funcionalidad de la plataforma y ofrece funciones adicionales. Por ejemplo, puede añadir un widget de calendario personalizado o incluso un formulario de contacto personalizado de terceros para aceptar pagos en su sitio web.
Este artículo cubrirá tres métodos diferentes para agregar código personalizado a su sitio.
Widget HTML
El widget HTML es el método más sencillo para agregar código personalizado a su sitio.
En el panel izquierdo, haga clic en Widgets y arrastre el widget HTML a una columna o fila de su sitio y pegue su código.
Editar código personalizado
Después de agregar código personalizado con el widget HTML, haga clic en el widget en su editor para editar su código.
Sin embargo, a veces, debido a la naturaleza del código, esto no es tan fácil. En ese caso, puede seleccionar el contenedor para ver si puede editarlo por completo (incluido el código).
Editar código en línea
Para editar el código de cualquier elemento de su sitio:
- Haga clic derecho donde desea editar el código y luego haga clic en Editar HTML/CSS para ver el código de cualquier elemento en su editor.
- Se muestra el editor de código del elemento que está editando. Una vez allí, haga clic en Documentación para leer la documentación antes de empezar a modificar el código.
Nota:
Aunque puede editar el CSS en el modo de desarrollador, no se recomienda agregar nuevos selectores en este menú. Puede agregar nuevas reglas a los selectores aquí sin problema. Para crear nuevos selectores CSS, hágalo a través del modo de desarrollador.
Modo desarrollador
Puede ver el código de todo su sitio web en el editor. Para acceder al código, haga clic en el botón </> en la esquina superior derecha del editor.
El código de su sitio está dividido en secciones para permitir un ajuste preciso del mismo.
Para obtener más información sobre el modo de desarrollador, consulte modo de desarrollador.
Preguntas frecuentes y solución de problemas
Si daña su sitio con un código personalizado, puede solucionarlo de la siguiente manera:
- Restaurar una copia de seguridad
- Arreglar el código manualmente
- Acceder a una parte diferente de la página
¿Cuáles son algunas buenas pautas de codificación personalizada?
Algunas pautas son:
- Crear una copia de seguridad
- Utilizar una página de prueba
- Crear una copia de seguridad
Para obtener más información, consulte las pautas de código personalizado.