¿Qúe se Debe Saber Sobre Temas Hijos de WordPress?

Un tema hijo en WordPress es un tema que tiene la funcionalidad de un tema principal. Si se usa los temas hijos, se puede agregar o modificar el diseño y la funcionalidad del tema principal sin tener que modificar el tema principal. Esto significa que se puede actualizar el tema principal cuando una nueva versión aparece y guardar todos los cambios anteriores. Para crear un tema hijo, es necesario crear una carpeta de temas y agregar el archivo style.css con el título correspondiente.

Por ejemplo, una situación muy simple. Usted ha comprado un Tema adaptable de WordPress con un montón de páginas, widgets, códigos cortos, configuraciones, temas, etc. Usted necesita cambiar la combinación de colores y añadir un par de ajustes visuales. En esta situación Usted tiene dos opciones:

Opción #1: abrir un archivo del tema ya hecho y encontrar docenas de ficheros. Usted tendrá que entender la estructura de este tema y encontrar los ficheros que tiene que modificar.

Opción #2: utilizar el tema hijo.

¿Qúe es un Tema Hijo?

Tema Hijo de WordPress usa la funcionalidad del tema principal, que puede ser modificada de cualquier manera. En este caso, el tema principal es el núcleo - el framework, todos los cambios visuales aparecerán en el tema hijo. En otras palabras, si tiene que cambiar el estilo del tema, Usted tendrá que trabajar con el fichero de estilos, sobrescribiendo las propiedades y dejando otros ficheros sin cambios.

La creación del tema hijo es muy simple. Cree un directorio por medio de FTP o cualquier aplicación de gestión de ficheros de su proveedor de hosting, agregue un fichero style.css con el formato correcto a este directorio y Usted obtiene el tema hijo.

El tema hijo tiene la cabecera “Template: parent-theme-dir” para que se pueda distinguirlo de los temas independientes. Con un poco de conocimientos de HTML y CSS, Usted puede crear un tema hijo básico y modificar el estilo y el diseño del tema principal sin tener que editar los archivos del tema principal. De esta manera, cuando el tema principal es actualizado, sus modificaciones son guardadas.

***

Se puede encontrar el tema hijo en su propia carpeta dentro de la carpeta wp-content/themes de WordPress. Esta carpeta puede tener varios nombres pero ella debe contener el fichero style.css.

La Estructura del Tema Hijo

El único fichero que tenemos que modificar en el tema hijo es style.css, donde tenemos que cambiar las líneas:

1
2
3
4
5
6
7
8

/*
Theme Name:     myFramework child
Description:    myFramework child description
Author:         Your Name
Author URI:     http: //demolink.org/
Template:       myFramework
Version:        1.0
*/

En este fichero encontrará todos los campos ya conocidos (si modificó otros temas antes). Pero eche un vistazo al campo Template. Allí tenemos que especificar el nombre de la carpeta del tema hijo (myFramework). Así, el tema hijo entenderá que plantilla es el tema principal.

Luego en el fichero style.css podemos duplicar la plantilla del estilo, pero vamos a usar @import para hacerlo:

1

@import url("../myFramework/style.css");

Eso es todo - un tema hijo báscio está listo, todo lo que tiene que modificar es el fichero style.css. Pero vamos a mostrar cómo se puede  trabajar con funciones en el tema hijo.

Las Funciones en el Tema Hijo

Se puede encontrar las funciones de cualquier tema en el fichero functions.php. Pero hay algunas peculiaridades del uso de functions.php en el tema hijo: el fichero functions.php del tema hijo se carga antes del fichero functions.php del tema principal. Para entender si las funciones funcionan, tenemos que comprobar si ellas existen:

1
2
3
4
5

if ( ! function_exists( 'YOUR_FUNCTION' ) ) {

...

}

Otros Ficheros del Tema

Si Usted quiere modificar la estructura de algunos elementos en el tema hijo (cabecera, pie de página, plantillas de páginas), todo es muy fácil. Los ficheros del tema hijo (single.php, page.php, ...) funcionan de la misma manera como el fichero style.css, anulando los ficheros del tema principal (un fichero index.php puede ser anulado sólo en WordPress 3.0.).

¿Para qúe Necesitamos Ellos?

