El renombre de WordPress como sistema de gestión de co­n­te­ni­dos proviene, sobre todo, de sus prá­c­ti­ca­me­n­te inago­ta­bles po­si­bi­li­da­des de extensión. Además de los miles de plugins que añaden funciones adi­cio­na­les a esta pla­ta­fo­r­ma, también existen numerosas pla­n­ti­llas pre­di­se­ña­das que facilitan la tarea de creación de la propia página web. Los llamados temas de WordPress te permiten poner en práctica tus ideas sobre los elementos visuales y fu­n­cio­na­les, incluso si no cuentas con co­no­ci­mie­n­tos avanzados en pro­gra­ma­ción. Para ello solo es necesario descargar el tema deseado, que puede ser gratuito o de pago (de­pe­n­die­n­do de su de­sa­rro­lla­dor) y, en unos pocos clics lo tienes instalado y activado.  

Si cuentas con el know how necesario también podrás crear un tema WordPress propio rá­pi­da­me­n­te. Los fra­me­wo­r­ks para crear temas en WordPress, que también suelen ser uti­li­za­dos por di­fe­re­n­tes pro­vee­do­res como base para sus pla­n­ti­llas pre­di­se­ña­das, facilitan este proceso de manera si­g­ni­fi­ca­ti­va y, en algunos aspectos, pueden llegar a superar a los temas de WordPress más sencillos.

Dominios web
Compra y registra tu dominio ideal
  • Domina el mercado con nuestra oferta 3x1 en dominios
  • Función Domain Connect para una co­n­fi­gu­ra­ción DNS si­m­pli­fi­ca­da gratis
  • Registro privado y gratis para mayor seguridad

Las ventajas de de­sa­rro­llar tu propio tema WordPress

La po­si­bi­li­dad de utilizar un tema es, con razón, una de las ca­ra­c­te­rí­s­ti­cas más im­po­r­ta­n­tes de WordPress. Sus ve­r­sá­ti­les pla­n­ti­llas permiten la se­pa­ra­ción entre el diseño y el contenido, lo que hace posible mo­di­fi­car­los sin que, como resultado, uno se vea afectado por los cambios del otro. Además, los usuarios con menos ex­pe­rie­n­cia se be­ne­fi­cian de la facilidad de uso de este sistema de gestión de co­n­te­ni­dos, es fácil de instalar y muy intuitivo. Sin necesidad de pro­gra­mar­lo, los usuarios pueden valerse de pla­n­ti­llas pre­di­se­ña­das para cambiar el diseño visual de su página web y equiparlo con el contenido deseado. Por otra parte, la mayoría de los temas son fá­ci­l­me­n­te ada­p­ta­bles a la hora de, por ejemplo, modificar el color de fondo de una página o cambiar un elemento es­pe­cí­fi­co.

Sin embargo, el uso de temas pre­di­se­ña­dos a menudo está asociado con ciertas de­s­ve­n­ta­jas, y es que el hecho de utilizar un tema gratuito, por ejemplo, implicará que este pueda ser utilizado por muchos otros ope­ra­do­res web. Como co­n­se­cue­n­cia, aquellos que se decanten por un tema muy popular tendrán un proyecto que perderá rá­pi­da­me­n­te su ori­gi­na­li­dad, pues aunque es posible pe­r­so­na­li­zar­los, nunca se pueden modificar por completo. Adi­cio­na­l­me­n­te, no existe ninguna garantía de que el tema elegido siga siendo de­sa­rro­lla­do y en caso de que aparezcan vu­l­ne­ra­bi­li­da­des en su seguridad, aumentará el riesgo de fallos en tu web.

Es per esto que, a menudo, es mejor de­sa­rro­llar un tema propio, claro está, siempre y cuando cuentes con los co­no­ci­mie­n­tos ne­ce­sa­rios en HTML, CSS y PHP. Así, podrás sacarle el mejor provecho a la técnica de estos elementos pre­di­se­ña­dos y, a la vez, tener control total sobre el diseño o los ajustes re­la­cio­na­dos con la seguridad.

¿Qué hay detrás de los fra­me­wo­r­ks para crear temas en WordPress?

