Cómo convertir cualquier cambio de tema de WordPress en un complemento simple

Una de las primeras cosas que los desarrolladores de WordPress aprenden a usar niños para personalizar los sitios web de WordPress. Aunque esta es una buena práctica, habrá momentos en que desea reutilizar el código que ha agregado a un tema secundario con otro tema u otro sitio web. La mejor manera de empacar el código que se utilizará con cualquier tema y en cualquier sitio web de WordPress es agregar el código a un complemento simple. Los arados son fáciles de copiar de un sitio web a otro y se pueden usar con cualquier tema. Veamos un ejemplo.
Imagine que ha encontrado un tutorial para hacer tablas HTML receptivas agregando código a un tema infantil. Le gusta la aparición de tablas HTML con este fragmento de código y desea usarlo más después de haber cambiado los temas y también usar el mismo código en varios otros sitios de WordPress. Un complemento personalizado lo hace fácil. En este tutorial, pasaré por el proceso de conversión de un simple cambio del niño en un complemento personalizado. Específicamente, crearé un complemento que incluya una hoja de estilo CSS y un archivo JavaScript que contiene código para hacer las tablas receptivas HTML. Sin embargo, puede aplicar la misma idea básica a cualquier cambio en el tema secundario que desea reutilizar en múltiples sitios web o mantener cuando cambie los temas.
Si desea seguir con este tutorial, eche un vistazo al artículo sobre cómo crear tablas receptivas en WordPress que no sean desagradables. El código que convertiremos en un complemento se puede encontrar en la sección titulada hacer las tablas receptivas manualmente. Si prefiere ver solo el producto terminado, puede descargar una copia del complemento de GitHub. La anatomía de un complemento cambia el tema infantil que convertiremos en un complemento incluye dos componentes: un poco menos de CSS y un archivo JavaScript. En el tutorial original, el CSS se agregó al archivo style.css del tema infantil, y JavaScript se agregó como un archivo separado y se puso en el gancho wp_enqueue_scripts. Estos son los componentes que tendremos que incorporar en nuestro complemento personalizado. Nuestra placa estará compuesta por tres archivos:
Un archivo PHP que proporcionará información básica sobre el complemento y cola los archivos CSS y JavaScript.
Un archivo CSS que contendrá CSS del archivo style.css del tema secundario.
Un archivo JavaScript que será una copia del archivo JavaScript que se ha agregado al tema infantil.
La estructura del complemento resultante se verá así:
Si sigue, siga estos pasos para configurar la estructura básica del complemento:

Cree un director matriz en WP-Content> Complementos Director de un desarrollo de WordPress o instalación de prueba. Utilizo XAMPP para instalaciones locales de WordPress, pero puede usar cualquier instalación de prueba o desarrollo de WordPress.
Llamé al Director de Padre Custom-CSS-and-JS, pero puedes llamarse a ti mismo como quieras.
Dentro del director de los padres, cree dos directorios adicionales: CSS y JS.
Cree el archivo PHP principal del complemento y colóquelo en su directorio principal. Llamé al archivo de complemento personalizado-CSS-y-JS.PHP. Cure CSS y archivos JavaScript y colóquelos en sus respectivos directores. Llamé a estos archivos Customs-Style.css y personalizados de inscripciones.js.
En este momento, la estructura básica del complemento está en vigor. Sin embargo, todos los archivos de su complemento están vacíos y si visita complementos> complementos instalados, no verá su complemento en la lista de complementos disponibles.
Agregar un complemento al tablero para que el complemento aparezca en la lista de complementos disponibles en complementos> complementos instalados. Todo lo que tenemos que hacer para que esto suceda es agregar un encabezado de archivo de complemento formateado correctamente a nuestro archivo PHP.
Cargue el esencial JPEN365/DCD8B1BF997EFB2616BB26D6B876380
Debido a que este es un complemento personalizado para su uso en mis sitios y no para la distribución general, mantuve el encabezado del archivo corto y de objeto. Con esta información agregada al archivo PHP principal de nuestro complemento, el archivo llamado Custom-CSS-Andjs.php-el complemento estará disponible para la activación cuando vayamos a complementos> complementos instalados.
Con el encabezado A del archivo del complemento, el complemento aparecerá en el tablero.
Coloque una hoja de estilo en la cola y un archivo de script mientras nuestro complemento ahora aparece en el tablero, todavía no hace nada. Para que el complemento haga algo, debemos agregar el código PHP al archivo del complemento. En este caso, el código que agregaremos será una función que identifica nuestros archivos CSS y JavaScript y se agrega a WordPress con el gancho wp_enqueue_scripts.

