Twenty'em es un theme/framework para WordPress creado específicamente para el desarrollo de Child Themes, que gracias a la gran variedad de opciones de configuración que posee y su API de Desarollo, puede ser usado tanto para proyectos sencillos como para proyectos de gran envergadura.
Twenty'em se instala como cualquier otro theme de WordPress. Para ello debes descargar la última versión, descompactar el archivo .zip y copiar su contenido en el directorio /wp-content/themes/ de tu instalación de WordPress. O subirlo usando el instalador de themes de WordPress.
Puedes clonar el repositorio directamente de GitHub:
$ cd /path/to/your/wordpress-site/wp-content/themes/
$ git clone https://github.com/rogertm/twenty-em.git$ cd /path/to/your/wordpress-site/
$ composer require rogertm/twenty-em:^1.0O puedes instalar directamente Twenty'em Child Theme que automáticamente instalará Twenty'em.
$ cd /path/to/your/wordpress-site/
$ composer require rogertm/twenty-em-child:^1.0Twenty'em requiere de algunas dependencias, para ello debes instalarlas vía npm. Debes tener Node.js instalado previamente en tu ordenador.
Ejecuta los siguientes comandos desde tu CLI:
$ cd /path/to/your/wordpress-site/wp-content/themes/twenty-em/
$ npm install
$ gulpEn caso de usar un Child Theme debes tambien desplegar las tareas necesarias para compilar los archivos scss del Child Theme. Desde el mismo direcotrio de twenty-em corres el siguiente comando:
$ gulp child
También puedes ejecutar gulp watch y gulp watch:child para complilar los archivos scss y js miesntras trabajas.
Este comando depende en gran medida de las variables de entorno. Ver más abajo.
Para el mejor funcionamiento de las tareas que se ejecuntan con el comando gulp, se deben definir las variables de entorno necesarias en un archivo llamado .env.
| Variable Name | Possibles Values | Description |
|---|---|---|
DEV_MODE |
true, false |
Si se define como false, todos los archivos compilados serán minificados |
CHILD_THEME_EXISTS |
true, false |
Evaluar a true si hay un CHild Theme instalado |
CHILD_THEME |
../child-theme-dir |
Nombre del directorio del Child Theme (si el slash final) |
Twenty'em ofrece un Panel de Administración desde el que podrás configurar la estructura de tu sitio con un mínimo de esfuerzo.
Desde este panel podrás acceder a la ayuda, donde esbozados rápidamente cómo accionar en cada caso y para qué sirve cada opción.
El manejo de este panel de administración es muy fácil e intuitivo, en caso de que cada panel de opciones tenga sub-opciones, que permitan varios comportamientos para un mismo módulo, entonces se elegirá el indicado accionando la pestaña que activará dicha sub-opción.
Una vez configuradas todas las opciones, deberás hacer clic en Guardar Cambios para salvar toda la configuración que has hecho.
Una vez hechas todas las configuraciones en el Panel de Administración de Twenty'em, podrás exportar un archivo .txt que luego podrás usar para importar dichas configuraciones en caso de que necesites restaurar todo el set de opciones. O incluso, configurar otro sitio hecho con Twenty'em.
Para ello debes acceder a Twenty'em > Respaldo, donde encontrarás nuestro Administrador de Respaldo, un asistente bien sencillo de usar.
Puedes exportar la configuración con el objetivo de restaurarla nuevamente, o copiarla en otro sitio. Si un Child Theme o Plugin hace un merge de sus configuraciones en la opción t_em_theme_options de la tabla wp_options en la Base de Datos, esas opciones serán exportadas también en el mismo archivo .txt.
Las opciones serán exportadas en un archivo denominado t-em-backup- seguido por la fecha y el tiempo en que ha sido exportado. Ej: t-em-backup-Ymd-His.txt.
Puedes importar archivos previamente exportados, esto actualizará la opción t_em_theme_options en la tabla wp_options en la Base de Datos.
Importante: Solo archivos generados a través del Administrador de Respaldo podrán ser importados nuevamente. Esta acción no puede ser deshecha.
Twenty'em trae consigo de manera predeterminada una serie de elementos que te permitirán un mejor manejo del contenido dentro de tu proyecto.
Además de los widgets nativos de WordPress, Twenty'em trae nuevos widgets que mejorarán visual y estructuralmente tu proyecto, entre los que se encuentran Autores, Galería de Imágenes, Últimas Entradas, Entradas Populares, Comentarios y uno muy útil que permitirá a tus clientes o usuarios la Suscripción vía FeedBurner.
En WordPress, los Templates o Plantillas de Páginas son archivos mediante los que puedes crear páginas, pero con características o comportamientos que difieren de una página estándar. Twenty'em ofrece un grupo de estas plantillas, entre las que se destacan, Archivo, Autores, Mapa del Sitio, entre otras.
Los shortcodes son pequeños macro códigos que se insertan en el editor de entradas, y ejecutan funciones creadas por los desarrolladores. Twenty'em tiene una serie de estos shortcodes mediante los que podrás dar formato a tus entradas. Alertas, Citas, Iconos, Botones, entre otros, que a su vez tienen múltiples opciones.
Twenty'em se basa fundamentalmente en el uso de Hooks, lo cual permite que el desarrollo con este Framework sea extremadamente flexible y escalable. Además brindamos una serie de funciones (tipo Helpers) que su objetivo es facilitar el trabajo de los desarrolladores, y por su puesto Variables, Constantes, etc…
Nota: Actualmente estamos en proceso de documentar esta sección.
Como WordPress, Twenty'em es un software de código libre y abierto y se distribuye bajo Licencia GPLv2 (o superior). Una copia de la licencia se puede encontrar en cada versión de Twenty'em, también incluimos una copia no oficial en español para usuarios hispanohablantes.
Asimismo, cada software que se derive de Twenty'em (plugin, módulo, código, etc…) y se distribuya desde este sitio heredará dicha licencia.
Hemos trabajado durante varios años en el desarrollo de Twenty'em Framework y ahora lo compartimos contigo. Apreciamos cualquier contribución que nos quieras hacer y así poder mantener nuestro proyecto. Gracias.