Guía para principiantes para pegar fragmentos de la Web en WordPress

En AprenderWP, a menudo publicamos tutoriales pidiendo a los usuarios que añadan fragmentos de código en WordPress. Copiar y pegar código en los archivos de temas de WordPress puede parecer fácil para los usuarios experimentados, pero es bastante tedioso e intimidante para los principiantes. Debido a la falta de familiaridad con la codificación, los principiantes pueden terminar cometiendo un error que puede hacer que su sitio web se bloquee. En esta guía paso a paso, le mostraremos cómo copiar y pegar fragmentos de código desde la web a WordPress.

¿Por qué agregar fragmentos de código a su sitio de WordPress?

WordPress es el mejor constructor de sitios web en el mundo debido a la flexibilidad que ofrece. Es súper fácil añadir nuevas características y funcionalidades a tu sitio web de WordPress.

Los sitios de recursos de WordPress, como AprenderWP, comparten consejos y hacks que puedes añadir para mejorar tu sitio web. Mientras que añadir fragmentos de código personalizado a su sitio web es opcional, y a menudo puede encontrar plugins para hacer la misma tarea, a veces un simple fragmento es más eficiente.

Algunos fragmentos de código pueden ser muy útiles y pueden ayudarle a corregir muchos errores comunes de WordPress, mejorar la seguridad de WordPress, e incluso añadir nuevas características a su sitio web.

Dicho esto, echemos un vistazo a cómo añadir de forma segura fragmentos de código en su sitio web de WordPress.

Cuáles son las mejores maneras de agregar fragmentos de código en WordPress

Lo primero que debe hacer en cada sitio web de WordPress es instalar un plugin de copia de seguridad de WordPress. Esto mantiene tu sitio de WordPress seguro, y siempre puedes restaurarlo desde la copia de seguridad en caso de que algo salga mal.

Algunas veces puedes encontrar instrucciones para agregar fragmentos de código en plantillas de temas de WordPress como index.php, single.php, header.php, y más. Estos fragmentos de código son útiles sólo en esas plantillas en particular, por lo que tendrá que añadirlos directamente a sus archivos de tema o crear un tema hijo.

Sin embargo, la mayoría de los fragmentos de código personalizado se añaden al archivo functions.php del tema de WordPress. Aunque el tutorial puede recomendarle que lo añada al archivo functions.php del tema, hay una alternativa mucho mejor que funciona de la misma manera que un archivo de funciones.

Echemos un vistazo a algunas de las formas en que puede agregar fragmentos de código personalizado en WordPress.

1. Usar el plugin de WordPress de Code Snippets

Este es el método más seguro y recomendado para los principiantes. Code Snippets es un plugin de WordPress que le permite agregar y administrar fácilmente fragmentos de código personalizado en su sitio web.

Viene con un interruptor de seguridad que desactiva inmediatamente un fragmento de código si causa un error. Esto le protege de perder el acceso a su sitio web al añadir un fragmento de código personalizado.

Para instrucciones detalladas, vea nuestra guía sobre cómo agregar fácilmente fragmentos de código personalizado en WordPress.

Nota: El método de fragmentos de código es útil para los fragmentos que deben añadirse a un archivo de funciones. Si se le pide que añada un fragmento de código en otros archivos de tema, este método no funcionará.

2. Crear un Tema Hijo para Guardar Código Personalizado

El segundo enfoque es crear un tema infantil. El uso del tema hijo mantendrá intactos los cambios cuando actualice el tema. También le permitirá añadir código a otros archivos de tema si es necesario sin preocuparse de que las actualizaciones deshagan sus cambios.

Para más detalles, vea nuestra guía sobre cómo crear un tema infantil en WordPress.

Nota: Este método también funcionará para los fragmentos de código que se necesitan para ser añadidos en otras plantillas de temas.

3. Usar un plugin específico del sitio para código personalizado

Otra opción flexible es usar un plugin de WordPress específico para el sitio. Este es un plugin personalizado que puedes crear para tu propio sitio web y usarlo para guardar todo tu código personalizado.