Para de­sa­rro­llar un nuevo tema de WordPress tienes dos opciones: por un lado, puedes pre­s­ci­n­dir de cualquier tipo de ayuda y pro­gra­mar­lo desde cero o puedes utilizar alguno de los fra­me­wo­r­ks WordPress. Estas es­tru­c­tu­ras básicas son pri­n­ci­pa­l­me­n­te temas que in­co­r­po­ran funciones estándar y un concepto de diseño básico. Algunos de estos co­m­po­ne­n­tes básicos incluyen, por ejemplo, ca­ra­c­te­rí­s­ti­cas generales de SEO o fu­n­cio­na­li­da­des para crear páginas web re­s­po­n­si­vas. Debido a que estos también sirven como base para el de­sa­rro­llo de nuevos temas, también se les conoce bajo el nombre de “temas padre” (en inglés, parent themes). Así, los que heredan fu­n­cio­na­li­da­des de estos fra­me­wo­r­ks para WordPress se conocen como “temas hijo” (en inglés, child themes).

Los temas hijo utilizan el código del tema padre, por lo que, como de­sa­rro­lla­dor, no tienes que empezar desde cero, sino que puedes agregar un toque personal im­ple­me­n­ta­n­do mejoras fu­n­cio­na­les y visuales. Di­fe­re­n­tes pro­vee­do­res de temas de WordPress, como Te­s­la­The­mes, utilizan fra­me­wo­r­ks propios que sirven como base para los temas ofrecidos y, por lo tanto, deben de­s­ca­r­gar­se para poder utilizar los re­s­pe­c­ti­vos temas hijo.

Razones para utilizar los fra­me­wo­r­ks WordPress y los temas hijo

En co­m­pa­ra­ción con un tema tra­di­cio­nal, los temas basados en los fra­me­wo­r­ks WordPress ofrecen di­fe­re­n­tes ventajas. El mayor atributo es su gran capacidad para ac­tua­li­zar los temas del framework. Mientras que con un tema sencillo (sin child theme) se pierden los cambios manuales, como aquellos relativos al diseño, estos no se modifican si se actualiza el framework. Es decir, todos los ajustes se hacen úni­ca­me­n­te al tema hijo de tal forma que, al ac­tua­li­zar el tema padre, este no se so­bre­s­cri­bi­rá. Esta ca­ra­c­te­rí­s­ti­ca resulta de gran utilidad sobre todo a la hora de realizar ac­tua­li­za­cio­nes de seguridad. Además, la se­pa­ra­ción entre las funciones pri­n­ci­pa­les y cualquier cambio manual también garantiza que puedas continuar con el de­sa­rro­llo de tu proyecto web en todo momento sin poner en peligro sus fu­n­cio­na­li­da­des básicas. 

A pesar de que in­tro­du­ci­r­se en los fra­me­wo­r­ks de WordPress es co­n­si­de­ra­ble­me­n­te más co­m­pli­ca­do que con un tema tra­di­cio­nal, el esfuerzo de una formación inicial merece la pena. In­de­pe­n­die­n­te­me­n­te de si buscas de­sa­rro­llar tu propia plantilla de diseño o de si utilizas los temas pre­di­se­ña­dos de los fra­me­wo­r­ks para WordPress, superada la fase inicial de apre­n­di­za­je, te ahorrarás un tiempo valioso durante su pro­gra­ma­ción y ajuste. Sin embargo, antes de decidirte por algún framework, debes estar ab­so­lu­ta­me­n­te seguro de que realmente necesitas las funciones básicas im­ple­me­n­ta­das. Así, si el entorno de trabajo es demasiado complejo, tal vez no es la mejor solución para el tema de una página web simple y, por el contrario, podría incluso generar problemas de re­n­di­mie­n­to.

¿Cuáles son los tipos de fra­me­wo­r­ks para crear temas en WordPress?

El hecho de que los fra­me­wo­r­ks si­m­pli­fi­quen tanto el proceso de de­sa­rro­llo como la gestión de temas de WordPress, los está haciendo cada vez más populares. Algunos fa­bri­ca­n­tes de temas venden también sus propios fra­me­wo­r­ks, pe­r­mi­tié­n­do­te:

  • de­sa­rro­llar tu propio tema
  • o utilizar alguno de sus temas hijo como al­te­r­na­ti­va.

