Desarrollando en WordPress

 

Continuación del post  10 cosas a hacer una vez instalado WordPress.

Bien,  ya has escogido un tema del repositorio de WP o quizás te has decidido a comprar uno de pago. En cualquier caso ya tienes el tema o plantilla que va a ser tu web.

Desarrollando en WordPress

Desde aquí te recomendamos que hagas una  “copia” de tu tema, o lo que viene siendo en WP, un tema hijo, (child theme)

Un tema hijo es un tema que hereda la funcionalidad de otro tema, llamado el tema principal o tema padre (parent theme).

Este tema  permite modificar o añadir a la funcionalidad de ese tema principal.

Un tema hijo es la forma más segura y más fácil de modificar un tema existente, si deseas hacer algunos cambios.  En lugar de modificar los archivos del tema directamente, puedes hacerlo en el tema hijo.

Clasificación de los temas de WP

Como ya comentamos en un post anterior, se puede crear una página web “chula” con los temas del repositorio de WP.

Dentro del repositorio de temas te puedes encontrar  más de 2.000 plantillas/temas para tu web. Algunos de ellos no se han actualizado en años.

Hoy en día con la moda o, más bien, la necesidad de poder ver una web desde cualquier dispositivo, algunos de los temas ya vienen preparados, así que si has encontrado un tema responsive que te guste, crea un tema hijo y a trabajar.

Vamos a clasificar los temas en tres tipos: Básico, Medio, Avanzado

  • Los temas básicos:La misma palabra lo dice, temas con un diseño determinado y poco más, por no decir nada más.
  • Los temas medios: Estos ya vienen con alguna funcionalidad más, y la gente que ha desarrollado el tema se lo ha currado un poco mejor, añadiendo las Opciones del tema, en donde podrás poner un slider en la página principal, añadir el código de seguimiento de Analytics, customizar los estilos (con lo cual no tendrías que tocar el archivo style.css para nada) y algunas cosas más.
  • La mayoría de los temas considerados medios poseen todas estas características, con lo cual es un buen punto de partida. Investiga cual es el que mejor se adapta a tus necesidades.
  • Los temas avanzados: Aquí los desarrolladores se han enrollado un pelín más y te puedes encontrar funcionalidades como la poder añadir Tabs o pestañas, listas, un botón con un enlace y unos colores (normalmente uno o ninguno, jeje) y poco más. Estos temas ofrecen la posibilidad de, previo pago, puedas obtener la versión Pro o Premiun del tema con más funcionalidades.

Dentro de estos últimos temas recomendamos el tema de Yourself Theme.

Pero ¿Por qué usar un tema hijo?

Buena pregunta.

Si modificas algo dentro de un tema existente y éste se actualiza, perderás los cambios que hayas hecho. Con un tema hijo, puedes actualizar el tema padre (lo cual podría ser importante para la seguridad o la funcionalidad) y aun así mantener dichos cambios.

  • Se puede acelerar el tiempo de desarrollo.
  • Es una manera muy buena de empezar si estás empezando a desarrollar en WordPress.

Vale ¿y cómo se crea un tema hijo?

Por internet hay sitios donde puedes conseguir child themes de numerosos temas y la mayoría son gratuitos.

Personalmente me agrada bastante el tema Twenty Twelve puesto que es bastante customizable.

Crear un tema hijo es bastante sencillo, así que, ¿qué mejor que crearlo uno mismo?

OK, básicamente se trata de copiar el tema que estés usando. Para ello deberás tener acceso, bien por panel bien por FTP, a los archivos donde tengas alojado WP. Y buscar la carpeta que contiene los temas que tienes en tu WP.

Normalmente el directorio es:  wp-content/themes/

Bien, ahora lo que hay que hacer es editar el archivo style.css y añadir estas líneas.

/*
Theme Name: Mi Tema
Theme URI: http://wordpress.org/themes/twentytwelve
Template: twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

Importando la hoja de estilos del tema padre

 

antes la manera de importar la hoja de estilos era:

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

Ahora, tendrás que editar el archivo functions.php y poner el código que te da WordPress para importar la hoja de estilos del tema padre.

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
 wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}

Nota. Algunos temas ya traen una opción para personalizar el CSS.

En internet podrás encontrar información acerca de esto, basta con que escribas @import url vs style, y así decidir con cual te quedas. Echa un vistazo a este artículo

Una cosa más antes de subir y activar tu tema hijo y tiene que ver con el archivo functions.php  del tema,  y es que, a diferencia de style.css, functions.php no sobreescribe por así decirlo al del tema padre, sino que, se carga además de functions.php del tema padre. (En concreto, se carga justo antes de archivo del tema padre.)

Consejo: Edita el fichero functions.php del tema hijo y deja sólo las etiquetas <?php  y ?>, o sólo <?php . Aquí tienes más información.

Ahora sí, ya puedes subir y activar el tema, desde el panel. A partir de aquí a trabajar.

En próximos episodios veremos cómo personalizar un tema.

Espero que este post haya sido de ayuda

GRACIAS por comentar y difundir.

Carlos Acevedo para FreelanceEvolution®

Un comentario en “Desarrollando en WordPress

Deja un comentario

Your email address will not be published.Los campos requeridos están marcados *