Bienvenido a este tutorial, donde aprenderás a generar la base de un sitio privado utilizando Modyo Channels. Utilizaremos la marca ficticia "Dynamic Bank" para ofrecer una experiencia cercana a la realidad de trabajar con Modyo.
Requisitos Previos
Antes de comenzar, asegúrate de tener conocimientos básicos de:
- HTML
- CSS
- JavaScript
Paso 1: Crear un Sitio en la Nube
- Accede a tu cuenta de Modyo.
- Navega a la sección de Canales.
- Haz clic en "Crear Nuevo Sitio".
- Completa la información requerida, como el nombre del sitio.
- Haz clic en "Crear".
Paso 2: Cargar Logo y Favicon
Para personalizar tu sitio, puedes cargar tu propio logo y favicon. Sigue estos pasos:
Logo
- Ve a la sección de "Apariencia" en tu sitio.
- Busca la opción para cargar el logo.
- Selecciona el archivo de tu logo desde tu computadora.
Favicon
- En la misma sección de "Apariencia", busca la opción para cargar el favicon.
- Selecciona el archivo de tu favicon desde tu computadora.
Recuerda guardar los cambios después de cargar los archivos.
Paso 3: Cambiar Variables CSS para el Look and Feel de Dynamic Bank
Una vez cargado tu logo, vamos a modificar las variables de CSS para que se ajuste a nuestro diseño. Para comenzar, vamos a modificar las variables de CSS, las que están en un snippet llamado variables_css que alimenta el resto de las hojas de estilo ya configuradas dentro del Theme. Para hacer el cambio a variables_css, sigue estos pasos:
- Ve a la sección de "Plantillas" de tu sitio.
- En el listado de snippets, abre el snippet llamado variables_css.
- Modifica las variables de color y tamaño según las especificaciones de Dynamic Bank.
- Guarda los cambios.
Colores:
- Color primario:
- Haz clic en "Guardar".
Paso 9: Revisar y Publicar Home, Navigation, y Template
Una vez realizados los pasos anteriores, revisa todo el sitio en modo vista previa. Al estar conforme con el resultado, debes publicar los cambios para dejar todos los cambios disponibles a tus usuarios finales.
Para realizar una publicación, desde la sección Resumen, haz clic en el botón Publicar donde se abrirá un panel con los cambios que haz realizado. Selecciona todos los cambios pendientes, y haz clic en Publicar. Selecciona Publicar Ahora.
tags: #Auto



