Instructions | OralCare - Webflow HTML website template

Si recién está comenzando con Webflow, le recomendamos que tome Curso intensivo de Webflow 101, como este curso introductorio de Universidad Webflow ofrece una descripción general de los conceptos básicos y la información más esencial que necesita para crear su primer sitio web de Webflow.

Personalización de colores

Esta plantilla utiliza el Función de variables de flujo web, lo que le permite modificar fácilmente todos los colores, que se actualizarán rápidamente en todo el sitio.

Para ajustar un color, navega hasta el panel Variables y, a continuación, elige el color que deseas modificar.

‍
Color del elemento SVG

Para cambiar el color de los archivos SVG, descarga el archivo.svg de Assets y ábrelo en cualquier editor de texto. Cambia el código de color HEX por el color de tu elección y reemplaza el archivo.svg actualizado por el archivo actual.

Cambiar fuentes

Para ajustar la familia de fuentes, navegue hasta el panel Variables y, a continuación, elija la familia de fuentes que desea modificar.

Si quieres cambiar las fuentes, siempre puedes ir a Configuración del sitio > Fuentes. Allí podrás subir fuentes personalizadas, usar Google Fonts o incluso conectar tu cuenta de Adobe Fonts.

Una vez que hayas subido una fuente de Configuración del sitio, navega hasta el panel Variables y, a continuación, elige la familia de fuentes que has subido.

Página de inicio

El directorio Utility Pages contiene una página titulada «Página de inicio». Puedes empezar a crear tus páginas con esta plantilla, que incluye un encabezado, un pie de página y una sección y un contenedor en blanco.

Duplique la página de inicio y comience a editar o agregar secciones de otras páginas.

Asegúrese de que la carpeta principal esté configurada correctamente.

Soporte de plantillas

Estaremos encantados de ayudarte con tus consultas. Póngase en contacto con nosotros en Página de soporte de plantillas de Webflow y recibirá una respuesta muy pronto.

Diseño y desarrollo personalizados

Si está buscando diseño y desarrollo personalizados con Webflow, no dude en comunicarse con nosotros a través de Comunícate con nosotros aquí.

Notas importantes:

SVG: Para obtener la mejor experiencia visual, recomendamos usar iconos y logotipos SVG. Puedes explorar una amplia selección de iconos SVG en Icon Finder o descargarlos desde el Iconstica aplicación web de iconos.
Cambia el tamaño de tus imágenes: Es importante cambiar el tamaño de las imágenes antes de añadirlas a su sitio web, en lugar de simplemente descargarlas y colocarlas tal como están. El tamaño y la resolución de una imagen pueden tener un impacto significativo, y no es necesario utilizar un tamaño de imagen de 1200 x 800 píxeles para un tamaño de contenido de 300 píxeles x 200 píxeles. Cambia su tamaño a 300 px x 200 px.
Formatos de imagen: Hay principalmente 2 tipos de archivos comunes que se utilizan para imágenes web, que son JPEG y PNG. Para imágenes con fondo plano, use imágenes JPEG, para imágenes con fondo transparente, use imágenes PNG.
Comprimir imágenes: Para cargar mejor el sitio, comprima la imagen existente en archivos AVIF o WebP con el Herramienta de conversión de imágenes.
Limpiar: Limpiar las interacciones y Limpiar CSS estilos antes de publicar tu sitio.
Panel de auditoría: Antes de lanzar tu sitio web, busca y soluciona los problemas de accesibilidad con Panel de auditoría de Webflow.
SEO: Antes de publicar tu sitio, asegúrate de editar la etiqueta del título, la meta descripción, etc. Para obtener más información sobre el SEO y cómo optimizar tu sitio web, visita Añade un título y una meta descripción para SEO y SEO y flujo web: la guía esencial.