Coder Social home page Coder Social logo

kikeonline / chocolita Goto Github PK

View Code? Open in Web Editor NEW

This project forked from monchitonet/chocolita

0.0 2.0 0.0 178 KB

Chocolita, un tema base de WordPress con Gulp y Sass

License: GNU General Public License v2.0

PHP 43.05% JavaScript 11.63% CSS 45.32%

chocolita's Introduction

Chocolita, un tema base de WordPress con Gulp y Sass

![](https://raw.githubusercontent.com/monchitonet/Chocolita/master/screenshot.png?raw=true | width=350)

Chocolita es un tema base de WordPress basado en Underscores, con una implementación de Sass y una configuración básica de Gulp, que ayuda a acelerar y optimizar el proceso de desarrollo de temas personalizados para WordPress desde cero.

Requerimientos

Para utilizar este tema necesitas instalar:

Instalar Node.js y Bower

Existen diversos manuales y tutoriales en la web sobre como instalar Node.js, dependiendo del sistema operativo que utilizas. Si tienes alguna duda, baja el paquete correspondiente a tu plataforma y corre el instalador.

Puedes verificar tu instalación de Node.js con:

$ node -v

Una vez que tengas instalado Node.js, puedes proceder a instalar Bower con:

$ npm install -g bower

Básicamente, la función de Bower es automatizar la descarga manual de scripts que utilizas en tu tema, bajándolos y poniéndolos automáticamente en su directorio /js/ con un comando simple como este:

$ bower install <paquete>

# Instalar jQuery
$ bower install jquery

Instalando el tema

Hay dos formas de instalar Chocolita; manualmente o utilizando el instalador para Chocolita desarrollado por kikeonline.

Instalador de Chocolita

alt tag

Instala chocolita-npm-installer

$ npm install -g chocolita-npm-installer

Instala WordPress como lo haces normalmente y asegúrate de que estás en tu carpeta themes de Wordpress /wordpress/wp-content/themes/

$ cd /wordpress/wp-content/themes/

Corre el instalador con la siguiente línea y sigue las instrucciones

$ chocolita

También podes pasar argumentos de la siguiente manera

$ chocolita <themename> [localhost]

Instalación manual

Instala WordPress como lo haces normalmente. Cuando hayas finalizado, necesitas clonar este repositorio utilizando los siguientes comandos:

$ cd /tu-directorio-de-wordpress/wp-content/themes/
$ git clone [email protected]:monchitonet/Chocolita.git

Si al clonar el tema te sale el siguiente mensaje de error:

Permission denied (publickey).
fatal: Could not read from remote repository.

Please make sure you have the correct access rights
and the repository exists.

...es que hay problemas de permisos. Consulta la documentación oficial correspondiente a tu sistema operativo. Alternativamente, puedes clonar Chocolita por https:

$ git clone https://github.com/monchitonet/Chocolita.git

Por último, cambia la línea 24 del archivo gulpfile.js con los datos de tu servidor. Ingresa a WordPress y activa el tema.

Corriendo Gulp

Para asegurarte de que Gulp tenga todas las dependencias instaladas en el sistema, utiliza el comando:

$ npm install
$ bower install

Una vez que esté listo, solo necesitas correr:

$ gulp

El comando anterior ejecuta las tareas predefinidas en el archivo gulpfile.js. Puedes agregar tus propias tareas en este archivo. También puedes ejecutar tareas individuales, llamándolas por su nombre. Por ejemplo:

$ gulp sass

Listo para distribución.

Cuando el desarrollo de tu tema este terminado, puedes generar un archivo ZIP con el comando:

$ gulp build

Este zip lo encontrarás en /dist/ y contiene los archivos necesarios para instalar tu tema en cualquier Wordpress.

Soporte y preguntas

Si tienes alguna duda acerca del uso de este tema, puedes mandarnos un mensaje.

Enlaces de interés

Contribuyentes

Agradecimientos

Licencia

Liberado bajo una licencia GPLv2 o mayor.

chocolita's People

Contributors

leogg avatar monchitonet avatar kikeonline avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.