¡Hola a todos! El tutorial de hoy se centra en enseñarle cómo pegar de forma segura varios fragmentos de código personalizados en WordPress. Aquí están algunas de las cosas principales que me gustaría compartir con ustedesNuestro equipoExperiencia en pegar fragmentos de código personalizados.

¿Cuál es la mejor forma de añadir fragmentos de código a WordPress?

Al igual que antes, antes de empezar a añadir fragmentos de código a su sitio de WordPress, debe realizar algunos cambios en el archivoCopia de seguridad del sitio web de WordPress.

Esto mantiene su sitio WordPress seguro y siempre puede restaurar su sitio desde una copia de seguridad si algo va mal.

A la hora de añadir fragmentos de código a WordPress, generalmente es posible encontrar instrucciones para añadir fragmentos de código a los archivos de plantilla de los temas de WordPress (por ejemplo, index.php, single.php, etc.).

Estos fragmentos sólo son útiles para esos archivos temáticos específicos, por lo que añadirlos directamente oCreación de un tema hijo de WordPress.

Sin embargo, la mayoría de los fragmentos de código se añaden al tema de WordPressarchivo functions.phpen. Algunos tutoriales pueden añadir fragmentos de código directamente al archivo, y los operadores expertos pueden hacerlo. Sin embargo, nuestro tutorial es para novatos, por lo que utilizará elPlugin de WordPress.

De este modo, si se cambia el tema, no se eliminará la personalización.

Existen varias formas de editar los archivos de WordPress, dependiendo del método elegido para añadir fragmentos de código personalizados a su sitio de WordPress.

Método 1: Añadir código personalizado utilizando el plugin WPCode (sencillo)

Utilizar el plugin Code Snippets es la forma más segura y fácil para los principiantes de añadir código a WordPress.

WPCodeEl plugin facilita la adición y gestión de fragmentos de código personalizados en su sitio web.No es necesario editar los archivos del tema.

TieneFunción inteligente de verificación de fragmentos de código, puede ayudar a evitar errores de código comunes. Esto evita que el sitio web se vea afectado cuando se añaden fragmentos de código.

WPCode también cuenta con una biblioteca de código incorporada que facilita la búsqueda de todos los fragmentos de código más populares de WordPress. Añada estos fragmentos con unos pocos clics.

Lo mejor es que permite a los administradores gestionar todos los fragmentos de código desde una pantalla central e incluso organizarlos mediante etiquetas.

Atención: El método WPCode es útil para añadir alfunciones.phpLos fragmentos de código en archivos son útiles. Este método se utiliza si se solicita que se añadan fragmentos de código a otros archivos del tema.

Cómo editar y añadir código WordPress utilizando WPCode

Si desea añadir código a WordPress utilizando el plugin WPCode, puede hacerlo directamente desde el panel de administración de WordPress.

En primer lugar, instale y active el plugin gratuito WPCode.

Una vez activado, vaya al panel de administración de WordPress en la sección"Fragmento de código""+ Añadir fragmento de código. A continuación, haga clic en"Añadir nuevo"Botón.

Esto le llevará a una pantalla en la que podrá seleccionar un clip de la biblioteca preconfeccionada o añadir un código personalizado.

Para añadir un código personalizado, haga clic en "Añadir código personalizado (nuevo fragmento de código)" en la opciónUtilice el botón de fragmento de código.

En la siguiente pantalla, empiece por dar un nombre al fragmento de código para que le resulte más fácil recordarlo. A continuación, pegue el código en la casilla. Seleccione el tipo de código correcto en el menú desplegable de la derecha.

A continuación, desplácese hasta "Insertar "Secciones. Aquí, hay una opción para utilizar el fragmento de código como un shortcode y luego copiarlo y pegarlo manualmente en cualquier parte del sitio.

O, alternativamente, existe la opción de "Autoinserción" para seleccionar dónde insertar automáticamente el fragmento de código (función de WordPress).

Se pueden seleccionar posiciones como ejecutar en todas partes, sólo front-end, sólo administrador, título de todo el sitio, después de post, entre post, antes de párrafo, etc.

