WordPress es un sistema de gestión de contenidos. Actualmente, el 29,1% de los sitios web se ejecutan en WordPress. Con la creciente popularidad, los propietarios y administradores de sitios web siempre intentan modificar los temas y complementos proporcionados por WordPress para satisfacer sus necesidades.
Sin embargo, a menudo se requieren funciones adicionales que estos temas y complementos no pueden proporcionar. Sin embargo, deberías Agregar código personalizado en WordPress de una manera que
puede soportar la prueba del tiempo. Este tipo de cambio no debe realizarse en el considerando principal, ya que la actualización reemplazará estos cambios. Entonces, ¿cómo se realizan cambios de código personalizados en WordPress? Echemos un vistazo.
Crear un tema hijo
Si desea agregar un código personalizado en WordPress para cambiar la funcionalidad básica del tema, debe elegir un tema secundario. Esto implica sobrescribir el estilo con CSS. Hay dos formas de crear un tema hijo:
Usando un enchufe personalizado:
Instale el complemento del configurador de temas secundarios. Esto le permite crear un tema secundario a partir de uno de sus temas existentes. Después de la instalación, vaya a Herramientas y haga clic en el submenú Tema secundario. Seleccione el tema principal que desea cambiar y haga clic en Analizar.
Haga clic en el botón Crear nuevo tema secundario para crear un nuevo tema secundario. Se colocará en su carpeta wp-contents. Haga clic en la pestaña Consulta/Selector para agregar CSS personalizado.
Al hacer clic en Guardar, se muestra una pantalla de confirmación en la que puede ver los cambios realizados y confirmarlos. Al hacer clic en Guardar valores secundarios se confirman los cambios. Puede ver el código CSS agregado en la pestaña Estilos secundarios.
Método tradicional:
En la carpeta del tema principal, cree una nueva carpeta con un nombre que termine en «-child». Luego crea un archivo style.css con los siguientes valores:
Theme Name: Twenty Seventeen Child Theme URI: https://WordPress.org/themes/twentyseventeen/ Description: Twenty Seventeen Child Theme Author: The WordPress team Author URI: https://WordPress.org/ Template: twentyseventeen Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: twenty-seventeen-child
En el último paso, debe poner en cola las hojas de estilo de los temas principal y secundario. En la carpeta de temas secundarios, agregue el siguiente código al archivo functions.php:
;
También puede copiar archivos de plantilla y modificarlos en consecuencia para agregar código personalizado en WordPress.
Agregar código personalizado con un complemento
Si no está familiarizado con el backend de WordPress, puede elegir un complemento que le permita agregar código personalizado en WordPress. El uso de un complemento elimina el riesgo de perder modificaciones debido a la actualización o eliminación accidental de cosas. Aquí echamos un vistazo a dos complementos para ayudarlo a lograr esto:
Insertar encabezados y pies de página:
Este complemento le permite agregar código al encabezado y pie de página de su sitio web. Este complemento tiene una interfaz simple que le permite escribir scripts en un solo lugar. Es rápido de instalar y le permite agregar código personalizado CSS, Facebook Pixel y Google Analytics, así como JavaScript y HTML al encabezado y pie de página.
Fragmentos de código:
Este complemento le permite realizar cambios personalizados en su código sin preocuparse de que la actualización los elimine. La instalación de este complemento agrega un nuevo menú llamado Snippets a su sitio web.
Con este menú puede agregar nuevos fragmentos de código y nombrarlos. Tiene un campo donde puede ingresar el código y un campo de descripción debajo donde puede especificar qué función realiza.
Puede activar o desactivar estos fragmentos para facilitar la depuración. También puede exportarlos a archivos PHP. Si sus fragmentos están causando problemas con otros temas o complementos, siempre puede desactivarlos para identificar la causa.
Agregue código personalizado creando un complemento personalizado
Si desea modificar su sitio sin cambiar la funcionalidad, su mejor opción es crear un complemento personalizado.
Al crear un complemento personalizado, puede agregar un código personalizado en WordPress para cambiar una pequeña característica que permanece en su lugar incluso después de actualizar el tema. Puede crear un nuevo complemento de WordPress en cinco sencillos pasos:
Acceda al sitio a través de FTP:
Acceda a su sitio web utilizando el protocolo de transferencia de archivos. Aquellos que no estén familiarizados con FTP deben averiguarlo primero antes de continuar.
Vaya a la carpeta de complementos de WordPress:
Navegue a la carpeta de complementos ubicada en /wp-content/plugins.
Crear nueva carpeta: cree una nueva carpeta en la carpeta de complementos. Asigne a la carpeta un nombre único, como «complemento número uno», y luego ingréselo.
Crea un archivo PHP:
En la nueva carpeta de complementos, cree un archivo PHP principal. Nómbrelo como «complemento número uno», es decir, igual que la carpeta del complemento. Luego debe abrir y editar este archivo.
Información del enchufe de configuración:
Finalmente, debe copiar la información del complemento en el archivo PHP principal. Debe editar detalles como el nombre del complemento y la URL del complemento.
<?php /** * Plugin Name: Number One Plugin * Plugin URI: http://www.abcd.com/number-one-plugin * Description: The very first plugin that I have ever created. * Version: 1.0 * Author: Your Name * Author URI: http://www.abcd.com */
Ahora puede activar el complemento y realizar los cambios necesarios. Echemos un vistazo a una tarea simple que puede hacer con un complemento personalizado. Este código agrega texto debajo de todas tus publicaciones:
add_action( 'the_content', 'my_thank_you_text' );
function my_thank_you_text ( $content ) {
return $content .= '<p>Thank you for your attention!</p>';
}
Por lo tanto, agregar código personalizado en WordPress no es gran cosa y cualquiera puede hacerlo con los métodos mencionados anteriormente. Si el código manual es confuso para usted, será mejor que use un complemento. Sin embargo, debe decidir qué método es mejor para usted según su situación.
