Skip to content

igmoweb/caninomag

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
bin
 
 
 
 
 
 
inc
 
 
js
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Canino Theme

Instalación

  • Instalar nodejs
  • Clonar este repositorio
  • Ejecutar npm install. Esto instalará todas las dependencias de Bower y npm. También generará los archivos js y css por primera vez.

Qué instala

  • Foundation 6
  • Foundation Icons
  • Cookie Law Info Sólo como dependencia para el desarrollo. Canino incluye el JS y CSS de dicho plugin de forma inline. Dicha carpeta (bower_components/cookie-law-info) no aparecerá en el build.
  • Webpack. Se encarga de generar CSS y JS partir del fichero de configuración, webpack.config.js

Modificación de estilos

Estructura

  • Todo lo relativo a estilos se encuentra en la carpeta scss.
  • _settings.scss contiene toda la configuración de Foundation.
  • app.scss es el archivo de carga del SCSS principal
  • scss/canino contiene los estilos específicos para Canino
  • scss/wordpress contiene los estilos específicos para WordPress
  • editor-style.scss Los estilos para el editor de WP.

Compilar Sass

Canino Theme tiene todo preparado y automatizado para compilar todos los estilos Sass (.scss). Para ello simplemente ejecuta npm run watch. Webpack escuchará cambios en los ficheros .scss y generará un build de desarrollo.

Cambios a producción

No es necesario mover toda la carpeta del Tema. npm run build creará una carpeta nueva, build, que incluye todo lo necesario para que el tema funcione en producción, obviando varios archivos que sólo sirven durante el desarrollo. El contenido de build es lo único que hay que mover a producción.

mu-plugins

La carpeta mu-plugins contiene un mu-plugin que tiene que moverse a wp-content/mu-plugins. De esta forma, algunos plugins no se cargarán en el frontend.