La ventaja de este método es que su código no depende de su tema, y permanecerá activo incluso cuando cambie de tema. Tampoco se ve afectado por ninguna actualización de WordPress en su sitio web.

Consulte nuestra guía sobre cómo crear un plugin específico para su sitio web para obtener instrucciones detalladas.

Nota: Este método sólo es aplicable a los fragmentos de código que deben añadirse al archivo de funciones.

4. Añadir código directamente al archivo de funciones

Está bien agregar fragmentos de código en el archivo functions.php del tema. Sin embargo, tiene algunas desventajas.

  • Los cambios se borrarán cuando actualice el tema de WordPress
  • Su código sólo funcionará si está usando ese tema en particular

Dicho esto, echemos un vistazo a cómo copiar y pegar correctamente fragmentos de código y evitar romper su sitio web.

Cómo editar archivos de WordPress?

Hay diferentes maneras de editar archivos de WordPress dependiendo del método que elija para agregar fragmentos de código personalizado en su sitio web.

1. Adición de código personalizado en el plugin de fragmentos de código

Si estás usando el plugin Code Snippets, entonces puedes añadir fácilmente fragmentos de código desde el área de administración de WordPress. Simplemente vaya a Snippets » Add New page para agregar su código personalizado.

2. Adición de código personalizado en el plugin de WordPress específico del sitio

Si está añadiendo código personalizado en un plugin específico del sitio, puede utilizar el editor de plugins de WordPress incorporado para añadir código personalizado.

Primero, seleccione el plugin específico de su sitio en el menú desplegable llamado’Select plugin to edit’. El editor cargará tu archivo de plugin, y podrás añadir fragmentos de código en él.

Una vez que haya terminado, haga clic en el botón «Actualizar archivo» para guardar los cambios.

Si hay algo que falta en tu código o tiene el potencial de romper tu sitio web, entonces el editor de plugins deshará automáticamente tus cambios.

Otro método para añadir código personalizado en un plugin específico del sitio es utilizando FTP.

Simplemente vaya a la carpeta de plugins usando su cliente FTP. Haga clic con el botón derecho del ratón en el archivo del plugin y seleccione Ver/Editar archivo.

3. Adición de código personalizado a functions.php u otras plantillas temáticas

Si está añadiendo fragmentos de código al archivo functions.php de su tema o a cualquier otra plantilla, puede añadir código directamente visitando Apariencia » Editor . Puede seleccionar el archivo donde necesita agregar el código de la columna de la derecha.

Las instrucciones que sigues te dirán dónde pegar el código, pero si no lo hacen, entonces necesitas añadir el código en la parte inferior del archivo.

Una mejor alternativa sería usar FTP para añadir código personalizado en los archivos de tema. Simplemente conecte su cliente FTP a su sitio web y vaya a /wp-content/themes/your-theme-folder/ y haga clic con el botón derecho del ratón sobre el archivo que desea editar.


Seleccione la opción Ver/Editar archivo para abrir el archivo en el editor de texto.

Solución de problemas de errores PHP al agregar código personalizado

Hay algunos errores comunes que los principiantes cometen cuando añaden fragmentos de código personalizado a sus sitios web. Echemos un vistazo a algunos de ellos y cómo evitarlos

1. Uso incorrecto de las etiquetas Inicio y Fin de PHP

WordPress está escrito principalmente en el lenguaje de programación PHP que tiene una sintaxis específica que le dice a su servidor que el siguiente código necesita ser procesado por PHP. Así es como se ve un fragmento de código PHP típico:

/// PHP Etiqueta de inicio>

Todo su código PHP debe estar dentro de las etiquetas .

La etiqueta PHP end se vuelve más importante en los archivos que cambian de un lado a otro en HTML. Esto incluye la mayoría de los archivos de temas de WordPress que utilizan etiquetas PHP junto con HTML.

Necesita asegurarse de que si está pegando su código en una ubicación donde la etiqueta de inicio de PHP no está cerrada, entonces necesita agregar su código sin la etiqueta de inicio de PHP.

>