El precio de la licencia de un framework varía de un proveedor a otro y, de la misma forma, la asi­s­te­n­cia depende del tipo de oferta: mientras que la ad­qui­si­ción de licencias con algunos pro­vee­do­res incluye el su­mi­ni­s­tro de ac­tua­li­za­cio­nes de por vida, otros solo ofrecen soporte por un período de un año que debe renovarse co­n­s­ta­n­te­me­n­te. Además, algunos pro­vee­do­res también ofrecen paquetes es­pe­cia­les que incluyen los temas padre con sus re­s­pe­c­ti­vos temas hijo.

Por otra parte, también existen algunos fra­me­wo­r­ks para WordPress que se pueden descargar de forma gratuita. No­r­ma­l­me­n­te, el código del parent theme es de libre di­s­po­si­ción y, en algunos casos, solo tendrás que pagar por la ac­tua­li­za­ción periódica del entorno de trabajo o de los child themes ofrecidos por los de­sa­rro­lla­do­res. También es común que se utilice el modelo freemium. En este caso, lo único gratis que recibe el usuario es una versión limitada de su es­tru­c­tu­ra básica.

Hosting para WordPress ge­s­tio­na­do
Crea tu página con IA, nosotros hacemos el resto
  • Creación fácil y rápida gracias a la IA integrada
  • To­ta­l­me­n­te pe­r­so­na­li­za­ble con pla­n­ti­llas y plugins
  • Ac­tua­li­za­ción sin co­m­pli­ca­cio­nes y menos ad­mi­ni­s­tra­ción

Fra­me­wo­r­ks WordPress: un retrato de sus pri­n­ci­pa­les re­pre­se­n­ta­n­tes

La amplia gama de fra­me­wo­r­ks para crear temas di­s­po­ni­ble en el mercado hace que la búsqueda del entorno de trabajo adecuado para tu proyecto WordPress sea algo tediosa. A la hora de de­ca­n­tar­se por alguno, los de­sa­rro­lla­do­res deben co­n­si­de­rar, sobre todo, las funciones y opciones de pe­r­so­na­li­za­ción. Ló­gi­ca­me­n­te, uno de los criterios más im­po­r­ta­n­tes a la hora de tomar la decisión es pre­ci­sa­me­n­te que puedas trabajar bien con el framework elegido. Aquellos usuarios que estén en la búsqueda de temas hijo pre­di­se­ña­dos tampoco se enfrentan a una tarea fácil: buscar de manera aleatoria el tema perfecto y se­le­c­cio­nar­lo de acuerdo a los criterios de diseño puede ser co­n­tra­pro­du­ce­n­te si el framework asociado a este no se ajusta a tu proyecto web, demanda de­ma­sia­dos recursos o presenta fallos y errores.

In­de­pe­n­die­n­te­me­n­te de si el framework de Wordpress está diseñado para servir de base a un tema propio o di­s­po­ni­ble en el mercado, nunca está de más revisar aspectos como su vigencia, el modelo de licencia utilizado y el servicio de asi­s­te­n­cia ofrecido. Solo de esta forma se puede verificar la fu­n­cio­na­li­dad y seguridad de los parent y child themes. Por último, cabe resaltar que, por supuesto, el precio también desempeña un papel im­po­r­ta­n­te. Un entorno de trabajo costoso ge­ne­ra­l­me­n­te solo vale la pena si permite crear temas complejos, generar una gran cantidad de pla­n­ti­llas o acceder a numerosos temas hijo del proveedor.

A co­n­ti­nua­ción, para ayudarte a encontrar el framework para temas de WordPress adecuado, te mostramos algunos de los entornos de trabajo más populares y pro­me­te­do­res del mercado.

Genesis: el framework orientado al re­n­di­mie­n­to para quienes cuidan su bolsillo

El tema Genesis no solo goza de gran po­pu­la­ri­dad por su bajo coste. Tanto novatos como pro­fe­sio­na­les se be­ne­fi­cian de la ve­r­sa­ti­li­dad de este framework para WordPress. Entre otros, el Genesis Framework te permite crear, sin co­m­pli­ca­cio­nes, temas re­s­po­n­si­vos y amigables para los motores de búsqueda o utilizar alguna de sus pla­n­ti­llas pre­di­se­ña­das para cambiar o pe­r­so­na­li­zar diseños propios o de pago. Sin embargo, la mayor ventaja de este framework para WordPress es su ex­ce­p­cio­nal modelo de licencia: en co­m­pa­ra­ción con muchos de sus co­m­pe­ti­do­res, la compra de Genesis Framework incluye una asi­s­te­n­cia ilimitada. Gracias a esto, recibirás ac­tua­li­za­cio­nes, de­ta­lla­dos tu­to­ria­les y ayuda para los problemas técnicos sin tener que ac­tua­li­zar la licencia durante un período de­te­r­mi­na­do. Ad­qui­rie­n­do una membresía Plus también se dispone de todos los child themes diseñados por el fa­bri­ca­n­te (ac­tua­l­me­n­te y en el futuro). En nuestra guía sobre Genesis en­co­n­tra­rás in­fo­r­ma­ción adicional sobre el framework de Stu­dio­Pre­ss.

