Últimamente, algunos de nuestros lectores nos han estado preguntando sobre los frameworks de temas de WordPress y si deberían usarlos para sus sitios web.
En resumen, los frameworks de temas son herramientas que ayudan a los desarrolladores de sitios web a crear nuevos temas más fácilmente. Pueden ahorrar tiempo y esfuerzo a los desarrolladores al crear sitios web.
En WPBeginner, usamos el framework Genesis y algunas de nuestras marcas asociadas crearon sus sitios usando SeedProd.
Sin embargo, sus necesidades pueden ser diferentes, por lo que investigamos y comparamos los mejores frameworks de temas del mercado para ayudarlo a elegir el mejor para su sitio.
En este artículo, explicaremos claramente qué es un framework de tema de WordPress. También discutiremos diferentes tipos de frameworks de temas y analizaremos los pros y los contras de usarlos. Finalmente, le mostraremos algunos de nuestros frameworks de temas favoritos.
Al final de este artículo, comprenderá qué son los frameworks de temas de WordPress y si son una buena opción para su sitio web.
Tabla comparativa de frameworks de temas de WordPress
Si tiene prisa, puede echar un vistazo rápido a esta tabla comparativa para ver qué frameworks pueden satisfacer sus necesidades.
| # | Framework | Mejor para | Precios | Versión gratuita |
|---|---|---|---|---|
| 🥇 | Genesis | Base de código para desarrolladores | $360/año | ❌ |
| 🥈 | Divi | Diseño visual para no programadores | $89/año | ❌ |
| 🥉 | SeedProd | Páginas de destino y personalización de temas | $99.50/año | ❌ |
| 4 | Themify | Diseño de diseño versátil | $69 | ❌ |
| 5 | Beaver Builder | Desarrollo rápido y flexible | $99/año | ✅ |
Aquí hay un resumen de las cosas que cubriremos en este artículo:
- Cómo probamos y revisamos los frameworks de temas de WordPress
- ¿Qué es un framework de tema de WordPress?
- ¿Cuáles son los pros y los contras de usar frameworks de temas?
- ¿Debería usar un framework de tema?
- Our Pick of the Best WordPress Theme Frameworks
- ¿Cuál es el mejor framework de tema de WordPress?
Cómo probamos y revisamos los frameworks de temas de WordPress
Estas son las áreas clave en las que nos enfocamos al elegir los frameworks de temas de WordPress que recomendamos:
- Flexibilidad de Diseño: Analizamos qué tan bien el framework soporta diversas necesidades de diseño, incluyendo opciones de personalización, control de diseño de página, configuraciones de tipografía, esquemas de color y manejo de elementos visuales. Un framework excelente debe ofrecerte una amplia gama de opciones de personalización visual sin ser demasiado restrictivo.
- Facilidad de Uso: Priorizamos los frameworks que ofrecen una experiencia amigable, ya seas desarrollador, diseñador o principiante. Esto incluye una interfaz intuitiva, documentación clara y una curva de aprendizaje razonable.
- Opciones de Personalización: Consideramos cuánta personalización es capaz de ofrecer el framework. Un framework excelente te permitirá crear temas hijos personalizados, implementar tu propio código y desarrollar funcionalidades personalizadas sin ser demasiado restrictivo.
- Comunidad y Soporte: Evaluamos si el framework cuenta con una comunidad sólida, documentación y recursos de soporte disponibles. Una comunidad grande y activa significa que habrá más ayuda, orientación y recursos de terceros disponibles.
¿Por qué confiar en WPBeginner?
En WPBeginner, usamos el framework Genesis para nuestro propio sitio web y usamos regularmente SeedProd y otros frameworks.
Además, nuestro equipo de profesionales tiene más de 16 años de experiencia usando WordPress, creando y manteniendo sitios web, y apoyando a usuarios.
Usamos y probamos cada plugin y herramienta que aparece en nuestro blog para asegurar que cumplen nuestros altos estándares. Para más detalles sobre este proceso, consulta nuestras directrices editoriales completas.
¿Qué es un framework de tema de WordPress?
Un framework de tema de WordPress contiene múltiples archivos utilizados para crear un tema de sitio web. Incluye las funciones principales de un tema, pero no el estilo y el diseño.
Puedes pensar en un framework de tema como un tema padre que necesita ser instalado junto con un tema hijo. El tema hijo entonces determina cómo se ve el sitio web.
Sin embargo, en lugar de dividir realmente el tema en múltiples partes como 'padre' y 'hijo', los desarrolladores simplemente incluyen todo el código en una sola instalación, que es el framework.
A los desarrolladores les gusta usar frameworks de temas porque les permite reutilizar mucho del mismo código para muchos sitios diferentes. Pueden crear fácilmente muchos temas hijos diferentes para sitios que necesitan ser estilizados de manera distinta sin tener que reescribir muchas de las mismas funciones.
Eso es porque los temas hijos son creados por el framework para heredar toda la funcionalidad del framework del tema sin el peligro de perder personalizaciones o funcionalidades.
Verás, en los primeros días de WordPress, hubo algunos problemas cruciales con la forma en que se desarrollaban y mantenían los temas de WordPress.
Un gran problema era que no había una buena manera de actualizar temas de WordPress sin perder el código personalizado agregado al tema por los usuarios.
Antes de que existieran los frameworks, los desarrolladores solo podían reutilizar el mismo código copiándolo y pegándolo en todos sus temas.
Esto creaba una preocupación de seguridad en WordPress. Por ejemplo, si había una vulnerabilidad de seguridad en un tema, no había una forma rápida de aplicar un parche a todos los demás temas que se basaban en el mismo código.
Para abordar este problema, el equipo principal de WordPress y la comunidad idearon los temas padre e hijo.
Con los frameworks, es extremadamente fácil lanzar una actualización sin modificar nada personalizado dentro del tema hijo. Este método te permite mantener fuerte el "framework" de tu sitio sin modificar su apariencia.
¿Cuáles son los pros y los contras de usar frameworks de temas?
Hay algunas ventajas y desventajas en el uso de un framework de temas de WordPress en tu sitio. Echemos un vistazo a ambas.
Ventajas (Pros)
- Comunidad – La mayoría de los frameworks de temas populares tienen enormes comunidades detrás. Esto hace que sea mucho más fácil obtener respuestas a tus preguntas de soporte. Por ejemplo, puedes ver foros de soporte para temas específicos en WordPress.org y resolver tus consultas.
- Funcionalidad incorporada – Los frameworks de temas a menudo vienen con widgets, bloques y otras características incorporadas. Obtienes más control sobre la personalización y puedes editar fácilmente fuentes y colores y probar diferentes estilos. Muchos frameworks y constructores de temas como SeedProd también vienen con plantillas preconstruidas y ofrecen un constructor de arrastrar y soltar.
- Calidad del código – A menudo, los frameworks de temas se revisan entre pares, por lo que es mucho más probable que sigan todas las mejores prácticas. Esto es esencial ya que el tema de tu sitio web será adaptable y ligero. Un sitio web de carga rápida también impulsará tu SEO de WordPress.
- Actualizaciones – La capacidad de actualizar sin perder ninguna personalización de estilo es una gran ventaja. Esto también es útil al restaurar tus copias de seguridad del sitio web. Las personalizaciones de tu tema permanecen intactas y no tienes que volver a realizarlas.
Desventajas (Contras)
- Código innecesario – Los frameworks a menudo vienen con toneladas de funcionalidad incorporada que podrías no usar. Sin embargo, si el framework está bien codificado, esto no debería afectar tu sitio en absoluto.
- Limitaciones del framework – A menudo, los frameworks tienen limitaciones. Si deseas personalizar mucho tu sitio, es posible que tengas que sobrescribir archivos principales instalando un tema hijo especial, incluso si el framework se encarga de eso por ti.
- Precio – La mayoría de los frameworks de temas no son gratuitos u ofrecen funciones limitadas en su versión gratuita. Hay una tarifa única o una tarifa anual para recibir actualizaciones y soporte. Sin embargo, si optas por constructores de temas, obtienes más valor por tu dinero, y los planes de inicio tampoco son tan caros.
¿Debería usar un framework de tema?
Si eres un desarrollador que está aprendiendo a crear tus propios temas de WordPress, entonces puedes usar un framework de temas para reducir tu tiempo de desarrollo.
Por otro lado, si eres una pequeña empresa, puedes comprar un framework de temas y un tema hijo para usar en tu sitio web. A menudo, al comprar un framework de temas, obtienes acceso a muchos temas hijos diferentes a la vez.
Por ejemplo, Genesis tiene excelentes temas hijos para diferentes industrias que puedes usar y personalizar fácilmente para tus propias necesidades.
Otra ventaja de usar un framework para tu sitio es que una vez que aprendes a usarlo, puedes cambiar fácilmente de diseño sin tener que aprender un tema o framework completamente nuevo.
Nuestra selección de los mejores frameworks de temas de WordPress
Hay muchísimos frameworks de temas de WordPress disponibles. Aquí tienes algunos de los mejores frameworks de temas que recomendamos para diferentes usos.
1. Framework de temas Genesis
Basándonos en nuestra propia experiencia, recomendamos usar el Genesis Theme Framework de StudioPress. Viene con una biblioteca de código sólida como una roca que está altamente optimizada para la velocidad y el rendimiento de WordPress.
En WPBeginner, usamos un tema personalizado que creamos sobre el Genesis Framework. Elegimos este framework porque viene integrado con toneladas de características geniales, incluyendo múltiples diseños, clases personalizadas de publicaciones para cada entrada, migas de pan y navegación numérica.
Sin embargo, nos gusta que Genesis no esté sobrecargado con demasiadas funciones adicionales, por lo que puedes elegir los plugins de WordPress específicos que necesitas para tu sitio web.
Hay docenas de temas hijos disponibles para Genesis que se pueden instalar y personalizar fácilmente. Además, si te registras en WP Engine para tu hosting de WordPress, obtienes acceso a Genesis y a todos los temas hijos gratis.
StudioPress ahora es parte de WP Engine. Puedes obtener este tema y los más de 35 temas de StudioPress cuando te registras para el hosting de WP Engine para construir tu sitio web.
Bono: Los usuarios de WPBeginner también obtienen un 20% de descuento adicional. ¡Empieza hoy mismo con WP Engine!
Ventajas de Genesis:
- Construido pensando en las mejores prácticas de SEO
- Incluye sólidas funciones de seguridad y se actualiza regularmente
- El código eficiente y los tiempos de carga rápidos garantizan un rendimiento rápido del sitio web
- Cuenta con una gran comunidad de desarrolladores y usuarios
- Los temas de Genesis responden a dispositivos móviles
Desventajas de Genesis:
- A los principiantes les puede resultar difícil comprender el uso de hooks y filtros de Genesis
- Alto costo de compra inicial
- No incluye un constructor de páginas visual
Por qué recomendamos Genesis: Genesis es uno de los frameworks de temas de WordPress más populares. Es ideal para desarrolladores que desean una base sólida, segura, de alto rendimiento y amigable con el SEO para su tema.
2. Divi
Divi es un popular tema de WordPress de arrastrar y soltar. En realidad, es un framework de temas, aunque no utiliza temas hijos reales. En su lugar, utiliza un constructor de temas y diseños, que mantienen tus personalizaciones seguras cuando se actualiza el framework.
Hemos probado Divi a fondo y puedes obtener más información en nuestra detallada reseña de Divi.
Usando el potente constructor de páginas de arrastrar y soltar, puedes importar fácilmente plantillas personalizadas o usar cientos de diseños predefinidos para crear tus propias páginas y sitios según sea necesario.
Ventajas de Divi:
- Editor visual de páginas en tiempo real
- Personaliza casi todos los aspectos del diseño de tu sitio
- Adaptable a dispositivos móviles para que se vea bien en cualquier pantalla
- Actualizado frecuentemente con nuevas funciones
- Comunidad grande y activa
Desventajas de Divi:
- Las extensas funciones pueden generar tiempos de carga más largos
- La cantidad de opciones y configuraciones puede abrumar a los usuarios nuevos
Por qué recomendamos Divi: Divi es un tema popular de WordPress y un constructor visual de páginas con capacidades de diseño avanzadas y muchas funciones.
3. SeedProd
SeedProd es el mejor tema y constructor de páginas de destino para WordPress. Es un plugin fácil de usar que te ayuda a crear temas personalizados sin tocar una sola línea de código.
Esto ha permitido que algunas de nuestras marcas asociadas diseñen sus sitios web completos utilizando SeedProd. Estos incluyen Duplicator, WPForms, WP Charitable y el propio SeedProd.
Puedes aprender más sobre este intuitivo constructor de temas en nuestra reseña completa de SeedProd.
La mejor parte es que obtienes más de 300 kits de plantillas de temas, más de 90 bloques para personalizar, un constructor de temas de arrastrar y soltar, y más. De esta manera, puedes crear sitios web para cualquier tipo de nicho.
SeedProd es una solución completa para lanzar sitios web de negocios. En cada kit de plantillas, obtienes una página de inicio, páginas de destino, una página de contacto y más. Simplemente puedes reemplazar el texto e imagen de ejemplo para empezar.
Además, SeedProd incluso viene con un constructor de temas con IA que puede crear un tema completo en solo segundos. Para más detalles, consulta nuestra guía sobre cómo crear un sitio web de WordPress con IA.
Ventajas de SeedProd:
- Interfaz intuitiva de arrastrar y soltar para crear diseños de página personalizados
- Proporciona plantillas diseñadas profesionalmente para varios tipos de páginas
- Diseñado para ser rápido y eficiente, mejorando los tiempos de carga de página
- Diseñado para crear páginas de destino de alta conversión, con funciones como análisis integrados, gestión de suscriptores y elementos enfocados en la conversión
- Ofrece bloques y secciones que se pueden personalizar, incluyendo formularios de contacto, temporizadores de cuenta regresiva e íconos de redes sociales
- Las páginas son totalmente responsivas
Contras de SeedProd:
- Enfocado principalmente en la creación de páginas de destino individuales en lugar de diseños de sitios completos
Por qué recomendamos SeedProd: SeedProd es un popular plugin de WordPress conocido por sus capacidades de constructor de páginas de arrastrar y soltar. También ofrece funciones intuitivas para crear y personalizar temas de WordPress.
4. Themify
Themify es un framework de temas de WordPress de arrastrar y soltar con más de 42 temas, un potente constructor de páginas, muchos complementos y plantillas adicionales, y más.
Puede aprender sobre nuestras experiencias probando este framework en nuestra reseña de Themify Builder.
Esto permite a los desarrolladores y propietarios de sitios web crear un sitio web sin escribir ningún código. Además, obtienes 11 plugins y archivos de Photoshop para todos los temas.
Pros de Themify:
- Constructor de páginas integrado de arrastrar y soltar
- Diseños predefinidos y plantillas de sección
- Muchas opciones de personalización
- Colección de temas adecuados para varios nichos
- Los complementos incluyen sliders, lightboxes e integración con WooCommerce
- Todos los temas son responsivos
- Los temas están diseñados teniendo en cuenta las mejores prácticas de SEO
Contras de Themify:
- A veces puede generar tiempos de carga más lentos
- Las numerosas opciones y configuraciones requieren una curva de aprendizaje
- La personalización avanzada puede requerir CSS o PHP personalizado
Por qué recomendamos Themify: Themify es un popular proveedor de temas de WordPress conocido por su constructor de arrastrar y soltar y su amplia gama de temas y complementos. Ofrece un marco versátil para diseñar y personalizar sitios de WordPress.
5. Beaver Builder
Beaver Builder es un popular constructor de páginas de WordPress que viene con un complemento Beaver Themer, que lo ayuda a funcionar como un marco completo. Esto le permite crear páginas de destino personalizadas, así como temas completos de WordPress sin escribir código.
Hemos analizado de cerca Beaver Builder y sus características, y puede conocer nuestras experiencias al usarlo en nuestra detallada reseña de Beaver Builder.
Ofrece plantillas de temas con diferentes diseños de página. También puede crear diseños para productos de WooCommerce, páginas 404, páginas de búsqueda y más. Además, Beaver Builder le permite crear diferentes partes como encabezados, barras de anuncios, botones de llamada a la acción y más.
Ventajas de Beaver Builder:
- Interfaz intuitiva de arrastrar y soltar
- Con la edición en vivo en el front-end, los usuarios pueden ver los cambios en tiempo real
- Sus módulos y widgets se pueden usar para diseñar casi cualquier tipo de página
- Funciona bien con cualquier tema de WordPress
- Genera código limpio que mejora la velocidad del sitio
- Las páginas creadas con Beaver Builder son totalmente responsivas
- Para usuarios avanzados, el complemento Beaver Themer te permite diseñar encabezados, pies de página y tipos de publicación personalizados
- El plugin se actualiza regularmente
Desventajas de Beaver Builder:
- Se enfoca en el diseño a nivel de página en lugar de la personalización completa del tema
- Diseños o personalizaciones más complejos pueden requerir tiempo para aprender
Por qué recomendamos Beaver Builder: Beaver Builder es un popular constructor de páginas de WordPress que permite a los usuarios crear diseños y diseños personalizados con una interfaz de arrastrar y soltar. A menudo se considera junto con otros frameworks de temas de WordPress debido a su versatilidad y facilidad de uso.
¿Cuál es el mejor framework de tema de WordPress?
El mejor framework de temas para ti depende de tu nivel de habilidad y la cantidad de tiempo y dinero que estés dispuesto a invertir.
Para desarrolladores, recomendamos usar Genesis. Han existido por más tiempo, y el framework de temas Genesis está altamente optimizado para SEO y rendimiento.
Para usuarios promedio que desean crear un sitio web para su negocio o blog, recomendamos usar frameworks de arrastrar y soltar como Divi, SeedProd y Themify. No requieren ninguna habilidad de codificación para empezar y son súper flexibles.
Esperamos que este artículo te haya ayudado a aprender más sobre los frameworks de temas de WordPress y sus pros y contras. También te puede interesar nuestra guía sobre cuánto cuesta construir un sitio web de WordPress y nuestra comparación de temas de WordPress gratuitos vs. premium.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
Rajiv
Tengo curiosidad por saber si todavía recomiendas usar el Genesis Framework. Lo he estado usando por más de 6 años. Estoy pensando en cambiar a otros populares como GP o Astra.
Soporte de WPBeginner
It is still a framework we recommend, there is nothing wrong with trying other frameworks to see if you prefer those
Administrador
Mrteesurez
El Genesis Framework sigue siendo una opción sólida, especialmente si te ha funcionado bien durante más de seis años. La clave es seguir usándolo siempre que continúe recibiendo actualizaciones y cumpla tus objetivos. Sin embargo, si buscas algo con más flexibilidad o características modernas, Astra y GeneratePress también son excelentes opciones.
Antes de cambiar, ten en cuenta las posibles implicaciones, como perder algunas personalizaciones o tener que reconfigurar el diseño de tu sitio. Si Genesis todavía te funciona y se mantiene actualizado, puede que no haya una necesidad apremiante de cambiar, a menos que estés buscando específicamente nuevas características u opciones de diseño que ofrezcan otros temas.
Jiří Vaněk
Entonces, ¿debo entender un framework como algo que esencialmente actúa como una plantilla principal y una plantilla hija? ¿Significa que el framework es básicamente un esqueleto con código que no cambia, y luego se le agregan estilos y personalizaciones adicionales en forma de plantilla hija? Por lo tanto, a partir de un framework principal, se pueden crear muchas plantillas visualmente diferentes, pero todas tienen la misma base sólida (framework). ¿Es correcto? Todavía estoy un poco perdido, así que no estoy seguro de si lo entiendo correctamente.
Soporte de WPBeginner
Yes, that is correct
Administrador
Diane Caron
Estoy tratando de aprender y comprender el mundo de los sitios web y la creación de sitios web, así como los blogs y su desarrollo.
Cuando se usa la palabra 'framework', su significado es una selección de código específico utilizado para construir un sitio web o un blog.
Si uso la analogía entre el marco de un sitio web y la construcción de la estructura de una casa, el marco de los montantes de madera es como el marco para la construcción de sitios web, excepto que es código. Mientras que el perímetro exterior de la estructura de madera es el "marco principal" que generalmente permanece igual. El marco interior de madera es el marco secundario que se puede modificar sin cambiar el marco principal.
¿Es esta una analogía buena y correcta? ¿Es esto lo que quieres decir cuando dices marco principal y secundario en lo que respecta a sitios web y blogs?
Soporte de WPBeginner
Es lo más cercano que podría llegar esa analogía. Te recomendamos volver a leer nuestra guía para conocer los detalles.
Administrador
Adrian Lightfoot
¿Editas Genesis en sí o el tema secundario que se le añade?
Soporte de WPBeginner
Normalmente querrás editar el tema secundario.
Administrador
Johanna
Otra desventaja de usar un framework es si el creador es un negocio unipersonal que decide cerrar y dejar de dar soporte y desarrollo adicional.
Con el desarrollo continuo de Wordpress, las versiones de PHP y los plugins, es importante que el framework/temas también se mantengan al día con los cambios para seguir siendo compatibles.
Soporte de WPBeginner
Si bien no es específico de los frameworks, eso es algo a considerar también.
Administrador
Krayl
¡Gran artículo! Dado que este artículo fue escrito en 2012, ¿todavía recomendarías usar los frameworks sugeridos o hay opciones más actuales que sugerirías en 2018
.
¡Gracias de antemano!!
Soporte de WPBeginner
Hola Krayl,
Todavía recomendamos el framework de temas Genesis.
Administrador
Arif chy
Muchas gracias, señor, por más contenido valioso. Quiero saber qué tema hijo se ha utilizado para wpbeginner de studiopress? Por favor, hágame saber, me ayudará mucho.
Soporte de WPBeginner
Hola Arif,
Usamos un tema hijo personalizado hecho específicamente para nuestro sitio web.
Administrador
Paul
Artículo conciso y bien escrito, su sitio es un excelente recurso. ¡Gracias!
Hiwa
Estimado wpbeginner, gracias por la buena ayuda.
Tengo un sitio web, al principio se basaba en Web2py del lenguaje de programación Python, luego lo cambié de Web2py a Django, y después decidí usar WordPress porque Python me tomaba más tiempo que WordPress, y ahora estoy usando WordPress. Estoy de acuerdo con WordPress y quiero diseñar un tema para mí, pero no sé qué framework usar que sea bueno para la velocidad y las herramientas. Leí el artículo pero necesito más ayuda.
¿Qué framework me sugieres usar?
Muchas gracias.
Soporte de WPBeginner
Hola Hiwa,
Puedes empezar con underscores, no es un framework sino un esqueleto de tema sobre el cual puedes construir. Si realmente quieres trabajar con un framework, entonces te recomendamos Genesis.
Administrador
Joe Calka
Hola
He estado usando WordPress durante unos 2 años y me encanta su sitio, he aprendido muchísimas cosas. Uso Genesis Framework para construir mis sitios. No soy un experto en codificación, pero me encanta la funcionalidad de este framework....
George
Hola,
Gran publicación y útil.
¿Podría alguien aconsejarme qué es un framework de WordPress? Estoy usando el tema gratuito 2016. Además, ¿qué es el framework Genesis de Studio Press? ¿Puedo usarlo solo o necesito un tema hijo con él?
Soporte de WPBeginner
Hola George,
Genesis es un Framework de Temas. Necesitarás un tema hijo con él.
Administrador
George
Genial, gracias por la aclaración.
Deepak Singla
Buen post. Los frameworks de temas de WordPress son los bloques de construcción del tema. Hay toneladas de frameworks de temas como Genesis, Cherry Framework, TemplateToaster, Headway disponibles. La elección depende de tus requisitos.
Abhishek
Gracias por esta publicación, pero. ¿Es posible desarrollar tu propio framework de temas o no?
Nilanchala
Algunos de los comentarios aquí generan más preguntas que respuestas a los problemas. Aunque no tengo experiencia en desarrollo de WordPress, creo que para sitios web con mucho tráfico, usar cualquier framework de temas podría no ser la mejor opción. Podría ser bueno para empezar y lanzar rápidamente, pero con el tiempo sentirás la necesidad de escribir tu propio tema personalizado.
En mi sitio stacktips.com, he probado muchos frameworks diferentes. Actualmente estoy atascado con Redux Framework. Cumple su propósito, pero tiene un costo. Realiza demasiadas consultas a la base de datos y muchos bloques de código inútiles que tiene que procesar antes de renderizar una página.
Por lo tanto, estoy escribiendo mi propio tema desde cero. Diseña los diseños que necesitas y coloca las plantillas requeridas. ¡Creo que ese es el camino a seguir! Dicho esto, si tu cliente tiene un presupuesto bajo, no tienes otra opción que usar algunos frameworks.
Diane Broadley
Hola, gracias por esto, muy útil. Como alguien que ha intentado aprender Wordpress durante años, lo que me resulta más difícil es entender el escenario de archivos detrás del sitio. Por ejemplo, que necesitas una carpeta de wordpress por cada sitio que construyes. Cuando lo descargas de tu host, ¿por qué no puedes elegir dónde se coloca, por qué no puedes moverlo y eso afecta a tu página de inicio personal que quizás sea un sitio separado? No puedo hacer la conexión entre un tema de wordpress inicial en tu servidor y usar un tema en línea. La información básica sobre la gestión de archivos detrás de todo es realmente difícil de encontrar y entender. Los cursos para principiantes son frustrantes porque hablan de blogs, lo que no tiene nada que ver con la construcción de un sitio. El curso de principiantes de Wordpress en Lynda parece inútil.
Esa es mi experiencia de todos modos.
Thierry Muller
Siempre aconsejo a los amantes de Genesis que echen un vistazo a Beans Theme Framework. También es un enfoque fragmentado, pero ofrece aún más flexibilidad sin comprometer el rendimiento.
Esto, combinado con UIkit (carga solo lo que necesitas por página), cubre prácticamente cualquier tipo de diseño que podamos imaginar. La API de Beans es increíblemente potente y, con la capacidad de asignar campos (meta de publicación) a páginas de plantilla, significa que podemos tener un lado de administración que coincida con el frontend a nivel de plantilla de página.
No bloat, powerful and light weight. Oh and it is also free
Karen
That sounds VERY interesting! Thank you for the recommendation, Thierry!
Kanishk Kunal
Habiendo trabajado con Beans Theme Framework para el desarrollo de temas de WordPress, ¡estoy de acuerdo contigo, Thierry! Me encanta cómo Beans te da el poder de seleccionar qué componentes de UIkit cargar y optimiza inteligentemente la carga según las necesidades de la página.
Apenas he empezado a explorar la API de Beans y la encuentro bastante potente y fácil de usar. Dado que Beans es gratuito y tenemos una gran comunidad construyéndose a su alrededor, estoy seguro de que se convertirá en uno de los frameworks de temas de WordPress más favorecidos.
Warwick
Un gran artículo – ¡gracias por los detalles completos, y gracias Thierry por el consejo sobre Beans. ¡Lo estoy instalando ahora mismo!
sreekanth
actualmente estoy usando el tema truepixal, así que aquí está mi duda: ¿puedo usar el framework genesis en paralelo para ejecutar mi sitio web?
Tamara
Gracias por este artículo. Me está ayudando a entender lentamente toda la terminología.
Ni siquiera sabía de la existencia de los “theme frameworks” hasta hace unos 10 minutos, pero puedo tomar cualquier tema que me guste y personalizarlo con un Child Theme. Así que todavía no entiendo bien la diferencia o la relación entre un Framework y un Parent Theme.
¿O estás diciendo que el framework no es un tema en sí mismo, sino más bien la caja de herramientas que un diseñador de temas utiliza para crear un tema principal? ¿Y el usuario promedio como yo instala y quizás modifica el tema principal? ¿Hay alguna razón por la que deba preocuparme por los frameworks si no soy diseñador?
Soporte de WPBeginner
Exactamente, un Theme Framework te proporciona un conjunto de herramientas que puedes usar fácilmente en tu tema.
Administrador
Roberto
Great article! Finally something that makes sense regarding theme frameworks.
Thanks.
Pete Gregory
¡Artículo sobresaliente y aprecio especialmente que menciones la curva de aprendizaje involucrada para usar estos frameworks! Muchos novatos no entienden la cantidad de trabajo asociada con la construcción de cualquier sitio web personalizado, pero estos frameworks, una vez aprendidos, facilitan las cosas. Personalmente, me gusta iThemes Builder, pero está más orientado a un tipo desarrollador con al menos algo de experiencia en código.
kamlesh sharma
¡Buen post y significativo para que la gente entienda qué es un framework.
Como soy nuevo en el desarrollo web, ¿aún puedo usar el framework Genesis?
No tengo ni idea de códigos ni nada. ¿Puedo hacer un sitio web robusto y decente usando Genesis...?
Eric Gross
Muy bien, déjenme a mí reabrir una publicación de 2012, pero bueno, sigue siendo relevante para aquellos que se adentran en el diseño web. He estado usando una suscripción a Elegant Themes, un precio súper económico que da acceso a todos sus temas, pero según entiendo, no hay framework. Simplemente instalas sus temas, algunos de los cuales tienen las funciones que mencionaste como sliders, o usas plugins de calificación. Crea un tema hijo, ajusta el CSS, incluso tienen un ePanel para agregar tu código de análisis, subir un logo... Pero estoy listo para ese siguiente paso...
Desde mi punto de vista, veo los frameworks como una forma más robusta de agregar funciones a un sitio, que por ejemplo, agregar plugins. Compras un framework con el entendimiento de que un equipo de programadores locos está verificando para asegurarse de que sus archivos php que habilitan el comercio electrónico no entren en conflicto con su código js ya existente que permite traducir una página al español. ¿Estoy en lo correcto? Quizás algunos ejemplos ayudarían. Específicamente, la "curva de aprendizaje" para utilizar el poder del framework sería agradable.
Mi trabajo es de experiencia en SEO, lo que plantea la preocupación sobre la velocidad de la página. Para SEO, una página que carga más rápido se clasifica mejor que una lenta. Si un sitio está construido sobre un tema que tiene numerosas capacidades, pero tu sitio no las usa, ¿eso podría estar afectando la velocidad de tu página? En Desventajas, haces la afirmación de que esto “no te influye directamente”. Me hace preguntarme ¿para quién fue escrito este artículo y quién se ve influenciado por código innecesario?
Gracias de antemano, solo estoy tratando de entender las cosas, gran sitio web. Sigan con el buen trabajo.
Eric Gross
¿Entonces tengo razón? El beneficio de los frameworks es que te beneficias de la fortaleza de un equipo que desarrolló el framework, para evitar tiempos de inactividad.
¿Y qué pasa con mis preocupaciones sobre la velocidad de carga? Gracias.
Patrick
Cita: Nuestra elección
Hay muchísimos frameworks de temas de WordPress disponibles. ….. Sí, necesitas tener habilidades de desarrollo para codificar un tema hijo para esto.
Puedes usar el plugin Genesis Extender, que tiene un constructor de CSS y un constructor de PHP, así que eso se encarga de las habilidades de desarrollo.
El plugin Genesis Extender es de Cobalt Apps. Puedes diseñar cualquier tema con el constructor de sitios web Dynamik si no tienes un tema hijo de Genesis.
El plugin Genesis Extender es tan potente como el constructor de sitios web Dynamik, pero si tienes un tema hijo de Genesis, usa el plugin Genesis Extender.
El constructor de sitios web Dynamik tiene tres componentes: Configuración Dynamik, Opciones de diseño Dynamik y Opciones personalizadas Dynamik. El plugin Genesis Extender tiene dos componentes: Configuración Extender y Opciones personalizadas, que son los mismos componentes que en el constructor de sitios web Dynamik.
No he visto nada tan potente como el constructor de sitios web Dynamik o el plugin Genesis Extender. Lo más cercano podría ser DMS (Sistema de gestión de diseño de arrastrar y soltar) de PageLines.
Shreyans
Algo que quería saber desde hace mucho tiempo. Gracias.
Kamran Abdul Aziz
Buen post y significativo para que la gente entienda qué es un framework.
Como soy nuevo en el desarrollo web, ¿aún puedo usar el framework Genesis?
No tengo ningún conocimiento de códigos ni nada. ¿Puedo hacer un sitio web robusto y decente usando Genesis?
Srihari Thalla
Como dijiste que “no tienes ni idea de códigos”, no te recomendaría Genesis en este momento. Continúa con Headway Themes. Es un framework completo de arrastrar y soltar y no necesitas ningún conocimiento de codificación.
Later, when you develop your coding skills, you are ready to move on with Genesis
Kamran Abdul Aziz
Its been a year now & am ready to go with Genesis.
Melanne
Cuando dices que se necesita conocimiento de codificación para crear un tema hijo para Genesis, ¿cuánto conocimiento de codificación quieres decir? Ahora mismo creo temas hijos para Twenty Eleven, y los únicos archivos con los que trabajo son style.css y ocasionalmente algunos archivos php, aunque solo ediciones muy menores. ¿Podré codificar un tema hijo para Genesis o necesito saber cómo escribir php para hacerlo?
Lori
¡Hola!
Gracias por compartir esta información. Lo que no entiendo sobre los temas framework y padre que trabajan con uno hijo es:
1) Cuando estoy creando un nuevo tema para vender, por ejemplo, ¿comprimo tanto el tema padre como el hijo juntos y los hago dos para instalar como uno que se basa en el otro? ¿O desarrollas el nuevo tema anulando el padre (pero de esta manera todas las futuras actualizaciones del tema padre no se pueden hacer correctamente)?
2) Un framework en realidad no es un tema y supongo que no es un tema independiente, entonces, ¿cómo puede usarlo un desarrollador? ¿Pegando el código necesario? ¿O poniendo la carpeta del framework DENTRO de la carpeta del nuevo tema e incluyendo y llamando a las funciones necesarias?
Sorry, I’m just starting right now developing with wordpress and i’m quite confused
However, i’m building my first personal parent theme
¡Gracias por responder!
Personal editorial
1. La mayoría de las empresas ofrecen el tema padre como una descarga separada. Si posees tanto el tema padre como el tema hijo, entonces podrías seguir la misma ruta que otros. Si estás vendiendo un tema hijo de otro framework, entonces deberías dirigir a las personas a obtener ese framework (ya sea gratuito o de pago).
2. Los frameworks son temas en sí mismos, pero tienen ganchos que otros desarrolladores pueden usar para personalizar cosas sin anular un archivo de tema.
Administrador
Martin
Todo esto está muy bien, pero en realidad no das una definición de "Tema". Me has convencido con el framework, pero ¿de qué es un framework? ¿Qué es realmente un tema?
Personal editorial
Tema es el diseño que ves en tu sitio de WordPress. También se le llama skin o plantilla.
Administrador
Robin Jennings
Genesis es un gran framework. Solo asegúrate de obtener un tema adaptable a dispositivos móviles de inmediato, ya que no todos lo son.
Pat Fortino
He usado genesis, woothemes, yoothemes y twentytwelve. Twentytwelve es el más fácil de entender y muy divertido y fácil de usar. Genesis es el más difícil de entender. woothemes canvas y yootheme warp están en el medio. Por nada del mundo, no entiendo el amor por genesis. Lo odio. Usar genesis es como construir un barco en una botella: nunca puedes poner las manos en el código. En cambio, pasas la mayor parte de tu tiempo de desarrollo buscando en el sitio de studeopress y en la web para descubrir cómo hacer cambios simples de código. Además, genesis es el más caro de todos y no he encontrado que el soporte sea algo más que aceptable.
Las plantillas de Yootheme son muy potentes, pero su soporte es terrible. Principalmente respuestas de voluntarios.
Utkarsh Bhatt
El amor por genesis se debe a su programa de referidos. He usado Genesis, Woothemes y prácticamente cualquier framework disponible para Wordpress, y tengo que decir que Genesis fue bastante difícil de entender, al menos al principio. Como dijiste, el mejor tema para el desarrollo es Twentytwelve.
Personal editorial
En realidad, el programa de referidos para otros temas convierte mucho mejor que Genesis porque la mayoría de la gente compra sus temas basándose en cómo se ven por fuera en lugar del código en sí. Por supuesto, crear un tema independiente funciona y probablemente sea más fácil a corto plazo simplemente ajustar algo como twenty twelve. Sin embargo, para acelerar el tiempo de desarrollo y no reinventar la rueda en cada tema... es mucho mejor pasar un tiempo entendiendo cómo funciona Genesis y luego simplemente empezar a usarlo en todo tu sitio.
Administrador
Bradley
Uso el Woo Framework. Me encantan los temas, ofrecen muchos plugins útiles (como WooCommerce) hechos específicamente para funcionar con sus temas, el soporte es excelente y puedo personalizar el backend para los usuarios.
Lara
Hola. Gracias por la publicación. Soy un diseñador web principiante y diseñé mis sitios de la manera difícil modificando el código de otras personas sin mucho conocimiento de CSS o PHP. ¿Pueden recomendarme un framework que tenga un editor visual y no requiera mucha codificación? No quiero modificar temas existentes. Quiero construir el mío. Revisé Headway y Genesis. Genesis no tiene una demostración. Headway no está mal. ¿Hay algo similar a Headway además de los mencionados en los comentarios que recomendarías? Mi problema con Headway es que no puedes superponer cuadros y tiene que haber 1 píxel entre ellos, así que estoy un poco perplejo sobre cómo ejecutar ciertos elementos de diseño donde la superposición es necesaria. ¿Quizás hay otra manera de hacerlo? Cualquier ayuda o consejo sería muy apreciado. Gracias.
Personal editorial
No encontrarás la solución que buscas. Headway es lo más cercano que conseguirás. Si buscas diseñar sitios, te recomendamos invertir tiempo en aprender la plataforma. Eso mejorará enormemente la calidad general de tu trabajo. Yo aprendí por prueba y error (exactamente lo mismo que estás haciendo). Modificando temas existentes para que funcionaran para mí. Después de un tiempo, pude crear mis propios temas. Te recomiendo encarecidamente que no te rindas. El fundador de Genesis y StudioPress aprendió de la misma manera.
-Syed Balkhi
Fundador de WPBeginner
Administrador
Lara
¡Gracias!
¿Algún consejo sobre cómo hacer que las cajas se superpongan en headway?
Chris Howard
Hola Lara
Acabo de encontrar esto.
Si todavía quieres una respuesta, Headway te permite "Empujar" bloques. Eso debería resolver tu problema. Búscalo en los estilos del modo de diseño del bloque. http://d.pr/i/NTJA
Además, ¿conoces los foros de soporte de Headway? Deberías obtener una respuesta allí.
Todo lo mejor
Bernie Roseke
"No había un solo artículo completo que explicara qué es un framework de tema de WordPress."
¡SÍ! ¡Gracias! Soy un bloguero de poca monta que leyó el libro de Darren Rowse, "Problogger", y él es un gran partidario del framework Genesis. Así que, naturalmente, fui a ver, pero no pude entender qué era un framework. He buscado en internet unas 3 horas (durante varios días). La página de StudioPress es la peor. Pensarías que si quisieran que lo compraras, deberían decirte qué es. Pero todo lo que obtienes es "WordPress es el motor, Genesis el cuerpo y el tema hijo es el trabajo de pintura"... ¿qué demonios significa eso?
Gracias por aclarar esto. Esta publicación merece un mayor rango en los motores de búsqueda. Buena suerte.
Mick
¿Sin mención de ningún framework de Automatic?
Personalmente, ME ENCANTA el framework _s. Sí, es un poco más avanzado, ¡pero tiene todo lo necesario para empezar a crear tus propios temas personalizados!
Personal editorial
De nuevo, esta no es una lista de frameworks. Hay muchísimos frameworks increíbles. El propósito de este artículo es educar a los usuarios sobre qué es un framework.
Administrador
Roland
Ok, tienes razón. Tienes que pasar algo de tiempo para aprender los ganchos especiales del framework. Pero después, el framework puede ahorrarte mucho tiempo. Yo uso Xtreme Theme y nunca me arrepiento.
Personal editorial
De acuerdo, las primeras veces toma más tiempo. Pero una vez que te acostumbras, acelera significativamente tu tiempo de desarrollo.
Administrador
Martin
En cuanto a frameworks, no hay nada en este momento tan potente como Ultimatum. Lo he estado usando por un tiempo y la parte de arrastrar y soltar te da la capacidad de crear sitios con un gran aspecto, pero si quieres más, puedes agregar fácilmente estilos personalizados y demás. He probado varios otros, pero ninguno de ellos se acerca al poder del framework Ultimatum.
Estaría atento a este nuevo contendiente en el mercado de frameworks, porque va a ser grande.
La comunidad también es excelente y muy receptiva. En resumen, ¡el mejor dinero que he gastado en el último año!
Chris Rouse
He estado usando Standard Theme de 8BIT por un tiempo. Es un framework fantástico con el que trabajar y me ha llevado de no saber nada de CSS a construir temas hijos para él (¡que de hecho están siendo usados por otros usuarios de Standard Theme!).
Empecé con temas gratuitos preconstruidos y siempre odié algo de ellos. Eran difíciles de personalizar porque no sabía dónde estaba nada ni cómo ajustarlo, y como dijiste, las actualizaciones rompían todo. Cambiar a un framework ha sido un cambio radical para mí. En lugar de buscar entre miles de temas gratuitos de mala calidad, o desear poder pagar el tema premium que se ve bien, puedo simplemente construir el tema que quiero en su mayor parte.
Otra cosa que cabe destacar de varios frameworks, incluido Standard Theme, es que varios de ellos ahora se están construyendo alrededor de Bootstrap (anteriormente conocido como Twitter Bootstrap). Esto significa que vienen con diseños responsivos integrados para diferentes tamaños de pantalla. Esto ahorra mucho trabajo al construir sitios móviles, o tener que sacrificar el diseño para usar un plugin de sitio móvil que convierte el sitio por ti en algo que no se parece en nada a tu sitio.
Melissa M. Miller
¡Uso WooThemes Canvas y me encanta!
Debra
Los temas hijos ahora tienen perfecto sentido. ¡Por fin lo entiendo! ¡Gracias! Ahora puedo pasar a los pasos 2 al 2000...
Aditya
He estado usando temas de Themify por mucho tiempo... pero con muchas recomendaciones estoy pensando en pasarme a Genesis... pero como dijiste en la publicación que Genesis es para desarrolladores y yo no soy desarrollador, pero realmente me encantan los temas de Genesis... y también tengo la intención de aprender algunas cosas sobre codificación...
Entonces, ¿debería ir con Studiopress o puedo ir con frameworks de arrastrar y soltar como Headway o Thesis ?????
Personal editorial
Si te gustan los temas hijos de Genesis, entonces úsalo. No tienes que ser un desarrollador para usarlo. Tienes que ser un desarrollador para personalizar los temas a menos que vayas con algo como Headway.
Administrador
Tushar
Gracias por este artículo, sin embargo, podría pensar en 2 cosas
1] Este tema tiene un alcance muy grande, mientras que esta publicación podría ser una parte 1 de ello
2] Este artículo parece muy limitado en torno a Genesis / Headway hacia el final.
Además, uno no debe olvidarse de los buenos frameworks gratuitos como Theme Hybrid y Gantry Framework.
He estado usando Theme Hybrid desde hace aproximadamente un año y el tipo de soporte que recibí es fenomenal. También he probado Gantry para algunos sitios de clientes y también es muy bueno para desarrolladores.
No quiero decir que Genesis sea malo, también es genial, pero cuando hablamos de WordPress en general (y no solo de Blogs), Genesis no es el final.
Thanks again
Personal editorial
Hola Tushar,
El tema “framework” es muy amplio SÍ. Sin embargo, cubrimos exactamente lo que decía el título. Está destinado a explicar qué son los frameworks. No dice que listaremos TODOS los frameworks que existen. Seguramente hay toneladas de frameworks increíbles por ahí. No los hemos probado todos. Solo podemos escribir y recomendar aquellos que hemos probado. Es exactamente por eso que pedimos a los usuarios que nos digan qué frameworks están usando. Sí, hemos oído cosas geniales sobre ThemeHybrid, sin embargo, no lo hemos probado. Es por eso que no podemos recomendarlo en el artículo.
Administrador
Zimbrul
Este es un artículo completo sobre los frameworks de WordPress, qué son y qué hacen.
Estoy usando Headway Theme, un poco de iBuilder (no me gusta mucho), Thesis y, por supuesto, Genesis. Con el lanzamiento de Thesis 2.0, Genesis se convirtió en mi framework de WordPress favorito y las razones son simples: código limpio, fácil de modificar, fácil de hacer modificaciones básicas sin ensuciarse las manos con CSS, simple de entender incluso para alguien con poca o ninguna experiencia con frameworks. Lo bueno que se puede decir de Genesis es que cuanto más lo conoces, más quieres aprender. Y, por supuesto, el soporte. El soporte para el framework Genesis es el mejor que he encontrado en el mercado. Nunca cerré un ticket de soporte sin recibir respuesta y que el problema fuera aclarado.
Headway Theme es increíble, puedes hacer grandes cosas con él SI TIENES SUFICIENTE IMAGINACIÓN EN DISEÑO (no es mi caso).
Karen F
¿Por qué omitieron el Builder Framework? Es realmente fabuloso, con una comunidad y personal de soporte de primera categoría. Sueno como si los estuviera promocionando, ¡pero no es así! Pero es realmente genial, muy utilizado, ¡y me desconcierta que no lo mencionen! Además, me encantaría escuchar su evaluación de sus pros y contras y compararlo con otros Frameworks. Y Builder tiene un alcance más amplio en cierto modo, entre sus plugins BackUp Buddy y su WebDesignUniversity.com, de donde he aprendido MUCHO con sus seminarios web sobre todo lo relacionado con WordPress. Honestamente, le están haciendo un flaco favor a la comunidad de WP al excluirlos. Y de nuevo, ¡no estoy asociado con ellos más que como cliente!
Personal editorial
Hola Karen,
Conocemos a la gente de iThemes y somos buenos amigos de ellos. Sí, Builder es un gran framework. Este artículo no pretende enumerar todos los frameworks disponibles. Hay muchos otros artículos que lo hacen bien. El punto de este artículo era destacar qué es un framework, por qué deberías usarlo, sus pros y contras, y luego nuestra elección. Creemos que hicimos un buen trabajo al cubrir lo que el artículo pretendía cubrir. Es exactamente por eso que pedimos a los usuarios que sugieran qué framework usan y aman. En cierto sentido, eso es hacerle un gran servicio a la comunidad. Un lector puede venir a aprender sobre frameworks y luego ver qué usan y recomiendan otros.
Gracias por visitarnos y comentar.
Administrador
Karen F
¡JAJA! ¡Tienes razón! Cuando releí tu publicación, ¡SÍ estabas pidiendo la experiencia de todos con los Frameworks! Bueno, ¡que mi ruuuusssshhhh de ondear la bandera del equipo de iThemes sea un testimonio de su fabulosa comunidad y la lealtad que inspira! Perdón por haberme adelantado. Y sería genial que evaluaran las fortalezas de los principales Frameworks.
Pandoon
¿Y qué hay de la velocidad? Hay mucho código innecesario, ¿entonces carga más lento?
Personal editorial
Depende de qué framework estés hablando.
Administrador
Rusho
Todos los temas listados en este artículo son comerciales. Deberías mencionar algunos frameworks gratuitos como Granty o Thematic Framework. De todos modos, el tema es útil.
chris kluis
¿Qué hay de Roots?
Fred Romano
¡StudioPress y Genesis son geniales! Nunca volveré a otros frameworks después de usar Genesis. El código es limpio y "libre de hinchazón" en comparación con la competencia. ¡Estos chicos también brindan un soporte increíble!
Carrie Dils
Me topé con Genesis hace unos 18 meses y nunca he mirado atrás. El pro que mencionas de "comunidad" realmente se lleva la palma. No puedo hablar por otras comunidades de frameworks, pero el grupo de usuarios y desarrolladores alrededor de StudioPress es EXCEPCIONAL.
En cuanto a la flexibilidad, realmente no me ha molestado demasiado. De nuevo, el equipo de desarrollo principal de StudioPress ha demostrado un deseo continuo de crecer y expandir las capacidades de Genesis.
If you can’t tell, I’m sold.
Thanks for the write-up. All that said, Genesis is a framework more geared toward developers and it’s nice to know others that might be better suited for a different kind of user.