Lo mejor de WPCode es que, además de las diversas opciones de autoinserción, viene con opciones de lógica condicional para novatos. Esto permite elegir cuándo cargar el código.

Después de añadir el código, cambie el interruptor de la esquina superior derecha de "inactivo"Cambiar a"función".

A continuación, haga clic enGuardar fragmentos de códigoBotón.

Una vez que un fragmento de código esté activo, se añadirá automáticamente o se mostrará como un shortcode, dependiendo del método de inserción elegido.

Cómo saber Añadir código al encabezado y pie de página de WordPress

A veces sólo será necesario abordar el temaheader.phptal vezpie.phpEl plugin WPCode también puede ayudar con esto.

Cuando se trata de añadirGoogle AnalyticsEsto le resultará útil cuando se trate de códigos de seguimiento para Google AdSense, etc.

Además, gestiona todos los códigos de cabecera y pie de página en un solo lugar, lo que evita cualquier error manual y permite actualizar o cambiar el tema sin perderlo.

Atención:Este método es el más adecuado para las secuencias de comandos de seguimiento, CSS personalizado y código JavaScript.

cambiar aFragmento de código "Encabezado y pie de páginaA continuación, el fragmento de código se introduce en la cabecera, el cuerpo o el pie de página de la página web.

Pulse "Guardar cambios" y a continuación se mostrará el fragmento de código en la página web.

metodologías2: Añadir código personalizado a plugins de WordPress específicos del sitio

Otra opción flexible es utilizar un plugin de WordPress específico para su sitio. Se trata de un plugin personalizado que le permite crearlo para su propio sitio y utilizarlo para guardar todo su código personalizado.

La ventaja de este enfoque es que el código no depende del tema y permanece activo aunque se cambie el tema. Tampoco se ve afectado por ningúnActualizaciones de WordPressEl impacto de la

Atención:Este método sólo funciona si necesita añadir alfunciones.phpfragmento de código del archivo.

Si utiliza un plugin específico del sitio, puede utilizar el editor de plugins integrado de WordPress para añadir código personalizado.

cambiar aPlugins "Editor de pluginsy luego desde el archivo etiquetado "Seleccione el plug-in que desea editar:" para seleccionar el plug-in.

El editor cargará el plugin específico del sitio. A continuación, sólo tiene que añadir el código a la página.

Cuando hayas terminado, haz clic en "Documentos actualizados"para guardar los cambios.

Si falta algo en el código o puede romper el sitio, el editor de plugins deshará automáticamente los cambios.

Otra forma de añadir código personalizado a un plugin específico del sitio es utilizar FTP.

Abra el sitio con un cliente FTP, luego haga clic con el botón derecho en el archivo del plugin y seleccione "Ver/Editar"Opciones.

Esto abrirá el archivo y facilitará la adición de fragmentos de código. Cuando guarde y vuelva a cargar el archivo, los cambios se mostrarán automáticamente.

metodologías3: Añadir código personalizado a Functions.php u otras plantillas de temas

Por último, se pueden añadir fragmentos de código directamente al temafunciones.phppapelesen. No obstante, le recomendamos que utilice otros métodos, ya que presenta algunos inconvenientes.

En primer lugar, si actualiza suTemas de WordPressEntonces todos los cambios desaparecerán.

A continuación, añada código que sólo funcionará si se utiliza ese tema en particular.

Veremos cómo copiar y pegar fragmentos de código correctamente y evitar romper el sitio.

Si va a añadir el fragmento de código directamente a un archivo de tema o a cualquier otra plantilla de página, navegue hasta el panel de administración de WordPress en la secciónEditor de temas "Aparienciafunciones.phppara añadir código.

A continuación, seleccione el archivo en la columna de la derecha y se abrirá en el editor.

Dependiendo del tutorial que elija le dirá dónde puede añadir el fragmento de código, si no es así, el código debe añadirse en la parte inferior del archivo, debajo de todo el código existente.

Otra opción es añadir código personalizado a los archivos del tema utilizando el FTP del gestor de archivos alojado en WordPress.

Conecte el cliente FTP al sitio y vaya a la secciónwp-content " temas " su-carpeta-temay haga clic con el botón derecho en el archivo que desea editar.

