Tabla de contenidos

Manual de buenas prácticas

Configuraciones generales

Bitácora: Ver guía

SMTP: Ver guía

  • Optimización de imágenes: Las imágenes no deben pesar más de 200kb. Optimizar tamaño con alguna de las siguientes herramientas:
  • Optimización SEO: Hacer la configuración general del plugin SmartCrawl Pro, es decir, correr el Quick setup al abrir por primera vez. Luego, configurar el apartado del Robots.txt Editor con el link del sitemap.
  • Traducciones: Verificar actualizaciones de plugins al iniciar un proyecto de Pre memoria.
  • Ajustes globales: Verificación y creación de variables globales de Fuentes y Colores, la estructura es la siguiente:
    • Fuentes: Principal, secundario, texto, énfasis, Hero y Subtítulo
    • Colores: Principal, secundario, texto, énfasis, Gris (y los colores personalizados que se requieran).
  • CSS personalizado: Para agregar CSS solo usar el apartado de CSS Personalizado del ‘Personalizador’ del tema.
  • Index: Tras migrar, el sitio debe quedar siempre con el ‘Check no index’ desactivado.
  • Accesibilidad: Ver guía.

Estructura

  • Flexbox: Ver guía. Todos los contenedores deben estar construidos con Flexbox, si alguno no lo está es obligatorio convertirlo a Flex.
  • Espacios, padding y margin: Los contenedores padre siempre tienen un espaciado distribuido de la siguiente manera:
    • Desktop: Padding -> 5%
    • Tablet: Padding -> Entre 5% y 8%
    • Mobile: Padding -> 10%
    • Restricciones: Evitar al máximo los margin negativos, solo usar en muy contadas excepciones. 
  • SEO: Respetar la estructura H1 (Hero)-> H2 (Primario) -> H3 (Secundario). Se recomienda el uso de ‘span’ debajo o encima de títulos principales.
    • Footer: Títulos deben ser ‘span’.