Documentación: Clean Car

Introducción

Gracias por adquirir esta plantilla de Landing Page para un negocio de Clean Car. Dentro de esta documentación le mostraremos cómo instalar, editar y actualizar la plantilla.

Hicimos todo lo posible para simplificar esta instrucción y hacerla clara y fácil de usar.

Instalar

Después de descomprimir el archivo zip, encontrará dos carpetas: documentation y site.

La carpeta site contiene la plantilla y sus archivos relacionados.

Puede personalizar estos archivos para que se adapten a sus necesidades.

Una vez que la plantilla esté lista a su gusto, puede subirla a su web hosting. .

Estructura de archivos

Contenido del archivo zip:

  • site
    • css: archivos de estilo y fuente
    • js: archivos javascript
    • php: programas php
    • imgs:  archivos de imágenes
    • index.html: la página de índice 
    • subpage.html: una página que puede utilizar para páginas adicionales en su sitio
    • legal-notice: plantilla para aviso legal
    • policy: plantilla para política de uso
  • documentation
    • readme.html:  el archivo que está leyendo
Editar contenido

Puede editar archivos .html .css .js .php con cualquier editor de texto  o con un editor específico para este tipo de archivo como Virtual Studio Code

El texto lorem ipsum que verá en el archivo index.html es un marcador de posición para el texto que tiene que agregar para su sitio.

Editar contenido: HTML

Después de descomprimir el archivo zip, encontrará dos carpetas: documentation y site.

La carpeta site contiene la plantilla y sus archivos relacionados. Puede personalizar estos archivos para que se adapten a sus necesidades.

Una vez que la plantilla esté lista a su gusto, puede subirla a su web hosting. Para subirla, utilice un cliente FTP o el CMS de su hosting.

La página principal de esta plantilla es index.html. Dentro de ella, encontrará comentarios (<!-- notas -->) para ayudarle a personalizarla.

Esta  página está organizada en secciones (<section>), cada una conteniendo un bloque para envolver su contenido. Todo está estructurado utilizando estilos CSS.

Además, hay otras tres páginas:

  • subpage.html: Una plantilla para páginas adicionales.
  • policy.html: Una plantilla de ejemplo para una política de privacidad.
  • legal-notice.html: Una plantilla de ejemplo para los términos legales del sitio.

Estas dos últimas páginas (policy y legal-notice) son solo ejemplos y deben modificarse para que se adapten a sus necesidades.

Editar contenido: imágenes

El paquete contiene imágenes para el fondo y las secciones. Las imágenes se obtienen principalmente del sitio pexels y son solo para uso de edición. Tiene que obtener sus propias fotos adaptadas a su negocio

Si cambia los tamaños de las imágenes, intente mantener la relación de aspecto y el tamaño para mantener el aspecto de la plantilla.

Los iconos son iconos gratuitos construidos en icoomoon.

Editar contenido: CSS

Esta plantilla utiliza el siguiente CSS

  • style.css: estilos CSS creados para esta plantilla
  • aos.css: css para la librería de animación ver 0.9.2
  • icons.css: css para icoomons
  • leaflet.css: hoja de estilo para la librería de mapas leaflet
Editar contenido: JS

Esta plantilla utiliza el siguiente JS

  • Leaflet: librería para mapas interactivos amigables para móviles ver 1.9.4
  • AOS: librería de animación al desplazar v2
  • slider: un pequeño script de deslizador horizontal
  • main.js: un archivo documentado con scripts js personalizados.

En el archivo main.js, debe configurar las coordenadas geográficas de su negocio para que se utilicen en el mapa.

Editar contenido: PHP

Esta plantilla utiliza el siguiente php

  • config.php: varios valores de configuración: su correo electrónico de destino, datos comerciales y generador de claves para captcha
  • sendmail.