CHILD THEME EN WORDPRESS: QUÉ ES, PARA QUÉ SIRVE Y CÓMO CREARLO
Si llevas tiempo trabajando con WordPress, probablemente habrás escuchado hablar
del tema hijo o child theme. Estoy segura de que te gusta la plantilla que estás
utilizando en tu web (y por eso trabajas con ella) pero quizá no cumple al 100% todas
tus necesidades. Es normal, los temas premium y gratuitos cubren los requisitos
generales de los usuarios, pero en muchas ocasiones el webmaster exige algo más.
Qué es un child theme o tema hijo en WordPress
Un child theme o tema hijo es un tema que hereda las funcionalidades básicas de un
tema principal o tema padre (parent theme) y permite mejorarlas, modificarlas y
ampliarlas. Con «funcionalidades» me refiero, por ejemplo, a: agregar miniaturas a
publicaciones, agregar tamaños adicionales a la miniaturas, añadir widgets, cambiar el
texto que aparece después del extracto de un post, añadir estilos nuevos… Existen
muchos tweaks para WordPress que puedes utilizar.
Por qué crear un tema hijo en WordPress y para qué sirve
Como te comentaba en la introducción de este artículo, a veces necesitas personalizar
un poco más tu theme y no perder los cambios con cada actualización. Para explicarme
mejor, voy a ponerte un ejemplo de un caso muy común. Imagina que quieres añadir
en el header de tu WordPress el código de Google Analytics. Además, no vas a utilizar
ningún plugin solo para eso porque quieres ahorrarte lo máximo posible el consumo
de recursos de tu hosting web. Lo vas a insertar directamente en la cabecera.
Abres header.php y lo pegas entre las etiquetas correspondientes o lo añades con una
función desde el functions.php del tema que está activo. Durante un tiempo, no ocurre
nada. El tema se actualiza y tú sigues trabajando con normalidad. Un tiempo después,
entras al panel de Google Analytics y ves que faltan estadísticas de varios días. ¿Qué ha
pasado?
Muy simple: cuando un tema principal se actualiza, se sobreescriben sus archivos.
Todas las modificaciones que realizas, se borran. Podrías crear un documento guía
con todos los cambios y añadir el código en cada archivo después de cada actualización
del theme, pero es engorroso, pierdes tiempo y no es viable. Para esto es para lo que
se suele usar un child theme.
Un tema hijo no se actualiza, no se sobrescribe. Sólo hereda las funcionalidades del
tema padre. Puedes realizar 20.000 cambios y nunca los perderás. Es la solución
idónea para estos casos.
Mi recomendación es que crees un tema hijo desde el primer momento en que
empieces a trabajar con tu web. Si en tu caso ya tienes un WordPress pero no lo has
creado un tema hijo, ¡ahora es ese momento! Sigue leyendo porque te voy a enseñar
cómo crear un tema hijo de varias maneras diferentes.
Cómo crear un tema hijo en WordPress
Ahora que ya sabes qué es un child theme y para qué sirve, el siguiente paso es
crearlo. Es importante que tengas acceso FTP a los archivos de tu sitio para poder
hacerlo. Hay varias formas de crear un child theme: desde cero o con un plugin.
Cómo crear un tema hijo en WordPress desde cero
Cómo crear un tema hijo desde cero: este es el método que se utiliza normalmente.
Accede por FTP o a través del administrador de archivos a tu web. En la estructura de
archivos de WordPress verás que hay una carpeta que se llama wp-content. Ahí dentro
se guardan los temas que tienes instalados (estén o no activados). Decide para qué
theme quieres crear un tema hijo. Lo normal es que sea del tema que tienes activo en
este momento.
En mi caso, voy a crear un tema hijo de Twenty Seventeen. Localiza la carpeta del
tema dentro de wp-content/themes. Ahora, crea una carpeta nueva (que es donde
vas a meter los archivos) y nómbrala de la siguiente forma: nombretheme-child,
donde “nombretheme” es el nombre de la carpeta del tema del que quieres crear el
child theme. El nombre de la carpeta de mi theme es «twentyseventeen», por lo que
la carpeta que tengo que crear para el tema hijo será: twentyseventeen-child. Pero
¡ojo! no añadas ningún espacio en blanco en el nombre.
Sitúate dentro de la carpeta que acabas de generar y crea un archivo nuevo que se
llame style.css. Más adelante te contaré qué hace y para qué sirve style.css. Ahora me
voy a centrar simplemente en indicarte cómo lo tienes que rellenar para que funcione
tu child theme. style.css debe contener una cabecera especial, así que edítalo y añade
el siguiente código:
Theme Name: Twenty Seventeen Child
Theme URI: http://raiolanetworks.es
Description: Twenty Seventeen Child Theme
Author: Angela
Author URI: http://raiolanetworks.es
Template: twentyseventeen
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-
colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-
widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments,
translation-ready
Text Domain: twenty-seventeen-child
Ahora sustituye los datos de cada línea por los que correspondan en tu caso. Si no
sabes cómo, no te preocupes: voy a explicarte uno a uno qué significan y qué debes
poner en cada línea.
Theme name: Aquí escribirás el nombre de tu theme con la coletilla Child
Theme. ¿Es obligatorio poner la coletilla? La verdad es que no. Pero te
recomiendo que lo hagas o, en su defecto, que le pongas un nombre que lo
identifique como tema hijo para no confundirte o confundir a otros
administradores de tu blog.
Theme URI: La URL de la página principal del child theme.
Description: La descripción de tu tema hijo.
Author: El nombre de la persona que lo crea.
Author URI: La dirección de la página web del autor.
Template: El nombre del template del padre. Pero no el nombre del tema,
sino el nombre del directorio que contiene el parent theme o tema principal.
Tags: Las etiquetas por las que van a encontrar tu theme. En este caso,
siempre uso las mismas que tiene el tema padre.
Version: La versión del child theme. Como es la primera vez que lo creas,
puedes poner 1.0.0. Si luego realizas modificaciones, puedes ir aumentando el
número de la versión.
License: El tipo de licencia bajo la que está sujeta el child theme. Existen
muchas: Creative Commons, GPL, BSD, AGPL… En este caso, puedes usar la misma
que la del tema padre.
License URI: La URL de la licencia que has seleccionado.
Text Domain: El text domain se usa para hacer un tema traducible, por lo
que necesitas asignarle un nombre identificativo. Por ejemplo, el nombre del
tema separado por guiones.
Guarda el archivo y ¡listo! Esto es lo MÍNIMO que necesita un tema hijo para
activarse. Pero no es suficiente, ya que necesitas más archivos para que funcione
correctamente. Si recargas los temas de tu dashboard, verás algo como esto:
Ahora abre tu editor de código favorito y crea un segundo archivo que se va a llamar:
functions.php. Al igual que style.css debes guardarlo en el directorio raíz del child
theme. Rellénalo con el siguiente contenido:
<?
php ?>
¿No tiene nada? De momento, no: solo estás creando un child theme nuevo. Más
adelante, te contaré todo lo que necesitas saber sobre este archivo. Para acabar
(aunque no es obligatorio), tienes que importar los estilos CSS del tema principal. Si
no lo haces, el child theme funcionará pero “sin apariencia”. En muchos post sobre
cómo crearlo te encontrarás con cosas como: “Después de la cabecera que has
añadido en el fichero style.css del tema hijo, inserta el siguiente código: @import
(../nombre-plantilla/style.css);”. ¡No!
En WordPress, no debes importar los estilos CSS de un tema padre a un tema hijo con
la regla “import”. El método correcto es wp_enqueue_style.
Edita el archivo functions.php que acabas de crear. Añade el siguiente código y
sustituye [URL_CSS_PARENT] por la url del archivo CSS del tema padre que quieres
insertar:
function mis_estilos()
{
wp_enqueue_style( 'child-theme-css', '[URL_CSS_PARENT]' );
}
add_action( 'wp_enqueue_scripts', 'mis_estilos' );
De esta manera, añades el CSS al sistema de dependencias de WordPress. Primero,
creas una función que registra el archivo y luego lo pones en cola con la acción
wp_enqueue_script. Para finalizar, tienes que activar el tema. De lo contrario, todo lo
que has hecho no serviría para nada. Evidentemente, se puede personalizar el tema
hijo y añadir muchas funciones nuevas o extender las existentes, pero eso lo veremos
más adelante. ¡Continúa leyendo!
Child Theme Configurator: Cómo crear un tema hijo con un plugin
Si lo que necesitas es hacer algo más rápido, automático y menos lioso, que sepas que
existen plugins en WordPress que te permiten automatizar esta tarea. El que voy a
utilizar en este tutorial es: Child Theme Configurator. Una vez que lo tengas instalado
y activado, dirígete al panel de WordPress > Herramientas > Temas hijo. Como
puedes ver en la siguiente imagen, Child Theme Configurator tiene un asistente paso a
paso para hacértelo más fácil, además de muchas opciones que estarán disponibles
una vez que crees el tema hijo:
El primer paso es fácil: Seleeciona una acción > CREAR un nuevo tema hijo. Además,
como todavía no has creado ninguno, evidentemente las otras opciones (configurar,
resetear y duplicar) no tiene sentido seleccionarlas. El segundo paso, escoge el theme
para el que quieres crear el tema hijo.
Por último, pulsa en el botón Analizar. Child Theme Configurator va a comprobar que
el tema que has seleccionado está en perfectas condiciones, es decir, si hay algún
problema con el tema principal o si le faltan archivos. Si todo va bien, verás que ahora
tienes 6 pasos más que configurar antes de crear el child theme. Ya falta poco.
Aunque podrías crear el tema hijo con las opciones que trae por defecto, quiero que
veas que es lo que Child Theme Configurator te pide en cada paso. El siguiente paso,
“Name the new theme directory”, o el nombre del directorio que el plugin le va a
asignar a este nuevo tema, déjalo tal cual está. El nombre del directorio tiene que
tener el siguiente formato: nombretheme-child, como te expliqué en el apartado
anterior.
Luego tienes que escoger dónde quieres que se guarden los nuevos estilos CSS (lo que
le da forma al aspecto de tu web). Marca la casilla Hoja de estilos principal.
En este paso, tienes que seleccionar cómo quieres añadir los estilos del tema padre en
tu child theme. Si quieres incorporar los estilos CSS, marca “Utilizar la cola de estilos
de wordpress”. Como te expliqué en el apartado anterior, esta es la manera correcta.
Si no quieres añadir los estilos del tema padre, simplemente marca “Ignorar las hojas
de estilo del tema padre”.
Si pulsas en el botón “Haz clic para editar los atributos del tema hijo” aparecerá el
siguiente desplegable:
Ahora rellena los datos básicos o deja los que están por defecto (son totalmente
válidos). En el apartado anterior te expliqué como hacer la cabecera manualmente en
style.css y que significaba cada campo. Esta información es la que corresponde a esa
cabecera.
Para acabar pulsa en “Create New Child Theme”.
¡Listo! Ahora el plugin te permite modificar y personalizar tu child theme como quieras,
pero eso es algo que no atañe a este tutorial. Aun así, te recomiendo que le eches un
ojo a todas las opciones de configuración que te trae el plugin. Merece la pena.
Además, no te olvides de activar el tema hijo cuando acabes de personalizarlo.
Instalar un tema hijo
Ya has visto cómo crear un tema hijo de manera correcta pero… igual no es tu caso. Tal
vez usas una plantilla como Divi o Avada y tienes el tema hijo en un archivo
comprimido .zip listo para instalar. Muchas plantillas te ofrecen la posibilidad de
descargar directamente el child theme y ahorrarte el trabajo de crearlo.
Instalar un theme hijo no tiene complicación, se hace exactamente igual que instalar
un tema principal. Te lo enseño. Puedes probar por ejemplo con Generate Press. Está
en el repositorio de WordPress, es gratuito y te permite descargar el tema hijo de su
documentación oficial: child theme de Generate Press. Ahora, tienes que ir al panel
de control de WordPress > Apariencia > Temas > Añadir nuevo. Ahora pulsa en Subir
tema y selecciona el archivo que te acabas de bajar:
Cuando finalice la instalación verás algo como esto:
Pulsa en activar y ¡se acabó! Ya tienes tu child theme de Generate Press instalado y
activado.
Personaliza el tema hijo y conoce sus archivos
¡Es la hora de personalizar tu child theme y de conocer más a fondo sus archivos
principales!
screenshot.png: Imagen de perfil del child theme
Lo primero que te vas a aprender es a añadir una imagen de perfil al tema hijo. Es
muy fácil. Crea una imagen de 1200×900 en formato jpg y nómbrala con
“screenshot.jpg”. Vete al raíz de la carpeta de tu child theme y mueve ahí tu nueva
imagen. Si recargas los temas de tu dashboard verás algo como esto:
style.css: Hoja de estilos del child theme
Antes te enseñé cómo rellenar este archivo, pero no para qué se usa. style.css es la
hoja de estilos por defecto que requieren las plantillas en WordPress. Controla el
aspecto y la presentación de las páginas de tu web. En este caso, es la hoja de estilos
de tu tema hijo, pero ¡ojo! sobrescribe el del tema padre. Por lo tanto, si quieres usar
los estilos del padre, lo mejor es que importes el CSS del padre correctamente como te
mostré antes, añadiéndolo al sistema de dependencias de WordPress.
functions.php: Funciones del child theme
El archivo functions.php es un archivo que te permite insertar funciones
personalizadas para mejorar, añadir o cambiar el comportamiento en tu WordPress.
En este caso, se va a usar para ampliar las funcionalidades del tema principal. A
diferencia de style.css, NO SOBREESCRIBE el archivo functions.php del tema padre,
sino que lo complementa.
Si eres desarrollador, te contaré algo que te puede interesar. El archivo functions.php
del tema hijo carga antes que el archivo functions.php del tema padre. Esto es una
ventaja para ti porque, si quieres sustituir una función del tema padre para cambiar su
comportamiento, lo puedes hacer de la siguiente manera:
if(!function_exists('nombre_function_padre' ))
{
function nombre_function_padre()
{
//Lo que hace esta funcion
Cuando te hablé sobre “para qué sirve un child theme”, te puse ejemplos de varias
cosas que se pueden añadir a este archivo. Si quieres conocer diferentes funciones
personalizadas, te recomiendo que visites nuestro post sobre snippets para
WordPress.
Conclusión
Además de todo lo que hemos comentado en este post, un tema hijo se puede
preparar para que se traduzca a otros idiomas (al igual que un tema principal) y tiene
soporte para RTL. Como te dije antes y para acabar con este artículo, mi
recomendación personal es: si trabajas con WordPress, lo mejor es que crees un tema
hijo. Ganarás tiempo, no perderás las modificaciones que le hagas en la plantilla y
mejorarás la funcionalidad de tu web. ¿Quieres saber algo más sobre los temas hijo?
¡Comenta!
TWEAKING AVANZADO CON SNIPPETS EN EL FUNCTIONS.PHP DE
WORDPRESS
¿Qué es un snippet y para qué sirve?
Un snippet es un pequeño fragmento de código reusable que utilizan los
desarrolladores para mejorar y añadir funcionalidades a un proyecto WordPress.
Existen snippets para diferentes tecnologías: CSS, PHP, JS…etc. Nosotros vamos a
explicar cómo se crean los snippets PHP que se suelen utilizar en WordPress, dónde
se añaden y para que los podemos usar dentro una web hecha con WordPress. Qué
podemos conseguir con esto? Definir características del theme o plantilla, widgets,
crear tipos de contenido y taxonomías adicionales, personalizar el dashboard y sus
funcionalidades, etc… Al fin y al cabo la mayoría de snippets de código que
podemos usar individualmente, son los trozos de código modulares que se utilizan
en los desarrollos más grandes como por ejemplo themes o plugins.
¿Dónde y cómo se crean los snippets del functions.php?
En la estructura de archivos de los themes o plantillas para WordPress nos
encontraremos el archivo functions.php. Si no es así, podemos crearlo nosotros
mismos, ya que no es obligatorio que exista. Teóricamente se utiliza para declarar
nuevas clases y funcionalidades en WordPress, pero en nuestro caso lo vamos a
utilizar para variar el comportamiento por defecto de WordPress.
Algunos elementos tan básicos de WordPress como los widgets se pueden crear
simplemente declarándolos en el functions.php, es decir, podemos crear nuevos
widgets personalizados y completamente usables creándolos usando hooks de
WordPress.
Ejemplos de code snippets para el functions.php de WordPress
Vamos a empezar por el principio con algunos ejemplos simples de código que puedes
insertar en el functions.php del theme activo en WordPress.
Antes de añadir alguno de los siguientes ejemplos, es recomendable que hagas una
copia de seguridad de tu fichero functions.php. Si no lo tienes puedes crearlo en la
carpeta raíz de tu theme activo actualmente. Si creas un archivo functions.php nuevo
recuerda que no lo puedes dejar totalmente vacío, necesitas indicar el inicio y fin del
código PHP:
<?php
¿>
Debes tener en cuenta que estos snippets deben ser usados solo cuando los necesitas, al
igual que los plugins, no tiene ningún sentido aplicarlos todos al mismo tiempo a una
instalación de WordPress sin necesidad.
Personalizar el login y el panel de administración de WordPress
Existen plugins para modificar la pantalla de login y el panel de administración de
una instalación de WordPress, pero muchas cosas podemos hacerlas directamente
desde el código del functions.php del theme activo. En este caso vamos a mostrar unos
ejemplos que podemos usar.
Con la siguiente función puedes modificar el mensaje de bienvenida de la pantalla de
login para poner el mensaje que tú quieras. Para realizar esto hay que utilizar el filtro
“login_message” que “filtra” el mensaje que aparece en la cabecera de ese formulario y
permite devolver código HTML.
function mensajeLogin()
return "<p align='center'>Bienvenido a <b>Raiola Networks</b>.<br/>
Por favor ingresa en tu cuenta</p><br/>";
//Creamos el hook que llama a ese filtro y le pasamos nuestra funcion
add_filter( 'login_message', 'mensajeLogin' );
Ahora vamos a mostrar cómo podemos cambiar el logo por defecto de la pantalla de
login de WordPress. Lo primero que vamos a hacer es crear una carpeta nueva en el
raíz del theme que se llame “images” (en el caso de que no exista) y subimos por FTP
nuestra nueva imagen. Para acceder a la dirección de la plantilla en uso vamos a utilizar
la función get_bloginfo() con el parámetro “template_directory”. Para modificar la
cabecera del formulario utilizaremos la acción login_head. Quedaría de la siguiente
manera:
//LOGIN: Como cambiar el logo del login
function logoLogin()
echo '<style type="text/css">
h1 a
backgroundimage:
url('.get_bloginfo('template_directory').'/images/logo_pruebas_raiola
.png) !important;
</style>';
add_action('login_head', 'logoLogin');
Como puedes ver, hemos colocado el logo de Raiola Networks en la pantalla de login
de WordPress con una simple función en el functions.php del theme activo.
Vamos a mostrar otro ejemplo más, vamos a sustituir el logo de WordPress del back-
end por uno personalizado.
Lo primero que tenemos que hacer es crear una imagen PNG de 20×20 y la subimos a la
carpeta /images/ que hemos creado en uno de los ejemplos anteriores. La acción que
utilizamos es wp_before_admin_bar_render que permite modificar el objeto que
contiene la barra de herramientas del panel de administración. La función que permite
esto es la siguiente:
function logoDash()
echo '<style type="text/css">
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before
background-image: url(' . get_bloginfo('stylesheet_directory') .
'https://serv1.raiolanetworks.es/images/custom-logo.png) !important;
background-position: 0 0;
color:rgba(0, 0, 0, 0);
#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
background-position: 0 0;
</style>
';
}
add_action('wp_before_admin_bar_render', 'logoDash');
Ahora vamos a cambiar el mensaje de “Creado por WordPress” por el de “Raiola
Networks Dashboard” (por poner un ejemplo) modificando el contenido del pie. Para
ello utilizamos el filtro “admin_footer_text”:
function cambiarPieDash()
echo "Raiola Networks Dashboard";
add_filter('admin_footer_text', 'cambiarPieDash');
Insertar Google Analytics con el functions.php
En este blog hemos hablado repetidas veces sobre cómo implementar el código de
Google Analytics en un WordPress, de hecho, hemos listado plugins que sirven
específicamente para instalar el código de Google Analytics en WordPress.
¿Por qué querríamos insertar el tracking de Google Analytics desde el functions.php
del theme activo si podemos hacerlo con un plugin? La respuesta es simple, para
ahorrar un plugin. El código que debes usar en el functions.php es el siguiente:
<?php
//Nuestra function con el codigo de google Analitycs
function add_googleanalytics()
?>
//Pegamos aquí el codigo que nos proporciona Google
<?php
//Con este hook, lo añadimos en la cabecera
add_action(‘wp_head’,’googleanalytics’);
//Con este hook, lo añadimos al pie de pagina
add_action('wp_footer', ‘googleanalytics');
Como puedes ver hay dos hooks. La diferencia entre ellos es que el primero añade el
código en la cabecera y el segundo en el pie, pero CUIDADO, no lo añadas tanto en el
footer como en la cabecera, ya que sino los resultados estarán duplicados y no se
realizara bien la contabilización de estadísticas.
Cambiar el avatar por defecto de WordPress con el functions.php
¿Estás aburrido de que en tu blog aparezca siempre el clásico avatar por defecto
de WordPress? Pues… ¡vamos a cambiarlo!
Dentro del panel de administración nos dirigimos al menú de Ajustes > Comentarios.
Ahí tenemos una lista de todos los avatares disponibles que podemos poner por defecto
para los usuarios que comenten en nuestro blog.
La función que aparece a continuación añade un nuevo avatar a la lista del back-end
de WordPress. Para ello, tenemos que crear una nueva entrada en la variable
$avatar_defaults de la siguiente manera:
add_filter( 'avatar_defaults', 'avatar' );
function avatar ($avatar_defaults)
$miavatar = get_bloginfo('template_directory') . 'https://serv3.raiolanetworks.es/images/raiola.jpg';
$avatar_defaults[$miavatar] = "Raiola Networks";
return $avatar_defaults;
En este listado podrías poner cualquier imagen que quisieras sin ningún tipo de
limitación, siempre y cuando los tamaños se adapten.
Eliminar la versión de WordPress del HTML
En este caso vamos a mostrar como eliminar elementos mediante snippets en el
functions.php de WordPress. El primer ejemplo que vamos a ver, es para eliminar la
información relativa a la versión de WordPress que se incluye en el código HTML.
Que se muestre la versión del CMS utilizada es un fallo de seguridad importante y
puede dar lugar a que los bots encuentren vulnerabilidades en nuestro sitio web.
¿Cómo eliminamos esta información de nuestro código fuente? Podemos hacerlo
utilizando remove_action.
remove_action elimina funciones de una acción específica (action hook). La sintaxis es
muy sencilla:
remove_action( ‘nombre_del_hook’, ‘mi_funcion’, [prioridad]);
‘nombre_del_hook’: Nombre de la acción que queremos eliminar.
‘mi_funcion’: El nombre que le hemos asignado a la función que queremos
eliminar.
Prioridad: Es un valor opcional. Se utiliza para especificar la prioridad. El
valor por defecto es 10. Este campo funciona de la misma manera que en los filtros
y las acciones vistas con anterioridad.
Como la información que queremos borrar se encuentra en la cabecera de la web el
nombre del hook es: wp_head.
Ahora solo tenemos que ir colocando la prioridad (en el caso de que se la queramos dar)
y la función que corresponda. Por ejemplo:
// Eliminar el numero de la versión de Wordpress
remove_action('wp_head', 'wp_generator');
Del código HTML no solo podemos eliminar la versión de WordPress, sino que
podemos borrar otro tipo de información que realmente no aporta nada en condiciones
normales y que pueden hacer que nuestro WordPress sea atacado muy fácilmente. A
continuación, puedes ver los ejemplos de código HTML generado que se puede borrar:
// Eliminar Feeds general y extra como categorias
remove_action('wp_head', 'feed_links’,2);
remove_action('wp_head', 'feed_links_extra’,3);
// Eliminar rel=”canonical”
remove_action('wp_head', rel_canonical’);
// Eliminar el archive manifest: Windows Live Writter (recommendable) No lo
elimines si uses este programa.
remove_action('wp_head', wlwmanifest_link’);
// Eliminar el enlace a Really Simple Discovery
remove_action('wp_head', rsd_link’);
//Eliminar los post relacionados
// - Link relacional al padre
remove_action('wp_head', parent_post_rel_link’);
// - Link relacional a la primera entrada
remove_action('wp_head', start_post_rel_link’);
// - Link relacional a las entradas adyacentes a la actual
remove_action(‘wp_head’,adjacent_post_rel_link);
//Eliminar el index link
remove_action('wp_head', index_rel_link’);
//Eliminar la carga del CSS y JS para los emoticonos de los comentarios
remove_action('wp_head', 'print_emoji_detection_script’);
remove_action('wp_head', 'print_emoji_styles’);
¿Todo esto que puedes ver en el snippet anterior te suena de algo? Si eres usuario
más o menos acostumbrado a WordPress y a sus plugins te habrás dado cuenta de que
esto puede eliminarse también mediante el plugin Yoast SEO.
Lugares para obtener snippets para WordPress
Sería imposible listar en un artículo todos los snippets que podemos encontrar en
Internet para WordPress, y mucho menos mantenerlos actualizados.
No solo podemos encontrar snippets PHP para modificar las funcionalidades de
WordPress, sino que también podemos encontrar snippets para plugins como
WooCommerce o Easy Digital Downloads.
A continuación, vamos a listar una serie de sitios web donde podrás encontrar snippets o
trozos de código preparado para usar:
wpsnipp.com: Es un sitio web bastante grande, en formato blog, pero en el
que resulta realmente fácil buscar snippets. El sitio web es este:
http://wpsnipp.com/
wpfunction.me: Se trata de un sitio en formato repositorio que contiene
trozos de código para WordPress, no solo para el functions.php, pero son trozos de
código útiles en cualquier instalación de WordPress. El sitio web es este:
http://www.wpfunction.me/
100 WordPress Code Snippets: En la web de WPMUDEV tienen un
artículo muy interesante con un listado de 100 snippets para el functions.php de
WordPress. El artículo es el siguiente: https://premium.wpmudev.org/blog/shun-
the-plugin-100-wordpress-code-snippets-from-across-the-net/
Essential Code Snippets: En el blog de TemplateMonster tienen un artículo
con 20 snippets de código interesantes para el functions.php de WordPress. Puedes
ver el articulo completo aquí:
http://www.templatemonster.com/blog/wordpress-code-snippets/
Useful Code Snippets for WordPress: En el blog de WPThemeDetector
podemos ver un listado de snippets en general para WordPress, algunos bastante
útiles. Puedes ver el articulo completo aquí:
http://www.wpthemedetector.com/useful-code-snippets-wordpress/
Snippets para el wp-config.php de WordPress
El functions.php de WordPress no es el único lugar donde podemos insertar código,
ya lo hemos visto en otros artículos donde hablábamos de tweaking avanzado para el
wp-config.php de WordPress.
En los sitios web mencionados anteriormente seguramente encuentres también
parámetros y funciones para insertar directamente en el wp-config.php de WordPress.
Si quieres ver un listado de parámetros aceptados por el wp-config.php puedes ver el
siguiente artículo en nuestro blog: https://raiolanetworks.es/blog/tweaking-
avanzado-del-wp-config-php-de-wordpress/
