Primeros pasos
Escrito por
Categorías: Docs

Primeros pasos

Prepara tu sitio web en 6 pasos y libéralo.

Ekiline incorpora las buenas prácticas definidas por los estándares de internet.


1. Establece la identidad de tu sitio.

  • Incorpora un logotipo para tu cabecera.
  • Incorpora un icono para la barra de dirección en el buscador (favicon).
  • Incorpora un logotipo para tu barra de navegación (bootstrap).
  • Reemplaza el “©Copyright” en el pie (footer) por un texto de tu conveniencia.
  • Opcional: ocupa el favicon en barra de navegación para los dispositivos móviles.

2. Aplica los colores según tu guía de estilos.

  • Personaliza cualquiera de los 8 colores base en Bootstrap.
    • Primary y Secondary son tus colores principales.
    • Warning, Success, Danger e Info son códigos de color secundarios.
    • Light y Dark aplican en el esquema de textos y fondos.
  • Ekiline permite que cambies colores directamente en otras zonas del tema:
    • Fondo
    • Main (donde se muestra contenido).
    • Navbar o menú principal
    • Sidebar inferior
    • Footer.

3. Personaliza la cabecera.

  • Ekiline incluye 2 imágenes gratuitas libres de derechos para su uso o/y distribución.
  • Desactiva la cabecera ocultando la imagen.
  • Agrega un video en la cabecera (MP4, WEBM, OGV) este solo aplicará en la página de inicio o home.
  • Cambiar los colores y posición del texto que aparece.
  • Ocultar el texto y logotipo.
  • Redimensiona la cabecera a lo ancho y largo, convierte en Jumbotron de Bootstrap.

4. Juega con el menú.

  • Ekiline incluye diferentes opciones de presentar tu barra de navegación
  • Muestra los enlaces centrados o en los extremos de la barra.
  • Usa tu navegación como aplicación con un menú lateral, desplegable en la parte superior o como un modal.
  • Agrega comportamientos a tu menú, fija o presentar en la parte baja.

5. Zonas para widgets.

  • Ekiline cuenta con 9 zonas para mostrar tus widgets.
  • 2 Laterales: Izquierdo y derecho.
  • Superior e inferior dentro de Main.
  • Superior antes de todo el contenido.
  • Inferior entre el contenido y footer
  • Footer.
  • Dentro del menú de navegación.
  • Dentro de la barra de navegación.

6. Juega con la vista de tu información.

  • Ekiline extiende la opción de seleccionar las categorías para mostrar la información de tu blog.
  • Puedes ocultar las zonas laterales por tipo de publicación: Página, Entrada y Categorías. 
  • También puedes abarcar el 100% de ancho en tu página.
  • Presentar tu blog, con columnas o en cuadrícula de tarjetas.
  • Opcional: muestra meta información (autor, fecha, etiquetas) y paginación también en las páginas.

EXTRA: Organizar la carga de Scripts JS y Estilos CSS sin plugins (avanzado).

La optimización es importante y Ekiline cuenta con la opción de gestionar estos archivos.

  • Puedes posponer la carga de estilos CSS con javascript en segundo plano o al hacer uso del scroll.
  • Para los archivos JS, podrás asignar atributos ASYNC, DEFER, o posponer la carga.
  • Ekiline extiende la opción de ajustar y mover todos los scripts al final de la carga de tu página web.

Cada paso es el resultado de solucionar decenas de sitios web con Bootstrap y WordPress. ¡Pruébalo!

Escribe un comentario

Tu correo electrónico no será publicado.

Este sitio está protegido por reCAPTCHA y se aplican la política de privacidad y los términos de servicio de Google.