How to safely copy and paste code snippets in WordPress

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

En MundoCMS, a menudo publicamos tutoriales pidiendo a los usuarios que agreguen fragmentos en WordPress. Copiar y pegar código en archivos de temas de WordPress puede parecer fácil para los usuarios experimentados, pero es bastante tedioso e intimidante para los principiantes. Debido a su ignorancia de la codificación, los novatos pueden terminar cometiendo un error que podría bloquear su sitio web. En esta guía paso a paso, le mostraremos cómo copiar y pegar fragmentos de la web en WordPress.

Cómo copiar y pegar fragmentos de código de forma segura en WordPress

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

Contents

WordPress es el mejor creador de sitios web del mundo debido a la flexibilidad que ofrece. Es muy fácil agregar nuevas características y funcionalidades a su sitio web de WordPress. Los sitios de recursos de WordPress, como MundoCMS, comparten consejos y trucos que puede agregar para mejorar su sitio web. Si bien agregar fragmentos personalizados a su sitio web es opcional y, a menudo, puede encontrar complementos para hacer la misma tarea, a veces un simple fragmento es más efectivo. Algunos fragmentos pueden ser muy útiles y pueden ayudarlo a corregir muchos errores comunes de WordPress, mejorar la seguridad de WordPress e incluso agregar nuevas funciones a su sitio web. Dicho esto, echemos un vistazo a cómo agregar fragmentos de forma segura a su sitio web de WordPress.

¿Cuáles son las mejores formas de agregar fragmentos en WordPress?

Lo primero que debe hacer en cada sitio web de WordPress es instalar un complemento de copia de seguridad de WordPress. Esto protege su sitio de WordPress y siempre puede restaurarlo desde una copia de seguridad si algo sale mal. A veces puede encontrar instrucciones para agregar fragmentos en las plantillas de temas de WordPress como index.php, single.php, header.php, etc. Estos fragmentos de código solo son útiles en esas plantillas en particular, por lo que deberá agregarlos directamente a los archivos de su tema o crear un tema secundario. Sin embargo, la mayoría de los fragmentos personalizados se agregan en el archivo functions.php de su tema de WordPress. Si bien el tutorial puede recomendar que lo agregue al archivo functions.php del tema, existe una alternativa mucho mejor que funciona igual que un archivo de funciones. Echemos un vistazo a algunas de las formas en que puede agregar fragmentos personalizados en WordPress.
1. Utilice el complemento de fragmentos de WordPress
Complemento de fragmentos
Este es el método más seguro y recomendado para principiantes. Code Snippets es un complemento de WordPress que le permite agregar y administrar fácilmente fragmentos de código personalizados en su sitio web. Viene con un interruptor de seguridad que deshabilita inmediatamente un fragmento si causa un error. Esto evita que pierda el acceso a su sitio web mientras agrega un fragmento de código personalizado. Para obtener instrucciones paso a paso, consulte nuestra guía sobre cómo agregar fácilmente fragmentos personalizados en WordPress. Nota: El método de fragmentos de código es útil para fragmentos de código que deben agregarse a un archivo de funciones. Si se le solicita que agregue un fragmento de código en otros archivos de tema, este método no funcionará.
2. Cree un tema hijo para guardar el código personalizado
Usar un tema hijo para agregar fragmentos personalizados en WordPress
El segundo enfoque es crear un tema hijo. El uso del tema hijo mantendrá sus cambios intactos cuando actualice su tema. También le permitirá agregar código a otros archivos de temas según sea necesario sin preocuparse por las actualizaciones que revierten sus cambios. Para obtener más detalles, consulte nuestra guía sobre cómo crear un tema hijo en WordPress. Nota: Este método también funcionará para fragmentos que deben agregarse en otras plantillas de temas.
3. Utilice un complemento específico del sitio para el código personalizado.
Otra opción flexible es utilizar un complemento de WordPress específico del sitio. Este es un complemento personalizado que puede crear para su propio sitio web y usarlo para guardar todo su código personalizado. La ventaja de este método es que su código es independiente de su tema y permanecerá activo incluso cuando cambie el tema. Tampoco se ve afectado por las actualizaciones de WordPress en su sitio web. Consulte nuestra guía sobre cómo crear un complemento específico para su sitio web para obtener instrucciones paso a paso. Nota: Este método solo se aplica a los fragmentos que deben agregarse al archivo de funciones.
4. Agregue el código directamente al archivo de funciones.
Puede agregar fragmentos de código en el archivo functions.php de su tema. Sin embargo, esto tiene algunas desventajas.

  • Sus cambios se borrarán cuando actualice su tema de WordPress
  • Su código solo funcionará si está utilizando 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 formas de editar archivos de WordPress según el método que elija para agregar fragmentos personalizados a su sitio web.
