https://github.com/tavo1987/shiftpress
Tema base para Wordpress
https://github.com/tavo1987/shiftpress
php theme wordpress
Last synced: 2 months ago
JSON representation
Tema base para Wordpress
- Host: GitHub
- URL: https://github.com/tavo1987/shiftpress
- Owner: tavo1987
- License: mit
- Created: 2016-07-21T21:42:00.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2018-07-31T20:55:53.000Z (almost 8 years ago)
- Last Synced: 2025-05-23T01:11:24.776Z (about 1 year ago)
- Topics: php, theme, wordpress
- Language: CSS
- Size: 498 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ShiftPress
Tema base para Wordpress
## Herramientas y Tecnologías utilizadas
* [Php](http://php.net/manual/en/intro-whatis.php)
* [Sass](http://sass-lang.com/)
* [Laravel mix](https://laravel.com/docs/5.4/mix)
* [Tailwincss](https://tailwindcss.com/)
* [Foundation 6.4.3](http://foundation.zurb.com/sites/docs/)
* [Web font loader](https://github.com/typekit/webfontloader)
## Compilando assets
Para la compilación de los assets hemos seleccionado laravel mix, el cual nos ayuda a través de su api, configurar y ejecutar rápidamente tareas comúnes que hacemos con nuestros archivos js y css. Cabe mencionar que laravel mix trabaja con webpack por debajo.
Para correr laravel mix seguiremos los siguientes pasos:
1. Editar el archivo `webpack.mix.js`y actualizar la opción `proxy : 'wordpress.dev'` dentro de la configuración de browsersync para ver los cambios en tiempo real sin recargar la página
2. Instalar las depencias ejecuntado en la consola el comando `yarn`
3. compilar mediante las siguientes opciones:
* `yarn dev` desarrollo
* `yarn watch` desarrollo y live preview
* `yarn prod` producción
## Personalización JS
Para realizar los camnbios tenemos que modificar el siguiente archivo `resoureces/assets/js/app.js` y comentar lo que no necesitemos.
En cuanto a foundation, unicamente se esta cargando los esencial, si necesitas plugins adicionales como acordiones, slider, etc. se los tiene que requerir manualmente en la siguientes sección
```js
/**
* Adding Jquery scripts the right way to avoid conflicts
*/
(function($) {
//Jquery Partials
require('./partials/jquery.menu.js');
//Foundation
require('foundation-sites/dist/js/plugins/foundation.core.js');
require('foundation-sites/dist/js/plugins/foundation.util.mediaQuery.js');
//Example to include aditionals plugins
// require('foundation-sites/dist/js/plugins/foundation.util.keyboard.js');
// require('foundation-sites/dist/js/plugins/foundation.accordion.js');
//Foundation Init
$(document).foundation();
})( jQuery );
```
## Personalización SASS
Todos los archivos sass los podemos encontrar en `resources/assets/sass/`, de igual manera se puede personalizar foundation a nuestras necesidades, es decir cambiar sus configuraciones por defecto en `resources/assets/sass/foundation/_seetings.scss` e incluir plugins adicionales, ya que de igual forma que con los js se carga únicamente ciertos componentes de foundation, descomentado los `ìnlcudes` dentro de `resources/assets/sass/foundation/_modules.scss`, podemos cargar componentes adicionales. Si no se va a usar foundation podemos eliminarlo comentando o borrando la siguiente sección dentro de nuestro archivo `resources/assets/sass/shiftpress.scss`:
```css
//Foundation
//@import "foundation/settings";
//@import "foundation/modules";
```
## Fuentes
Para cargar fuentes personalizadas por favor usar el archivo `shiftpress.js` y edita la siguiente sección
```js
/**
* We'll load custom fonts with web font loader to improve page speed
*/
import WebFont from 'webfontloader';
WebFont.load({
google: {
families: ['Open Sans:300,400,700']
}
});
```
De esta menera mejoramos el tiempo de carga, mas información en [web font loader](https://github.com/typekit/webfontloader)
nota: Recordar actualizar la fuente en el archivo de configuración sass `resources/assets/sass/lib/_settings.scss`
## COPYRIGHT & LICENSE
This theme is based on BlankSlate theme