Índice de contenidos
En Starenlared, Agencia de Marketing Digital en Sevilla, somos expertos en desarrollo web y realizamos todo tipo de trabajos, tanto con CMS conocidos (WordPress, Prestashop, etc.) como desarrollando proyectos completamente a medida.
Hoy en día, la mayoría de las páginas corporativas se desarrollan con la tecnología WordPress, que como sabéis, se utiliza instalando una plantilla ya predefinida que posteriormente se puede editar para adaptarla a los colores corporativos de tu empresa.
Pero… ¿Qué pasa si hay cosas en la plantilla que no te gustan? ¿Se puede cambiar una plantilla para ponerla completamente a tu gusto? La respuesta es SÍ, pero hay ciertas prácticas que hay que seguir y una serie de conocimientos técnicos que serán necesarios para reprogramar algunas partes de la plantilla.
Aviso: No nos hacemos responsables de los posibles ataques epilépticos que sufráis al ver consejos de programación. Si no quieres continuar leyendo (lo entendemos), contacta con nosotros y ¡te dejaremos la web a tu gusto!
Buenas prácticas para modificar una plantilla de WordPress
Muchas son las Agencias de Marketing Digital que hacen webs con WordPress, pero pocas siguen buenas prácticas para no perder información y cambios en futuras actualizaciones, ya sea de la propia plantilla o del núcleo de WordPress.
En este post, de manera resumida y sin extendernos mucho, queremos explicaros un par de conceptos básicos de la programación en WordPress: ¿Cómo se crea un tema hijo? ¿Y un plugin?
¿Cómo se crea un tema hijo?
Los Child Themes o Plantillas Hijas, son temas que se crean vinculados con la plantilla principal y nos permiten ‘sobreescribir’ funcionalidades de la plantilla sin modificar directamente los ficheros fuentes de nuestra web.
Esta es una de las mejoras prácticas para adaptar una plantilla a nuestra imagen corporativa, ya que si en un futuro actualizamos la plantilla no perderemos las modificaciones realizadas.
Pasos a seguir:
Crea la carpeta
Primero se crea una carpeta dentro de /wp-content/themes/ accediendo por FTP como si fuera otro theme. Se le puede poner el nombre que quieras, pero lo que se suele hacer es poner el mismo nombre que la plantilla original añadiendo ‘-child’.
Crea la hoja de estilos
Dentro de esta carpeta hay que crear una hoja de estilos con el nombre style.css y añadir estas líneas al principio. Adaptadas por supuesto a tus necesidades (cambia urls, nombre de las plantillas, etc.):
/*
Theme Name: TemaPrincipal Hijo
Theme URI: http://starenlared.net
Version: 4.0
Description: Tema hijo de TemaPrincipal para hacer modificaciones
Author: Starenlared
Author URI: http:// starenlared. net
Template: TemaPrincipal
*/
@import url(«../TemaPrincipal/style.css»);
/*————- A partir de aquí añade estilos ———————*/
Activar el tema hijo
Una vez creada la hoja de estilos y añadidas las reglas CSS. Debemos acceder en nuestro panel de WordPress a Apariencia > Temas, y activar el nuevo tema hijo.
De esta forma podrás cambiar completamente los estilos de tu web e incluso sobrescribir ficheros que muestran el HTML.
¿Cómo se crea un plugin?
Otra forma de editar una plantilla WordPress, o cambiar o ampliar funcionalidades básicas del core del programa, es crear un plugin personalizado.
Estos son los pasos a seguir:
Crea carpeta con nuestro plugin
Los plugins se almacenan en la carpeta /wp-content/plugins/, por lo que deberemos acceder ahí vía FTP y crear una carpeta con el nombre de nuestro plugin que se llamará: mi-plugin-bonito. Es importante que dentro de tu mi-plugin-bonito organices los ficheros según su tipología, es decir, crear una carpeta para el CSS, otra para Javascript, etc. Cuando el plugin se vuelva más complejo, nos lo agradecerás.
Crea fichero PHP
Dentro de la carpeta, tienes que crear un fichero PHP con el mismo nombre del plugin, es decir mi-plugin-bonito.php y añadir las siguientes líneas:
<?php
/**
* Plugin Name: Mi Plugin Bonito
* Plugin URI: http://starenlared.net
* Description: Plugin creado para modificar plantilla y WordPress
* Version: 1.0.0
* Author: Starenlared
* Author URI: http://starenlared.net
* Requires at least: 4.0
* Tested up to: 4.3
*
*Text Domain: mi-plugin-bonito
* Domain path: /languages/
*/
defined( ‘ABSPATH’ ) or die( ‘¡Error!’ );
Activar plugin
Una vez hecho esto, deberemos acceder al apartado de nuestro panel de WordPress, Plugins, y activar nuestro plugin que aparecerá como inactivo.
En ese fichero podemos añadir todo tipo de funcionalidades, modificar hooks y filters, sobrescribir estilos… En definitiva, todo un mundo por descubrir que no te puedo contar en un solo artículo. Entraremos con más profundidad en los siguientes.
Si, aunque te avisamos antes, igualmente has llegado hasta aquí y estás un poco agobiado. Don´t worry! Déjanoslo a nosotros, contacta o llámanos al 955 22 12 20 y te lo resolvemos.
