WordPress

Cómo Añadir Fragmentos de Código Personalizados en WordPress de Forma Segura

A menudo te encuentras con que la única forma de personalizar un plugin o tema de WordPress es con un fragmento de código personalizado. La mayoría de las guías sobre cómo implementar los fragmentos de código recomiendan añadirlos al archivo functions.php de tu tema. Hay 3 desventajas principales al usar esta solución:

  1. Los cambios que hagas en el archivo functions.php se eliminan al actualizar tu tema (a menos que estés usando un tema hijo o child theme).
  2. Si comete algún error o copia fragmentos de código incorrectos, puede romper su sitio web.
  3. Se hace más difícil gestionar los fragmentos de código si se utilizan muchos de ellos. Es probable que olvides cuál es el propósito de cada uno de ellos.

Dicho esto, aunque hay múltiples soluciones para este problema, me gusta centrarme en la más fácil y segura de ellas.

Tiempo necesario: 5 minutos.

Según mi experiencia, la forma más segura y sencilla de añadir fragmentos de código personalizados a tu sitio web de WordPress es utilizando un plugin.

  1. Instale y active el plugin Code Snippets de “Code Snippets Pro” desde el repositorio de plugins de WordPress

    Este plugin se puede utilizar para añadir fragmentos de HTML, CSS, Javascript y PHP tanto en el back-end como en el front-end de su sitio web.

  2. Vaya a Snippets > All Snippets y edite un fragmento existente

    Dependiendo del tipo de snippet que vayas a añadir, HTML, Javascript, CSS o PHP, te recomiendo que primero edites uno de los ejemplos. Esto te dará un buen punto de partida sobre cómo formatear tu snippet. He abierto Example HTML Shortcode, que nos muestra cómo registrar un nuevo shortcode en nuestra web.

  3. Vaya a All Snippets > Add New para crear sus propios fragmentos desde cero

    En mi ejemplo de abajo, he añadido un fragmento de código que cambia el número de entradas en los mapas de sitio construidos por Yoast SEO de 1000 a 500.
    Cuando haya terminado de crear su propio fragmento, haga clic en Save changes and activate.

  4. Vaya a Snippets > All Snippets para gestionar los fragmentos de código que ha creado

    Si alguna vez necesitas desactivar temporalmente un snippet que hayas creado, sólo tienes que cambiar el interruptor como en la imagen de abajo. Puede que no parezca gran cosa, pero si su sitio web utiliza docenas de fragmentos, esto puede ser un salvavidas.

Ventajas de utilizar fragmentos de código en lugar de escribirlos en el archivo functions.php

  • No requiere ninguna habilidad técnica, como la edición de archivos de tema a través de FTP o la creación de un tema hijo.
  • El editor de código le avisará cuando haya errores de sintaxis en su fragmento.
  • Los fragmentos de código no se perderán si cambias de tema. Muchos fragmentos de código se utilizan para cambiar el comportamiento de los plugins, en cuyo caso querrás conservar los fragmentos de código aunque decidas cambiar el tema de tu sitio web.
  • Podemos gestionar fácilmente múltiples fragmentos de código. Las etiquetas y la búsqueda son fantásticas para ahorrar tiempo si tienes docenas de fragmentos.
  • Podemos ejecutar los fragmentos de forma selectiva sólo en el área de administración (si quieres personalizar tu panel de control), en el front-end (para cambiar lo que ven los visitantes del sitio web), o ejecutar un script sólo una vez (por ejemplo, para anular el registro de un tipo de entrada personalizado).

Publicidad

Síguenos en Facebook