Los esenciales JPEN365/3814F67E02DDDD6BD8BD5FDD001D1F23 están cargados, viajamos esta función, pasando por uno.
Se crea una nueva función personalizada llamada custom_css_js_enqueue_scripts. El nombre de la función no es importante, pero por razones de claridad debería ser un nombre que sugiere el propósito de la función.

La función WordPress WP_ENQUEUE_STYLE () se usa para colocar la hoja de estilo personalizada en la cola.
La función WordPress wp_enqueue_script () se usa para colocar el archivo JavaScript en la cola.
La función add_action () WordPress se usa para vincular nuestra función personalizada con el gancho wp_enqueue_scripts.
Si esta es la primera vez que coloca una hoja o script en la cola, puede estar un poco abrumado por esta función. Si este es el caso, eche un vistazo a la adición de scripts y estilos a WordPress correctamente sentándose en la cola para conocer este tema.
Agregar estilos y scripts en este momento, cuando se activa el complemento, los archivos CSS y JavaScript personalizados se transmitirán con el resto de los archivos del sitio web. Sin embargo, no se ha agregado nada a ninguno de los archivos, por lo que el complemento aún no hace mucho. El siguiente paso es copiar CSS del archivo style.css del tema infantil y el archivo personalizado.css del complemento. Luego repita este proceso copiando los scripts del archivo JavaScript adjunto al tema infantil en el archivo personalizado.js del complemento. Con CSS y JavaScript copiados del tema infantil en los archivos CSS y JavaScript del complemento, podemos eliminar esos fragmentos de COD del tema infantil y serán transmitidos por el complemento.
El resultado del complemento creado después de estos pasos es realmente útil. Puede agregar cualquier CSS o JavaScript que desee a los archivos apropiados y se agregará a su sitio en este caso, agregué CSS y JavaScript para reproducir tablas HTML de manera receptiva. Como puede ver, las tablas se ven muy bien con veinticina activadas: la mesa se ve muy bien con veinte dieciséis.
Sin embargo, debido al hecho de que CSS y JavaScript que hacen que la tabla receptiva se agregue con un complemento, la tabla todavía se ve muy bien cuando se cambia el tema.
Todavía se ve muy bien cuando Tortuga es el tema activo.
Los archivos CSS y JavaScript conectados a este complemento se pueden usar para agregar cualquier estilo o secuencia de comandos personalizado. Sin embargo, CSS y JavaScript no son los únicos cambios en el tema secundario que puede agregar con un complemento.

Las funciones agregadas al archivo Functions.php de un tema secundario podrían agregarse a un complemento, especialmente si no definen el comportamiento del tema específico.
Los ambiciosos desarrolladores de WordPress pueden agregar incluso plantillas de página personalizadas con un complemento.

De hecho, el cielo es el límite. Cualquier modificación que esté pensando en agregar a través de un tema infantil se puede agregar casi seguramente con un complemento. Terminando siempre que desee realizar cambios en un sitio de WordPress que pueda reutilizar en otros sitios o con más temas, un complemento es la herramienta lógica para implementar estos cambios. Afortunadamente, crear un complemento personalizado para reemplazar los cambios simples en el tema infantil es fácil, y el resultado es lo suficientemente flexible como para administrar casi cualquier cambio con el que sueñe.
¿Alguna vez ha utilizado un complemento personalizado en lugar de un tema infantil?¿Qué tipo de cambios implementaste de esta manera? Etiquetas:
temas infantiles
desarrollo
Escrituras en la cola