1. Agregar código personalizado en el complemento de fragmentos
Si está utilizando el complemento Snippets, puede agregar fácilmente snippets desde el área de administración de WordPress. Solo ve a Extractos »Agregar nuevo página para agregar su código personalizado.
Agregar un nuevo fragmento de código en el complemento de fragmentos
2. Agregar código personalizado en el complemento de WordPress específico del sitio
Si agrega código personalizado en un complemento específico del sitio, puede usar el editor de complementos de WordPress incorporado para agregar código personalizado.
Edite un complemento específico del sitio utilizando el editor de complementos de WordPress
Primero, seleccione el complemento específico de su sitio en el menú desplegable titulado «Seleccionar complemento para editar». El editor cargará su archivo de complemento y podrá agregarle fragmentos. Una vez que haya terminado, haga clic en el botón «Actualizar archivo» para guardar los cambios. Si falta algo en su código o si puede dañar su sitio web, el editor de complementos revertirá automáticamente sus cambios. Otro método para agregar código personalizado en un complemento específico de un sitio es usar FTP. Simplemente navegue a la carpeta del complemento usando su cliente FTP. Haga clic derecho en el archivo del complemento, luego seleccione Ver / Editar archivo.
Edite el complemento de WordPress específico del sitio usando FTP
3. Agregar código personalizado a functions.php u otras plantillas de temas
Si agrega fragmentos de código al archivo functions.php de su tema o cualquier otra plantilla, puede agregar código directamente visitando Apariencia »Editor. Puede seleccionar el archivo en el que necesita agregar el código en la columna de la derecha.
Editor de temas
Las instrucciones que sigue le dirán dónde pegar el código, pero si no es así, debe agregar el código al final del archivo. Una mejor alternativa sería usar FTP para agregar código personalizado a los archivos del tema. Simplemente conecte su cliente FTP a su sitio web y vaya a / wp-content / themes / your-theme-folder / y haga clic derecho en el archivo para editar.
Edite archivos de tema a través de FTP
Seleccione la opción Ver / Editar archivo para abrir el archivo en el editor de texto.

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

Los novatos cometen errores comunes al agregar fragmentos personalizados a sus sitios web. Echemos un vistazo a algunos de ellos y cómo evitarlos.
1. Uso incorrecto de las etiquetas PHP de inicio y finalización
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 será procesado por PHP. Así es como se ve un fragmento de código PHP típico: // Etiqueta de inicio de PHP

Todo su código PHP debe estar dentro del Palabras clave. La etiqueta de cierre de PHP se vuelve más prominente en archivos que cambian de un lado a otro en HTML. Esto incluye la mayoría de los archivos de temas de WordPress que usan etiquetas PHP junto con HTML. Debe asegurarse de que si pega su código en una ubicación donde la etiqueta de inicio de PHP no esté cerrada, debe agregar su código sin la etiqueta de inicio de PHP.

Si pega su código personalizado fuera o después de la etiqueta de cierre de PHP, también debe agregar la etiqueta de inicio de PHP.

// Su fragmento de código personalizado

Casi el 90% de todos los errores se deben a una ubicación incorrecta de las etiquetas PHP de inicio o finalización. Estudiar el código lo ayudará a comprender si debe o no agregar las etiquetas PHP de inicio o finalización en su fragmento de código personalizado. Es posible que muchos archivos de temas de WordPress, especialmente el archivo functions.php, no tengan una etiqueta de cierre PHP en absoluto. Esto significa que puede agregar su código al final del archivo sin las etiquetas de inicio o final.

‘; } add_action (‘login_head’, ‘custom_loginlogo’); Tenga en cuenta que los escritores de tutoriales a veces pueden asumir que ya sabe cómo usar las etiquetas de inicio y finalización de PHP. Solo pueden mostrarle un fragmento de código sin esas etiquetas. function custom_loginlogo () {echo ‘

‘; } add_action (‘login_head’, ‘custom_loginlogo’); Dado que el autor del tutorial no sabe dónde va a agregar este código, ignoró las etiquetas de inicio y fin de PHP. Ahora, cuando agrega un fragmento de este tipo a los archivos de su tema, debe asegurarse de que esté dentro de las etiquetas PHP.
2. Errores de anidamiento incorrectos
PHP tiene una sintaxis especial para funciones, lógica condicional y bucles. Esta sintaxis depende de las llaves que indican cuándo comienza y cuándo termina una función. Por ejemplo, aquí hay una función PHP simple:

Ahora, si desea agregar un fragmento personalizado que no tiene nada que ver con esta función, deberá colocarlo fuera de esta función de esta manera: // Código preexistente en su archivo de tema

‘; }? Si echas de menos el …

Leave a Reply