A continuación, haga clic en "Ver/Editar" abre el archivo en un editor de texto y añade el fragmento de código.

Resolución de errores PHP al añadir código personalizado

Los novatos cometen algunos errores al añadir fragmentos de código personalizados a su sitio de WordPresserror común. La buena noticia es que la mayoría de los errores pueden evitarse y solucionarse.

Echemos un vistazo a estos errores y a cómo solucionarlos.

1. Uso incorrecto de las etiquetas de inicio y fin de PHP

WordPress está escrito principalmente en el lenguaje de programación PHP, que tiene una sintaxis específica que indica al servidor que el siguiente código debe ser procesado por PHP. A continuación se muestra un fragmento de código PHP típico:

Todo el código PHP debe colocarse en el<?phpresponder cantando? >Etiquetado en.

Las etiquetas PHP end son importantes en los archivos que cambian de un lado a otro entre PHP y HTML. Esto incluye la mayoría de los archivos de temas de WordPress que utilizan marcado PHP y HTML.

Asegúrese de que si pega código en un lugar donde la etiqueta de inicio PHP no está desactivada, debe añadir código sin la etiqueta de inicio PHP.

Si el código personalizado se pega fuera o después de la etiqueta final PHP, también será necesario añadir la etiqueta inicial PHP.

Todos los errores 90% están causados por etiquetas PHP de inicio o fin mal colocadas. Observar el código le ayudará a ver si necesita añadir una etiqueta PHP de inicio o fin a su fragmento de código personalizado.

Sin embargo, muchos archivos de temas de WordPressfunciones.phpPuede que no haya ninguna etiqueta final PHP. Esto significa que se puede añadir código en la parte inferior del archivo sin necesidad de una etiqueta de inicio o de fin.

He aquí un ejemplo.

Porque algunos tutoriales asumen que usted ya sabe utilizar las etiquetas PHP start y end. Por lo tanto, puede que el tutorial se limite a mostrar un fragmento de código sin estas etiquetas.

A veces, cuando se dan fragmentos de código, pueden añadirse a más de una ubicación de forma que no se incluyan las etiquetas PHP de fin e inicio.

Cuando añada un fragmento de código como éste al archivo de su tema, asegúrese de que se encuentra dentro de una etiqueta PHP.

Comprender los errores PHP en WordPress

Los errores generados al añadir código personalizado a WordPress suelen mostrar mensajes de error detallados, la mayoría de los cuales sonerror gramatical, errores de análisis sintáctico, o debido a caracteres inesperadoserror fatal.

La buena noticia es que estos errores le indican qué línea de su código está causando el error.

A continuación, puede ir a la línea de código exacta para examinar el código y averiguar lo que falta.

En este caso, recomendamos utilizar elEditor de texto para la edición de códigoporque tienen números de línea y resaltado de sintaxis que pueden ayudar a resolver problemas.

Si utiliza el complemento WPCode, también viene con un informe de errores preciso que muestra la línea exacta en la que se produjo el error.

Cuando WPCode descubre que está bloqueando a los administradores el acceso al sitioÁrea de gestiónDesactiva automáticamente el fragmento de código en caso de error, lo que facilita la solución del problema de forma segura.

¿Qué hacer cuando no se puede acceder a un sitio web WordPress?

Que no cunda el pánico. Todos los archivos del sitio siguen ahí y puede acceder a ellos.

Simplemente utilice el cliente FTP opanel de controlLa aplicación Administrador de archivos se conecta a la página web.

A continuación, localice el archivo donde añadió el código que causó el error y ábralo para editarlo.

A continuación, puede intentar solucionar los problemas del fragmento de código. Si no se pueden arreglar los problemas, elElimine el fragmento de código añadidoSi desea guardar los cambios, puede hacerlo.

Ahora el sitio debería volver a la normalidad. Si sigue mostrando el error, descargue un archivo zip nuevo del tema de WordPress y extráigalo a su escritorio.

A continuación, localice el archivo modificado anteriormente y cárguelo en el servidor, sobrescribiendo el archivo antiguo.

Para más información sobre cómo resolver estos problemas, consulte nuestro artículo sobre laErrores comunes de WordPress y cómo solucionarlos.