Guía para principiantes de BracketSpace

Como desarrollador de WordPress, lograr un equilibrio entre eficiencia y calidad puede ser a veces un desafío. Crear productos desde cero (ya sean temas, complementos o sitios web o aplicaciones completas) puede volverse tedioso y demandar mucho tiempo.

Sin embargo, no es necesario sacrificar los estándares de codificación para optimizar el flujo de trabajo. Incorporar bibliotecas reutilizables y repositorios de código abierto como los que ofrece Espacio entre corchetes Puede ayudar a reducir el tiempo de desarrollo y al mismo tiempo facilitar la producción de código modular.

En esta publicación, explicaremos qué es BracketSpace. Luego, explicaremos cómo su biblioteca de código reutilizable, que incluye cinco micropaquetes específicos, puede beneficiar sus proyectos de desarrollo de WordPress. ¡Comencemos!

Introducción a BracketSpace

Espacio entre corcheteses una empresa de desarrollo centrada en WordPress que se especializa en el desarrollo de complementos:

Quizás la reconozcas como la empresa detrás del popular Plugin de notificaciones , así como Administrador de cron avanzado , que es una herramienta útil para la gestión de eventos de WP-Cron :

Sin embargo, más recientemente, BracketSpace Micropaquete lanzado :

Micropackage es una biblioteca de repositorios de código abierto que contienen código reutilizable para el desarrollo de complementos y temas de WordPress. Como se explica en una Entrada del blog de BracketSpace Los proyectos Micropackage surgieron de la necesidad de crear un método más estandarizado de reutilización de código que simplemente copiar y pegar.

Los beneficios de los micropaquetes reutilizables de BracketSpace para el desarrollo de WordPress

Cuando se trata de desarrollo de complementos, temas y sitios, el código que se puede mantener es clave. La mejor práctica es producir código que es modular , lo que significa que no solo es mantenible sino también reutilizable y extensible.

En pocas palabras, las bibliotecas de micropaquetes pueden ayudar con esto y, al mismo tiempo, reducir el tiempo de desarrollo y ampliar la funcionalidad de sus proyectos. Además, están acopladas de forma flexible, lo que deja mucho espacio y flexibilidad para las configuraciones.

Puede utilizar los micropaquetes de BracketSpace con temas y complementos de WordPress vía Composer o Administrador de paquetes de nodos (NPM). Algunos de los paquetes son voltorios para las API de WordPress, mientras que otros introducen nuevas funciones para desarrolladores.

Además, la mayoría no tiene una sola dependencia. En otras palabras, puedes usar paquetes individuales o la biblioteca completa.

5 micropaquetes reutilizables de BracketSpace para desarrolladores de WordPress

Actualmente hay 13 micropaquetes de BracketSpace disponibles, aunque es posible que se agreguen más con el tiempo. Echemos un vistazo a cinco que podrían beneficiar sus proyectos de desarrollo de WordPress.

1. Integraciones responsivas

Como desarrollador de WordPress, probablemente conozcas la importancia del diseño responsivo. Sin embargo, a veces la incorporación de contenido, como videos iframe de YouTube, no se traduce bien en temas responsivos.

El Micropaquete de incrustaciones responsivas Tiene como objetivo solucionar este problema. Ofrece una función de JavaScript que puedes usar para hacer que cualquier elemento incrustado responda automáticamente, incluidos los videos iframe.

A continuación se muestra un ejemplo de su uso:

import responsiveEmbeds from 'responsive-embeds';// See arguments description below.responsiveEmbeds( element, params ); const iframe = document.getElementById( 'some-iframe' );const embeds = document.querySelectorAll( '.responsive-embed' );responsiveEmbeds( 'iframe[src*="youtube.com"]', {   watch: true,   wrapClass: 'my-custom-wrap',} );responsiveEmbeds( iframe );responsiveEmbeds( embeds );

Envuelve el elemento HTML en undivEtiqueta con posición absoluta. La altura y el ancho se establecen en 100 por ciento para garantizar que coincidan con el ancho principal. Acolchado superiorse establece como un porcentaje que coincide con las proporciones originales del elemento.

Para obtener instrucciones detalladas de instalación y uso, dirígete al Repositorio de GitHub .

2. Plantillas

Al desarrollar temas para WordPress, el uso de un motor de plantillas puede agilizar significativamente el proceso. En pocas palabras, puede simplificar los lenguajes de programación complejos.

El Repositorio de plantillas es una solución para la creación de plantillas PHP básicas. El motor de plantillas simple incluye compatibilidad con múltiples variables y almacenamiento.

Una de las principales diferencias entre el motor de plantillas BracketSpace y otros comoRamitaoCuchillaEs que no almacena en caché ni analiza plantillas. Es un cargador de archivos básico que admite el paso de datos a plantillas.

Puede definir el almacenamiento de su plantilla:

MicropackageTemplatesStorage::add( 'frontend', $plugin_dir . '/frontend/templates' );

Luego use el siguiente código para renderizar la plantilla:

$template = new MicropackageTemplatesTemplate( 'frontend', 'profile', ['user_name' = $user_name,'posts'     = get_posts( [ 'author' = $user_id ] ),] );$template-render()

Si bien las variables son opcionales, debe definir los parámetros para los nombres de plantilla y almacenamiento. Para descargar o aprender más sobre este micropaquete, puede visitar el sitio Repositorio de plantillas de GitHub .

3. Sistema de archivos

El Micropaquete del sistema de archivos ofrece un contenedor simplificado que puede utilizar en torno a la API del sistema de archivos de WordPress. Básicamente, facilite la manipulación de sus archivos en el contenido wpdirectorio anteponiendo todas las rutas relevantes a las rutas completas.

Además de directorios de carga personalizados y archivos personalizados contenidos wpdirectorios, también admite complementos y temas. Puede inicializar la clase Filesystem desde el complemento principal o el archivo de plantilla ejecutando el siguiente script:

use MicropackageFilesystemFilesystem;

Luego, para agregar un directorio base, utilice:

$filesystem = new Filesystem( DIR );

Puede utilizar el micropaquete Filesystem para cualquier método proporcionado por el Sistema de archivos WPclase. WordPress ofrece una lista completa de esos métodos .

4. Ganchos de documentación

El Micropaquete DocHooks es para comentarios PHP y anotaciones de gancho de WordPress, lo que puede ayudar a mantener organizados sus proyectos. Admita acciones, filtros y códigos cortos:

@action hook_name* priority@filter hook_name* priority@shortcode shortcode_name*

Hay varias formas de utilizar este micropaquete. Por ejemplo, puede ampliar las Anotaciones de ganchoclase:

use MicropackageDocHooksHookAnnotations;class Example extends HookAnnotations { /**  *  @action test   */  public function test_action() {}}$example = new Example();$example-add_hooks();

Visita el GitHubPágina del repositorio DocHookspara descargar el micropaquete y aprender más sobre cómo usarlo.

5. Requisitos

Si está desarrollando complementos de WordPress, entonces los Requisitos del micropaquete Puede que le interese especialmente. Este repositorio le permite probar fácilmente los requisitos del entorno para ejecutar su complemento, como:

• Versiones de PHP y WordPress
• Extensiones PHP
• Plugins y temas activos
• Ganchos de documentación

Para un uso básico, deberá incorporar lo siguiente en el archivo principal de su complemento:

?php /* Plugin Name: My Test Plugin Version: 1.0.0 */ // Composer autoload. require_once DIR . '/vendor/autoload.php' ;$requirements = new MicropackageRequirementsRequirements( 'My Test Plugin', array(     'php'                = '7.0',     'php_extensions'     = array( 'soap' ),     'wp'                 = '5.3',     'dochooks'           = true,     'plugins'            = array(         array( 'file' = 'akismet/akismet.php', 'name' = 'Akismet', 'version' = '3.0' ),         array( 'file' = 'hello-dolly/hello.php', 'name' = 'Hello Dolly', 'version' = '1.5' )     ),     'theme'              = array(         'slug' = 'twentysixteen',         'name' = 'Twenty Sixteen'     ), ) ); /** Run all the checks and check if requirements has been satisfied. If not - display the admin notice and exit from the file. */ if ( ! $requirements-satisfied() ) { $requirements-print_notice(); return; }  // … plugin runtime.

Además, tienes la opción de crear tus propios cheques personalizados. Puedes ver las Opciones de uso avanzadas en la página del repositorio de micropaquetes.

Conclusión

La eficiencia y la productividad de su flujo de trabajo dependen de las herramientas y los métodos de desarrollo de WordPress que utilicen. Por ejemplo, las bibliotecas de códigos reutilizables pueden ayudar a reducir el tiempo de desarrollo y aumentar la calidad de sus proyectos.

Como comentamos en esta publicación, BracketSpace Micropaquetes lanzados recientemente ofrecen un puñado de repositorios de código abierto que puedes usar para el desarrollo de WordPress, como los cinco que cubrimos en esta publicación:

1. Las incrustaciones responsivas permiten garantizar que los elementos integrados, como los vídeos iframe, responden.
2. Plantillas es una solución de motor PHP simple y viene con paso de datos, almacenamiento múltiple y soporte de variables.
3. Sistema de archivos Proporciona métodos más sencillos para manipular archivos en directorios de WordPress.
4. Ganchos de documentación Puede ayudar a mantener sus proyectos organizados con anotaciones de gancho de WordPress.
5. Requisitos Probará los requisitos del entorno para su complemento.

¿Tiene alguna pregunta sobre el micropaquete BrackSpect? ¡Háganoslo saber en la sección de comentarios a continuación!