Creacion de temas

Ahora es posible crear temas para los recursos de EDiphy. Los temas permiten modificar los siguientes parámetros:

• Fuente
• Imágenes de fondo
• Imágenes predeterminadas
• Paleta de colores
• Plantillas
• Reglas de estilo SCSS

Los temas permiten adaptar los recursos de la plataforma a cada público, de una manera eficiente y sencilla.

Preparación del entorno

Para crear un tema utiliza la CLI de Ediphy. Para ello sigue los siguientes pasos:

1. Desde el directorio del proyecto ejecuta el siguiente comando: yarn run create-theme "Nombre Del Tema" Esto creará la estructura del nuevo tema dentro de los directorios de la aplicación.

2. Para añadir el tema a Ediphy, lo único que hay que hacer es incluirlo en la lista themeList del fichero ~/core/config.es6.

   #~/dist/core/config.es6
   ...
   pluginList: [...],
   themeList: [
     'default',
     'orange',
     'basic',
     'polygon',
     'NombreDeltema', // ESTE ES EL TEMA QUE SE ACABA DE CREAR
   ],
   availableLanguages:[
     'en',
     'es'
   ]
   ...
   

El tema creado parte del tema clásico de EDiphy y es funcional desde su creación. De esta manera podrás observar los efectos de cada cambio en la definición de los temas de manera rápida.

La estructura de directorios que crea el comando de la CLI es la siguiente:

PROJECT_DIR
  ├── common/themes/
  |  ├── <NombreDelTema>/
  |  |  └── definitions/
  |  |     └── <NombreDelTema>.js
  |  ├─- scss-files/
  |  |  └── <NombreDelTema>.scss
  |  └── css_importer.js
  └── dist/themes/<NombreDelTema>/
     ├── background_images/
     |  └── ... // LAS IMÁGENES DE FONDO SE COPIAN AQUÍ
     ├── ... // LAS IMÁGENES PREDETERMINADAS DEL TEMA SE COPIAN AQUÍ
     └── thumbnail.jpg 

La estructura de un tema se divide en dos bloques principales. En primer lugar, el bloque de definición, ubicado en el directorio common de EDiphy. En segundo lugar, el bloque de recursos del tema, ubicado en el directorio dist.

En la sección Definición aprenderás a cambiar todos los parámetros soportados por el sistema de definición de temas.