Si desea agregar fragmentos de código a su sitio de WordPress, ha venido al lugar correcto.
Por lo general, la gente copia los códigos y los pega en sus archivos de temas de WordPress. Este es un proceso sencillo, pero está destinado a usuarios experimentados.
Para usuarios principiantes e intermedios, copiar y pegar puede parecer intimidante. Por eso estoy escribiendo esta publicación.
Además, los usuarios experimentados pueden beneficiarse mientras les muestro cómo agregar fácilmente fragmentos de código.
¡Empecemos!
Razones para agregar fragmentos de código a su sitio de WordPress
En primer lugar, WordPress es la herramienta de creación de sitios web más popular debido a su configuración fácil de usar para principiantes y su funcionalidad orientada al usuario.
Sin embargo, agregar algunos códigos personalizados puede hacer que WordPress sea más poderoso sin dañar su sitio.
Supongamos que tiene códigos que se pueden implementar en su sitio web. ¿Pero dónde y cómo los publicarás?
Aquí es donde entra en juego la opción de pegar código. Esta es una excelente manera de agregar funciones innovadoras a su sitio web.
Otra razón para utilizar código personalizado es como una forma eficaz de aumentar el poder de WordPress.
Existe un complemento de WordPress para casi todas las necesidades. Pero, ¿es aconsejable instalar complementos que se adapten a todas sus necesidades y sobrecargar su sitio web?
Si puedes resolver el problema con un pequeño conjunto de código, deberías hacerlo.
Dicho todo esto, echemos un vistazo al proceso de agregar código personalizado a su sitio de WordPress.
Formas de agregar códigos personalizados
Hay muchas formas de agregar códigos personalizados a su sitio de WordPress. Antes de cubrir esta parte, quiero que instales un complemento de respaldo de WordPress para que los nuevos códigos no rompan nada en tu sitio.
Si algo sale mal, puedes restaurar una versión anterior desde una copia de seguridad y mover tu sitio a una etapa anterior. Teniendo esto en cuenta, otro aspecto de agregar fragmentos de código es dónde agregarlos.
Normalmente, puede agregar códigos a archivos de plantilla de temas como Index.php. Hay otros archivos PHP donde puedes pegar directamente tus códigos.
Creo que el método más popular es agregar fragmentos al archivo funciones.php. Al menos eso es lo que ves en la mayoría de los tutoriales disponibles.
Pero te mostraré el mejor método que te ayudará más cuando cambies el tema o quieras detener la funcionalidad de inmediato.
Sin embargo, aquí hay algunos métodos que puede utilizar para agregar código personalizado a su sitio de WordPress.
Cómo agregar fragmentos de código en WordPress (FluentSnippets)
El primer paso es agregar su propio código usando un complemento llamado FluentSnippets. Por cierto, este complemento fue desarrollado por nosotros (tu Recursos wp favorito). Si ya eres usuario de Fluent (utilizas cualquier producto de Fluent), sabes la alta calidad que mantienen nuestros complementos.
Paso uno: instalar el complemento gratuito
Ir a Complementos > Agregar nuevo complemento y busque FluentSnippets.
Hacer clic instalar ahora botón.
Ahora haga clic Activar y el complemento se activará.
Regrese a su panel de WordPress y busque FluentSnippets en el panel izquierdo. Verás un botón con información. Crea tu primer fragmento. Alternativamente, siempre puedes presionar Nuevo fragmento botón en la esquina superior derecha.
Paso dos: pegar fragmentos de código
Ahora pega tu fragmento y dale un nombre. Si lo deseas, puedes escribir una descripción. Finalmente, dile dónde correr y haz clic. Crear un fragmento botón.
También puede establecer prioridad para los números: cuanto menor sea el número, mayor será la prioridad.
Si tienes muchos fragmentos, puedes organizarlos en grupos. También puede asignar varias etiquetas para encontrar fácilmente sus fragmentos.
Hay una opción llamada Lógica condicional avanzada. Si lo habilita, puede filtrar fragmentos y dejarlos ejecutar cuando cumplan una condición.
Por cierto, puedes escribir scripts para PHP, PHP + HTML, CSS y JS.
La forma más sencilla de copiar y pegar código se realiza aquí. Puedes ir a Configuración, aunque no hay mucho que hacer allí.
Pega el código en tu archivo de tema.
WordPress viene con muchas características por defecto que se pueden aplicar a su sitio web. Los temas suelen venir con funciones ricas y opciones de personalización. Pero si necesitas algo preciso, puedes agregar algunos códigos que escribiste tú mismo.
Aquí hay un archivo Function.php que le ayudará a guardar. Bueno, puedes encontrar el archivo en cualquier tema, pero quiero que procedas de la forma más segura posible. Por eso sugiero crear un tema hijo.
No te abrumes. El tema secundario se encuentra debajo del tema principal y funciona igual que el tema principal. La ventaja es que si algo sale mal, sólo afectará a los abedules, no al árbol (tema principal).
Paso uno: crea un tema secundario
Para crear un tema secundario, necesita acceder a las carpetas de su sitio a través de un cliente FTP como FileZilla. También puedes acceder a él a través del administrador de archivos desde el que está alojado tu sitio.
Una vez que haya iniciado sesión exitosamente, vaya a contenido wp > temas. Una vez que llegue allí, podrá ver las carpetas de todos los temas instalados en su sitio.
Ahora necesitas crear una carpeta para el tema secundario que deseas crear. Dale un nombre a la carpeta. Sugiero escribir un nombre descriptivo para evitar confusiones en el futuro. Digamos que el nombre de tu tema es Tropica, puedes nombrar el tema secundario como tropica_childtheme.
Paso dos: agregar el archivo css
Después de crear la carpeta, agréguele el archivo style.css. En un editor de texto, pegue el siguiente código:
/*
Theme Name: My Child Theme
Theme URI: https: //mysite.com/
Description: This is a new child theme I have created for experimentation.
Author: Your Name
Author URI: https: //mysite.com/
Template: parenttheme
Version: 0.1
*/
No olvides reemplazar tu información con contenido ficticio. Asegúrate de escribir correctamente el nombre del tema principal (aquí es tropica). Otra cosa importante es que debes llamar al CSS del tema principal en el archivo style.css del tema secundario.
Esto se puede hacer simplemente agregando el siguiente código:
@import url("../parenttheme/style.css");Aquí el «tema principal» son los trópicos. ¿Normal?
Así que no olvides escribir correctamente el nombre del tema principal. Una vez que haya terminado, guarde el archivo como style.css en la carpeta de su tema secundario.
Paso 3: crea un archivo funciones.php
Lo siguiente es crear un archivo funciones.php para el tema hijo. Abra un editor de texto y pegue la siguiente etiqueta PHP:
<?php
//* Write your code here
Ahora guarde este archivo como funciones.php y agréguelo a la carpeta de su tema secundario. También arrastre esta carpeta al directorio de temas de su sitio web usando su cliente FTP.
Paso cuatro: activa tu tema
Es hora de activar el tema. Para hacer esto, vaya a Apariencia > Temas desde el panel izquierdo de su panel de WordPress. Allí podrás ver el tema hijo creado. haga clic en Activar y el tema secundario comenzará a funcionar.
Paso cinco: agregar fragmentos de código
Aquí para completar la tarea principal. Para agregar fragmentos de código a un tema secundario, vaya a Apariencia > Editor de archivos de temas. Ahora seleccione características.php u otros archivos que desee personalizar.
Aquí hay un ejemplo del archivo function.php
Cuando haya terminado, haga clic en Actualizar archivo y los cambios se aplicarán a su sitio. ¡Simplemente recarga la página y compruébalo por ti mismo!
Solicitud
Ahora ya sabe cómo agregar fragmentos de código personalizados a sus sitios de WordPress. Utilicemos este conocimiento y mejoremos las capacidades de su sitio web con códigos personalizados. Espero que agregar códigos ya no sea una tarea difícil.
