PHPackages                             rogertm/twenty-em - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Framework](/categories/framework)
4. /
5. rogertm/twenty-em

AbandonedArchivedWordpress-theme[Framework](/categories/framework)

rogertm/twenty-em
=================

Twenty'em WordPress Framework & Bootstrap 4

v1.3.2(7y ago)81371[2 issues](https://github.com/rogertm/twenty-em/issues)3GPL-2.0-or-laterPHPPHP >=7.0

Since Feb 14Pushed 5y ago1 watchersCompare

[ Source](https://github.com/rogertm/twenty-em)[ Packagist](https://packagist.org/packages/rogertm/twenty-em)[ Docs](https://themingisprose.com/twenty-em)[ RSS](/packages/rogertm-twenty-em/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (3)Dependencies (1)Versions (8)Used By (3)

[![Latest Stable Version](https://camo.githubusercontent.com/e9c66c0979f5dcb2db217c1d528c6932dda4b243928d7b8c307a063e6a148523/68747470733a2f2f706f7365722e707567782e6f72672f726f676572746d2f7477656e74792d656d2f76657273696f6e)](https://packagist.org/packages/rogertm/twenty-em)[![Latest Unstable Version](https://camo.githubusercontent.com/9cd9668e0b692184132f6a8e864882efceccf7c6f362c62d936135f30f6d2ee2/68747470733a2f2f706f7365722e707567782e6f72672f726f676572746d2f7477656e74792d656d2f762f756e737461626c65)](//packagist.org/packages/rogertm/twenty-em)[![Total Downloads](https://camo.githubusercontent.com/de84e0b12f49560ce99c5e5cbcfe0dec00590a80a6bf8369ba637e030e941c7e/68747470733a2f2f706f7365722e707567782e6f72672f726f676572746d2f7477656e74792d656d2f646f776e6c6f616473)](https://packagist.org/packages/rogertm/twenty-em)[![Build Status](https://camo.githubusercontent.com/d5665b8788d0e32ea8e6a2cf1ffa1bcda751f9c0b808f613f1ddd259e60fc075/68747470733a2f2f7472617669732d63692e6f72672f726f676572746d2f7477656e74792d656d2e7376673f6272616e63683d6d6173746572)](https://travis-ci.org/rogertm/twenty-em)[![License](https://camo.githubusercontent.com/2b8781181bd927f67bf89cac280058f555bc85f27fb7ebca3352ad128d88a062/68747470733a2f2f706f7365722e707567782e6f72672f726f676572746d2f7477656e74792d656d2f6c6963656e7365)](https://packagist.org/packages/rogertm/twenty-em)[![Scrutinizer Code Quality](https://camo.githubusercontent.com/553b303740e1216257e602c4ff1ec2ae48d3b76dd88174d811882651ccd62bb1/68747470733a2f2f7363727574696e697a65722d63692e636f6d2f672f726f676572746d2f7477656e74792d656d2f6261646765732f7175616c6974792d73636f72652e706e673f623d6d6173746572)](https://scrutinizer-ci.com/g/rogertm/twenty-em/?branch=master)[![Build Status](https://camo.githubusercontent.com/2e1ab9b736e306f124209127ff3daa11e437d5a3468663ded31d641557985a2f/68747470733a2f2f7363727574696e697a65722d63692e636f6d2f672f726f676572746d2f7477656e74792d656d2f6261646765732f6275696c642e706e673f623d6d6173746572)](https://scrutinizer-ci.com/g/rogertm/twenty-em/build-status/master)[![Code Intelligence Status](https://camo.githubusercontent.com/575d8604856af2c8599a4b5da5abda69624cf38ac6cad93322039b6871a696ea/68747470733a2f2f7363727574696e697a65722d63692e636f6d2f672f726f676572746d2f7477656e74792d656d2f6261646765732f636f64652d696e74656c6c6967656e63652e7376673f623d6d6173746572)](https://scrutinizer-ci.com/code-intelligence)[![CodeFactor](https://camo.githubusercontent.com/ba752864de1fdbadaf72a6fbdfcf2f28ac56673cc5d8a518fee2db6b7233af4c/68747470733a2f2f7777772e636f6465666163746f722e696f2f7265706f7369746f72792f6769746875622f726f676572746d2f7477656e74792d656d2f6261646765)](https://www.codefactor.io/repository/github/rogertm/twenty-em)

Twenty'em WordPress Framework
=============================

[](#twentyem-wordpress-framework)

¿Qué es Twenty'em?
------------------

[](#qué-es-twentyem)

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.

Instalación
-----------

[](#instalación)

### Manual

[](#manual)

Twenty'em se instala como cualquier otro theme de WordPress. Para ello debes descargar la [última versión](https://github.com/rogertm/twenty-em/releases/latest), 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.

### Instalar vía Git

[](#instalar-vía-git)

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
```

### Instalar vía Composer

[](#instalar-vía-composer)

```
$ cd /path/to/your/wordpress-site/
$ composer require rogertm/twenty-em:^1.0
```

O puedes instalar directamente [Twenty'em Child Theme](https://github.com/rogertm/twenty-em-child) que automáticamente instalará Twenty'em.

```
$ cd /path/to/your/wordpress-site/
$ composer require rogertm/twenty-em-child:^1.0
```

Dependencias
------------

[](#dependencias)

Twenty'em requiere de algunas dependencias, para ello debes instalarlas vía `npm`. Debes tener [Node.js](https://nodejs.org/es/) 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
$ gulp
```

En caso de usar un [Child Theme](https://github.com/rogertm/twenty-em-child) 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.*

Variables de entorno (.env)
---------------------------

[](#variables-de-entorno-env)

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 NamePossibles ValuesDescription`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)Panel de Administración
-----------------------

[](#panel-de-administración)

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.

Administrador de Resplado
-------------------------

[](#administrador-de-resplado)

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.

### Exportar

[](#exportar)

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`.

### Importar

[](#importar)

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**.

Widgets, Templates y Shortcodes
-------------------------------

[](#widgets-templates-y-shortcodes)

Twenty'em trae consigo de manera predeterminada una serie de elementos que te permitirán un mejor manejo del contenido dentro de tu proyecto.

### [Widgets](https://themingisprose.com/twenty-em/doc/widgets/)

[](#widgets)

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.

### [Templates](https://themingisprose.com/twenty-em/doc/plantillas-para-paginas/)

[](#templates)

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.

### [Shortcodes](https://themingisprose.com/twenty-em/doc/shortcodes/)

[](#shortcodes)

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.

API de Desarrollo
-----------------

[](#api-de-desarrollo)

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.

Licencia
--------

[](#licencia)

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.

Donar
-----

[](#donar)

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.

[Hacer una Donación](https://paypal.me/themingisprose)

###  Health Score

30

—

LowBetter than 64% of packages

Maintenance15

Infrequent updates — may be unmaintained

Popularity17

Limited adoption so far

Community15

Small or concentrated contributor base

Maturity63

Established project with proven stability

 Bus Factor1

Top contributor holds 98.2% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~149 days

Recently: every ~211 days

Total

7

Last Release

2111d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/d659a4bfdce5293d00942fe5dc75a5cb83a49cf2cd7f45e2831dff6c019fdfa6?d=identicon)[rogertm](/maintainers/rogertm)

---

Top Contributors

[![rogertm](https://avatars.githubusercontent.com/u/1044820?v=4)](https://github.com/rogertm "rogertm (217 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (4 commits)")

---

Tags

frameworkthemetheme-developmenttheme-frameworkwordpresswordpress-frameworkwordpress-themeframeworkwordpressbootstrapbootstrap 4child-themeWordpress frameworktheme frameworktheme-development

### Embed Badge

![Health badge](/badges/rogertm-twenty-em/health.svg)

```
[![Health](https://phpackages.com/badges/rogertm-twenty-em/health.svg)](https://phpackages.com/packages/rogertm-twenty-em)
```

###  Alternatives

[themosis/framework

The Themosis framework.

676307.9k18](/packages/themosis-framework)[themosis/theme

The Themosis framework boilerplate theme.

10449.0k3](/packages/themosis-theme)[justcoded/wordpress-theme-framework

Lightweight theme framework base with Model-View concept for developers who want to better organize their own custom themes.

264.1k2](/packages/justcoded-wordpress-theme-framework)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)