¿Quieres saber la forma correcta de agregar fragmentos de código personalizados a tu sitio de WordPress? Agregar fragmentos de código a WordPress no es ciencia espacial, pero incluso el más mínimo error podría colapsar tu sitio web. Si te lanzas sin saber lo que haces, podría ser fatal para tu negocio.
Por lo tanto, cuando agregues código personalizado a tu sitio, deberás asegurarte de hacerlo de la MANERA CORRECTA.
En este artículo, te explicaremos cómo copiar y pegar fragmentos de código correctamente en tu sitio de WordPress. Una vez que hayas terminado de leer, tendrás el conocimiento y la confianza para modificar tu sitio como desees. ¡Incluso podrías divertirte un poco!
¿Por qué agregar fragmentos de código a WordPress?
Agregar fragmentos de código a tu sitio es una de las formas más fáciles de extender las funciones de tu sitio web. Aunque instalar un plugin es la forma obvia de mejorar las funciones integradas de WordPress, especialmente para los no desarrolladores, a veces es difícil encontrar un plugin que satisfaga tus necesidades al pie de la letra. Por otro lado, puedes encontrar cientos de tutoriales de WordPress en la web que recomiendan agregar fragmentos de código para satisfacer tus necesidades.
Dicho esto, es esencial que insertes correctamente los fragmentos de código personalizados en el archivo correcto y en la ubicación adecuada. De lo contrario, podría colapsar tu sitio web, saboteando tu negocio y reputación.
Dividamos este tutorial en 2 secciones diferentes:
- Personalización de archivos de plantilla de WordPress
- Personalización del archivo functions.php
I. Personalización de archivos de plantilla de WordPress
Antes de empezar, veamos qué es un archivo de plantilla de WordPress.
¿Qué es una plantilla de WordPress?
Cada tema de WordPress está compuesto por archivos de plantilla. Los archivos de plantilla de tu tema definen cómo se muestra tu sitio web. Por ejemplo, header.php es una plantilla predeterminada utilizada en la mayoría de los temas de WordPress para definir el área de encabezado de tus páginas web generadas por WordPress, como tus artículos de blog y páginas independientes.
Echemos un vistazo a algunas plantillas predeterminadas de WordPress utilizadas por la mayoría de los temas de WordPress.
- php – define la página principal
- php – define la sección de encabezado
- php – define la sección de pie de página
- php – define las funciones utilizadas en el tema
- php – define la publicación individual / publicación de blog
- php – define la página independiente
- php – define la sección de comentarios
Cómo insertar fragmentos en cualquier archivo de plantilla
Puedes insertar fragmentos de código en cualquier archivo de plantilla, como functions.php, single.php, etc., mediante cualquiera de estos 2 métodos: usando un tema hijo o agregando el código directamente a tu tema padre existente.
Sin embargo, se recomienda no personalizar la plantilla directamente en tu tema padre porque, cuando actualices tu tema, perderás todas las personalizaciones que hayas realizado. Para conservar los ajustes incluso después de actualizar tu tema, podrías crear un tema hijo y realizar las personalizaciones dentro de él.
Un tema hijo es un tema de WordPress que hereda su funcionalidad de otro tema de WordPress (el tema padre). Usar un tema hijo es la opción correcta si deseas realizar muchos ajustes en tus archivos de plantilla.
Veamos cómo crear un tema hijo e insertar fragmentos en tu archivo de plantilla.
Para una guía detallada, puedes consultar cómo crear un tema hijo en WordPress.
II. Personalización del archivo functions.php
¿Qué es el archivo functions.php?
functions.php es un archivo de plantilla en tu tema de WordPress que te permite extender fácilmente las funcionalidades de tu tema y tu instalación de WordPress. Para extender las funcionalidades, todo lo que tienes que hacer es agregar ciertos fragmentos de código a tu archivo functions.php.
Al igual que cualquier otro archivo de plantilla, puedes agregar fragmentos directamente a tu archivo functions.php. Además, para conservar la personalización incluso después de actualizar tu tema, puedes crear un tema hijo e insertar el código dentro de él.
Sin embargo, la desventaja es que perderás toda la personalización que hayas hecho en un tema hijo si cambias a un tema nuevo/diferente. Aquí es donde entra en juego un plugin específico del sitio.
Un plugin de WordPress específico del sitio es independiente de tu tema, lo que te permite agregar fragmentos personalizados a tu sitio. Puedes usar un plugin específico del sitio de 2 maneras:
- Método #1: Usar un plugin listo para usar, como WPCode
- Método #2: Crear manualmente un plugin específico del sitio
Método #1: Usar un plugin listo para usar
WPCode es el mejor plugin de WordPress para agregar fragmentos de código porque proporciona una interfaz visual para administrarlos en tu sitio.
Elimina la necesidad de insertar fragmentos personalizados en el archivo functions.php de tu tema. Dado que no estás editando ningún archivo del tema, puedes conservar tus personalizaciones incluso después de cambiar de tema.
Además, WPCode incluye una biblioteca de fragmentos incorporada con código predefinido para tareas comunes. Esto significa que puedes agregar funcionalidades con solo unos pocos clics, sin buscar código en línea.
También incluye validación de código que verifica tus fragmentos en busca de errores antes de la activación. Esto evita la temida "pantalla blanca de la muerte" que ocurre cuando un código defectuoso rompe tu sitio.
Con WPCode, puedes activar o desactivar fragmentos con botones de alternancia como los plugins, lo que facilita su uso.
Una vez que hayas activado el plugin WPCode, puedes agregar fragmentos personalizados y especificar el tipo de código, agregar un título, descripción y etiquetas como referencia.
De esta manera, en el futuro, podrás determinar fácilmente el propósito de cada fragmento que hayas agregado.
Para más detalles, puedes leer nuestra publicación sobre cómo crear un plugin específico para el sitio.
Además, consulta mi reseña completa de WPCode para ver todo lo que puede hacer.
2. Crea un Plan Específico para el Sitio e Inserta el Código
Puedes crear manualmente un plugin específico para el sitio e insertar el código dentro de él.
A diferencia de un plugin listo para usar, un plugin específico para el sitio creado manualmente suele ser un plugin básico y ligero que no tiene una interfaz gráfica para administrar fragmentos.
Para realizar personalizaciones, puedes dirigirte al editor de plugins e insertar el código en él.
Para una guía paso a paso, puedes consultar cómo crear un plugin específico para el sitio.
¡Eso es todo!
Esperamos que esta guía te haya ayudado a agregar fragmentos de código a tu sitio de WordPress.
Ahora, adelante y busca algunos fragmentos de código que puedas agregar para mejorar las funcionalidades de tu WordPress.
Si te gustó este artículo, también te puede interesar consultar plugins imprescindibles para sitios web de negocios.
Comentarios Dejar una respuesta