Ventaja In­co­n­ve­nie­n­tes
Excelente co­m­bi­na­ción entre fu­n­cio­na­li­dad y re­n­di­mie­n­to La creación de temas propios puede resultar algo co­m­pli­ca­da para usuarios novatos
Licencia de por vida
Re­s­po­n­si­vo

Gantry: amigable para pri­n­ci­pia­n­tes y de licencia libre

Ro­c­ke­t­The­me, los creadores de Gantry, lograron si­n­te­ti­zar en un solo framework (amigable y fácil de usar) el conjunto estándar de funciones básicas de Joomla y WordPress. Este sencillo layout manager incluye, entre otras cosas, opciones prácticas de re­cu­pe­ra­ción y permite mover objetos fá­ci­l­me­n­te con la función arrastrar y soltar, si­m­pli­fi­ca­n­do, en gran manera, la fa­mi­lia­ri­za­ción con su entorno de trabajo. Gracias a Twitter Bootstrap, Gantry ofrece también un grid system re­s­po­n­si­vo que permite que tu proyecto web se adapte au­to­má­ti­ca­me­n­te al tamaño de la re­s­pe­c­ti­va pantalla. En el caso de diseños complejos con colores in­di­vi­dua­les, fuentes, etc., sí ne­ce­si­ta­rás co­no­ci­mie­n­tos básicos en HTML y CSS. Debido a que Gantry se publicó bajo la licencia MIT, puedes de­s­ca­r­gar­lo de manera gratuita desde la página web oficial de Gantry y usarlo según tus ne­ce­si­da­des.

Ventajas In­co­n­ve­nie­n­tes
Amigable para pri­n­ci­pia­n­tes Menos co­n­ve­nie­n­te para diseños ex­tra­va­ga­n­tes
Gratuito Servicio de asi­s­te­n­cia solo para usuarios Premium
Re­s­po­n­si­vo

Thesis: enfoque SEO

El framework para WordPress Thesis te permite crear temas con la ayuda de tres co­m­po­ne­n­tes clave: Boxes, Skins y Site Tools. Con Boxes podrás añadir funciones adi­cio­na­les a tu proyecto web tales como social media buttons o formas de contacto, muy similar al fu­n­cio­na­mie­n­to de los widgets en el diseño web con bloques modulares. Skins sirve para pe­r­so­na­li­zar el diseño de tu tema (menú de na­ve­ga­ción, en­ca­be­za­mie­n­to, cuadros de contenido, etc.). Ambos tipos de elemento puedes or­de­nar­los co­n­ve­nie­n­te­me­n­te en el editor visual de pla­n­ti­llas arra­s­tra­n­do y soltando. En su tercer elemento, Site Tools, Thesis le dedica especial atención a la op­ti­mi­za­ción del po­si­cio­na­mie­n­to en bu­s­ca­do­res de tu proyecto WordPress. Para conocer de qué tipo de he­rra­mie­n­tas estamos hablando y qué modelos de licencia utiliza Thesis, visita nuestra guía acerca de este entorno de trabajo.

Ventajas In­co­n­ve­nie­n­tes
Im­ple­me­n­ta ca­ra­c­te­rí­s­ti­cas SEO Su interfaz solo está di­s­po­ni­ble en inglés
Re­s­po­n­si­vo La fa­mi­lia­ri­za­ción puede requerir algo de tiempo
Buen re­n­di­mie­n­to

Whi­te­boa­rd: el framework open source