Es una práctica bastante común, cómoda y segura para personalizar temas ya hechos. No estamos modificando el tema principal, y nos permitirá obtener las actualizaciones oportunas, mejorar el tema principal, y corregir rápidamente los errores.

Frameworks de WordPress

El tiempo pasa, pero las preferencias de los usuarios no cambian mucho. Aquí ofrecemos una lista de los mejores frameworks de WordPress.

Thesis Framework

Thesis, por DIYthemes, es un framework de temas de WordPress muy popular. Sus versatilidad y flexibilidad son ideales para ambos principiantes y desarrolladores expertos. Las características incluyen un panel completo de opciones de personalización con codificación, generador de diseño, tipografía y sistema de personalización. Su framework eficiente de HTML, CSS, PHP y controles fáciles de usar ayudan a realizar una personalización precisa, independientemente de la experiencia del desarrollador. La atención al cliente y las funciones de soporte incluyen una comunidad de usuarios, foros, correos electrónicos y números de teléfono para ayudarle con cualquier problema o duda. Por desgracia, contiene sólo un tema predeterminado en el panel de WordPress. Si se necesita realizar algunos cambios no ofrecidos entre las herramientas del dashboard, tendrá que saber CSS.

***

Catalyst Framework

Catalyst es un framework con muchas características. Con más de 900 opciones de diseño, Usted puede crear un sitio web o blog, personalizarlo con la flexibilidad y utilizar la herramienta de creación de CSS que escribe código para Usted. La infraestructura de SEO es eficaz y tiene el alto rango en los motores de búsqueda más utilizados, como Google, Yahoo y Bing. Por desgracia, Catalyst no ofrece un cuadro multimedia para facilitar la incrustación de vídeos.

***

RichWP Framework

RichWP es un framework con un sistema incrustado  de caché, por lo que es lo más rápido disponible. Las características incluyen presets listos de diseño, editor de diseño, colocación de páginas personalizadas y preferencias de SEO. Atención al cliente ofrece manuales y documentación, tutoriales, instrucciones y consejos. Por desgracia, a veces no funciona bien con los plugins de WordPress que utilizan jQuery.

***

Genesis Framework

Genesis Framework, por StudioPress, es un servicio de suscripción a temas de WordPress que ofrece acceso a más de 40 temas hijos. Gracias a su gran cantidad de temas hijos y su interfaz fácil de usar, es uno de los frameworks más populares para los desarrolladores principiantes. Génesis ofrece soporte nativo para SEO, widgets personalizados y opciones de diseño, seguridad y soporte. A pesar de que la atención al cliente y las funciones de ayuda son geniales, el diseño adicional puede requerer mucho esuerzo ya que no hay documentación para personalización manual.

***

Cherry Framework

Cherry framework fue desarrollado por el equipo de TemplateMonster. Cherry Framework es un tema hijo, es decir, el núcleo. La colección de temas de WordPress desarrollados a base de este framework incluyen la funcionalidad de Bootstrap. Usted puede substituir fácilmente la apariencia de una página y editar sus elementos. La funcionalidad de Bootstrap ofrece los ficheros CSS, JavaScript que permiten crear páginas utilizandogrids, motivos, tipografías, tablas, formularios, navegación, pop-ups, etc. Además, los temas están totalmente compatibles con todos los navegadores populares y el diseño se adapta a todos los dispositivos móviles.

Cosas Adicionales en Temas Cherry

Formulario de Reserva

Formulario de Reserva es una característica de algunos temas de WordPress con Cherry Framework creados por TemplateMonster. Este tipo de formulario está incluido en los temas de: reserva, alquiler de coches, búsqueda de niñeras, etc. Aquí hay algunas capturas de pantalla de formularios de reserva de algunas nuestras plantillas.

***

***

***

Se puede personalizar el formulario a través del panel de administración - activar o desactivar los campos específicos, editar los textos, etc.

***

Actualización de Cherry Framework

De vez en cuando nuestro equipo de desarrollo lanza actualizaciones del framework. Si una actualización está lista, cada propietario del tema de WordPress con Cherry Framework será notificado por medio  de su panel de administración. Tenga en cuenta, por favor, que después de instalación de una actualización, una reversión no estará disponible.