Si está pegando su código personalizado fuera o después de la etiqueta de fin de PHP, entonces necesita agregar también la etiqueta de inicio de PHP.

// Su fragmento de código personalizado

Casi el 90% de todos los errores son causados por la colocación incorrecta de las etiquetas de inicio o final de PHP. Estudiar el código le permitirá entender si necesita o no agregar las etiquetas de inicio o final de PHP en su fragmento de código personalizado.

Muchos de los archivos de temas de WordPress, en particular el archivo functions.php, pueden no tener una etiqueta final PHP en absoluto. Esto significa que puede añadir su código en la parte inferior del archivo sin las etiquetas de inicio o final.

<?php// Mucho código en el archivo de funciones de su tema////// Su código personalizadofunction custom_loginlogo() {"ecoh1 a {imagen de fondo: url('.get_bloginfo('template_directory').'/images/login_logo.png) !important; }';}add_action('login_head', 'custom_loginlogo');>

Recuerde que los escritores de tutoriales pueden asumir que usted ya sabe cómo usar las etiquetas de inicio y final de PHP. Es posible que simplemente le muestren un fragmento de código sin esas etiquetas.

función custom_loginlogo() {"ecoh1 a {imagen de fondo: url('.get_bloginfo('template_directory').'/images/login_logo.png) !important; }';}add_action('login_head', 'custom_loginlogo');

>

Dado que el autor del tutorial no sabe dónde va a añadir este código, se ha saltado las etiquetas de inicio y final de PHP. Ahora, cuando esté agregando un fragmento de código en sus archivos de tema, necesita asegurarse de que está dentro de las etiquetas de PHP.

2. Errores de anidamiento incorrectos

PHP tiene una sintaxis particular para funciones, lógicas condicionales y bucles. Esta sintaxis depende de los corchetes rizados que indican cuándo comienza y cuándo termina una función.

Por ejemplo, aquí hay una simple función PHP:

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

Ahora bien, si desea añadir un fragmento de código personalizado que no tiene nada que ver con esta función, entonces tendrá que ponerlo fuera de esta función de esta manera:

/// Código preexistente en el archivo del tema>

Si no encuentra los corchetes iniciales o finales, entonces esto romperá el código, y terminará con una página de error.

Entendiendo los Errores PHP en WordPress

Los errores causados por la adición de un código personalizado en WordPress suelen dar lugar a un mensaje de error detallado. La mayoría de ellos son errores de sintaxis, errores de análisis o errores fatales debidos a caracteres inesperados.

La parte buena es que estos errores le dirán qué línea en su código causó el error.

Usted puede entonces ir a la línea exacta para revisar el código y averiguar lo que se le pasó por alto. Para este propósito recomendamos usar un editor de texto adecuado para la edición de código porque tienen números de línea y resaltado de sintaxis que pueden ayudarle a solucionar el problema fácilmente.

¿Qué hacer cuando su sitio de WordPress es inaccesible?

En primer lugar, que no cunda el pánico. Simplemente conéctese a su sitio web utilizando un cliente FTP o una aplicación File Manager en cPanel. A continuación, localice el archivo donde agregó el código que causó el error y edítelo.

Puedes intentar arreglar los problemas con el fragmento de código. Si no puede solucionar estos problemas, elimine el código y guarde los cambios.

Su sitio debería volver a la normalidad de nuevo. Si todavía muestra algún error, entonces descarga una copia nueva de tu tema de WordPress y extrae el archivo zip a tu computadora.

Cargue el archivo en el que realizó los cambios desde su ordenador a su sitio web mientras sobrescribía el archivo antiguo.

Para más formas de resolver estos problemas, vea nuestra guía sobre los errores más comunes de WordPress y cómo solucionarlos. Si eso no ayuda, sigue nuestra guía de solución de problemas de WordPress para realizar un diagnóstico paso a paso.

Esperamos que este artículo le haya ayudado a aprender a pegar fragmentos de código de la web en WordPress. ¿Necesita algunos fragmentos de código que pueda probar en su sitio web? Vea nuestra lista de trucos extremadamente útiles para el archivo de funciones de WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja un comentario