Desde 2008, Whi­te­boa­rd ha aco­m­pa­ña­do a pro­gra­ma­do­res ex­pe­ri­me­n­ta­dos en el de­sa­rro­llo de nuevos temas. Para ello, este framework de código abierto ha sido op­ti­mi­za­do de forma continua en los últimos años. Este se fu­n­da­me­n­ta en Less Framework y, por lo tanto, genera au­to­má­ti­ca­me­n­te temas re­s­po­n­si­vos para pantallas de di­fe­re­n­tes tamaños y para los pri­n­ci­pa­les na­ve­ga­do­res. Adi­cio­na­l­me­n­te, este entorno de trabajo soporta HTML5 y varias ca­ra­c­te­rí­s­ti­cas de WordPress como di­fe­re­n­tes áreas de widgets. Los de­sa­rro­lla­do­res de Whi­te­boa­rd pre­s­ci­n­den de funciones y diseños excesivos y se han co­n­ce­n­tra­do, más bien, en las pri­n­ci­pa­les funciones de un framework para WordPress co­m­pe­te­n­te que sirva como eje central para proyectos web variados. Debido a que la última ac­tua­li­za­ción de Whi­te­boa­rd se hizo ya hace algún tiempo, este entorno de trabajo de código abierto no puede ser utilizado en las últimas versiones de WordPress.

Ventajas In­co­n­ve­nie­n­tes
Sencilla es­tru­c­tu­ra base para temas No es co­m­pa­ti­ble con las actuales versiones de WordPress
Re­s­po­n­si­vo - No es adecuado para temas complejos
Open source

Headway: alta precisión en la creación de temas

Este framework para la creación de temas en WordPress se ca­ra­c­te­ri­za por un potente editor y por un grid system re­s­po­n­si­vo que hace que la or­ga­ni­za­ción de los elementos in­di­vi­dua­les sea un juego de niños. Puedes colocar cuadros de texto, barras de menú o en­ca­be­za­dos como quieras y sin mayores co­m­pli­ca­cio­nes. Además, gracias a los “snapshots” puedes revisar cualquier cambio con un solo clic. Una vez sa­ti­s­fe­cho con la or­ga­ni­za­ción de todos tus bloques, podrás dedicarte, en el menú de diseño, a la gestión de los fondos, fuentes y efectos. Las licencias di­s­po­ni­bles son válidas por un año –hay que re­no­var­las po­s­te­rio­r­me­n­te– y se cla­si­fi­can en Standard (incluye el child theme que elijas) y Deluxe (incluye todos los child themes di­s­po­ni­bles). Para obtener una visión general de la gama completa de ca­ra­c­te­rí­s­ti­cas y precios visita la página oficial de Headway.

Ventajas In­co­n­ve­nie­n­tes
Editor claro y fácil de usar La licencia debe renovarse cada año
Re­s­po­n­si­vo
Óptimo para páginas de destino

Divi: la solución todo en uno

Divi es el tema base de Elegant Themes. El corazón de este framework, el Divi Builder, permite ad­mi­ni­s­trar y utilizar más de 40 módulos de contenido. Arra­s­tra­n­do y soltando podrás ordenar y modificar con un solo clic las di­me­n­sio­nes, fondos, colores y ti­po­gra­fía de acuerdo a las ne­ce­si­da­des de tu proyecto. Para ello, el editor ofrece varios controles de­s­li­za­n­tes y una función de vista previa. La interfaz Divi está di­s­po­ni­ble en más de 30 idiomas y produce, ex­clu­si­va­me­n­te, temas re­s­po­n­si­vos. Una ca­ra­c­te­rí­s­ti­ca especial de este entorno de trabajo es la función integrada para realizar pruebas A/B, con la que se puede evaluar el éxito de di­fe­re­n­tes versiones de una misma página web. Para usar Divi has de su­s­cri­bi­r­te por un año o de por vida, lo que te permitirá tener acceso a cualquier otro tema del proveedor.

Ventajas In­co­n­ve­nie­n­tes
Layout builder amigable No hay se­pa­ra­ción de las funciones básicas y las pe­r­so­na­li­za­das por los usuarios
Función de A/B testing incluida Su base no es mo­di­fi­ca­ble
Re­s­po­n­si­vo
Botón de compra redes sociales
Convierte a tus se­gui­do­res en co­m­pra­do­res
  • Vende a través de las redes sociales en solo unos minutos
  • Gestiona todo desde una sola pla­ta­fo­r­ma
  • Co­m­pa­ti­ble con cualquier producto o servicio
Ir al menú principal