Empieza aqui

Fuentes

La plantilla Devdocs X utiliza una fuente en todo el sitio, y está asignada en el selector Body (All Pages), lo que significa que puedes actualizar la fuente fácilmente en todo el sitio en un click.

En cualquier página sólo haz click en el selector naranja en la parte superior derecha de la sección de Style, y seleccionar Body (All Pages). Una vez seleccionado puedes ir a la sección Typography y cambiar la fuente a cualquier tipografía para la marca de tu negocio

En caso de que necesites una fuente personalizada o premium que no está disponible en Webflow, puedes ir a Project Settings > Fonts y podrás subir fuentes personalizadas, o conectar tu cuenta de Adobe Fonts.

Gráficos e iconos

Algunos iconos o gráficos en la plantilla son imágenes/gráficos normales, por lo que notarás que al actualizar todos los colores, estos seguirán teniendo el color de la plantilla.

Esto sucede porque estos gráficos son imágenes (PNG, JPG, SVG, etc.), por lo que actualizar el CSS de Webflow (estilización) no les afectará. Si deseas reutilizar estos gráficos, siempre puedes descargarlos y editarlos utilizando cualquier software de diseño (por ejemplo, Photoshop, Illustrator, Sketch, Figma, etc.), o subir directamente tus propias imágenes/gráficos que coincidan con tu marca.

Páginas estáticas

El contenido estático es todo el contenido que no se basa en un CMS, lo que significa que no es dinámico (como una publicación de Blog, por ejemplo).

Puedes identificar fácilmente todo este contenido porque se muestra gris en el navegador de la barra izquierda, y muestra un borde azul cuando haces click o pasas el cursor encima.

Si quieres editar este tipo de contenido, sólo debes hacer doble click, y serás capaz de editarlo ahí mismo.

Contenido dinámico (CMS)

El contenido dinámico es todo el contenido que es auto-generado basado en el contenido añadido en la sección de CMS en la barra izquierda.

Puedes identificar todo esto fácilmente porque se muestra morado en el navegador de la barra izquierda, y muestra un borde morado cuando haces click o pasas el cursor encima.

Este contenido debe de ser actualizado directamente en la sección de CMS. Está hecho para que lo puedas actualizar fácilmente, ya que es muy probable que sea necesario actualizarlo constantemente (Por ejemplo, añadir una nueva publicación de Blog)

Adicionalmente, si quieres editar una página de CMS auto-generada (por ejemplo, una publicación de Blog), encontrarás esta página disponible para editar debajo de todas las páginas en la sección Pages en la barra izquierda.

Notas útiles

Adicionalmente a la explicación principal que compartimos arriba, aquí compartimos algunos tips y explicaciones que vienen de las preguntas más frecuentes que recibimos.

Interacciones

Si quisieras editar cualquier interacción de la plantilla (como remover un efecto de aparición), puedes identificar fácilmente los elementos que tienen interacciones ya que estos tienen un pequeño icono de interacción (un pequeño rayo) en el navegador de la barra izquierda.

Si haces click en este pequeño icono de interacción, abrirás la sección de Interactions en la barra derecha para este elemento, donde puedes editar la interacción.

Vista en tablet o móvil

Cada vez que haces un cambio (por ejemplo, creas una nuevo diseño de sección), es una buena práctica ir al navegador de Viewport y ver cómo se ve en Tablet y Móvil.

Si sólo editas una sección de la plantilla con texto o imágenes actualizados y no borras ninguna clase de la plantilla, esto no será necesario, pero si personalizas la plantilla más profundamente, editas clases, o creas nuevas secciones, siempre es buena idea editar constantemente las vistas en tablet y móvil para asegurarte de que todo se vea perfecto.

Editar Título, Descripción, y Open Graph

Si te gustaría personalizar el Título, Descripción, e imagen que se muestra cuando compartes tu sitio en cualquier sitio (Facebook, Twitter, etc), puedes fácilmente ir a la sección Pages en la barra izquierda, hacer click en el pequeño icono de Settings de la página que te gustaría personalizar, y todos estos ajustes aparecerán.

Es importante hacer notar que es necesario hacer esto por cada página

Respaldos

Si algo sale mal, por ejemplo, si no te agrada como está resultando el sitio, si borraste algunas clases criticas que eran necesarias para que la Plantilla se vea bien, o sólo si quieres ir a una versión previa por cualquier razón, siempre puedes ir a la sección de Backups.

Puedes encontrarla en la sección Settings en la barra izquierda, y ahí puedes ver todos los respaldos automáticos o manuales. Restaurar al respaldo anterior sólo está a un click de distancia.