{"id":230802,"date":"2022-12-14T16:29:00","date_gmt":"2022-12-14T13:29:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230802"},"modified":"2022-12-14T16:29:34","modified_gmt":"2022-12-14T13:29:34","slug":"widgets-de-wordpress-comenzando-con-los-estandares","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/widgets-de-wordpress-comenzando-con-los-estandares\/","title":{"rendered":"Widgets de WordPress: comenzando con los est\u00e1ndares"},"content":{"rendered":"\n

El prop\u00f3sito de esta serie es comenzar a profundizar en el trabajo con la programaci\u00f3n orientada a objetos en el contexto de WordPress.<\/p>\n

Y dado que la API de widgets de WordPress es una de las API que utiliza pr\u00e1cticas orientadas a objetos, es un lugar l\u00f3gico para comenzar. Adem\u00e1s, nos brindar\u00e1 algunas t\u00e9cnicas fundamentales que podemos usar para aplicar en trabajos futuros a medida que veamos c\u00f3mo crear m\u00e1s proyectos orientados a objetos en WordPress en series futuras.<\/p>\n

Hasta ahora, hemos cubierto lo siguiente:<\/p>\n

    \n
  1. Widgets de WordPress: un enfoque orientado a objetos<\/a>. La API de Widgets proporciona una s\u00f3lida prueba de fuego y un ejemplo de c\u00f3mo comenzar con la programaci\u00f3n orientada a objetos en WordPress.<\/li>\n
  2. Widgets de WordPress: c\u00f3mo detectar la programaci\u00f3n orientada a objetos<\/a>. El objetivo es armarlo con todo lo que necesita para detectar pr\u00e1cticas orientadas a objetos.<\/li>\n<\/ol>\n

    Si no est\u00e1s al d\u00eda, ahora es un buen momento para hacerlo. Y si es as\u00ed, entonces recordar\u00e1 de la \u00faltima publicaci\u00f3n, terminamos con la siguiente nota:<\/p>\n

    \n

    Es decir, revisaremos el\u00a0 modelo est\u00e1ndar de widgets de WordPress<\/a><\/strong> y lo refactorizaremos en su estado actual para adoptar est\u00e1ndares de PHP m\u00e1s modernos.<\/p>\n<\/blockquote>\n

    Para comenzar a actualizar WordPress Widget Boilerplate para seguir dichos est\u00e1ndares, debemos hacer algunas cosas:<\/p>\n

      \n
    1. crear una rama a partir del modelo existente,<\/li>\n
    2. instalar herramientas de calidad de c\u00f3digo,<\/li>\n
    3. aseg\u00farese de que nuestro IDE est\u00e9 configurado correctamente,<\/li>\n
    4. y comenzar a refactorizar el c\u00f3digo a dichos est\u00e1ndares.<\/li>\n<\/ol>\n

      Y eso es lo que vamos a empezar a hacer con este post.<\/p>\n

      Comenzando con los est\u00e1ndares<\/h2>\n

      Si ha sido miembro de este sitio durante alg\u00fan tiempo, entonces sabe que prefiero usar Visual Studio Code. Si no, tengo un conjunto completo de art\u00edculos<\/a><\/strong> dedicados a c\u00f3mo lo uso (y, por lo tanto, c\u00f3mo lo usaremos a lo largo de esta serie de publicaciones).<\/p>\n

      Y si est\u00e1 interesado en la cobertura sobre est\u00e1ndares de codificaci\u00f3n, depuraci\u00f3n, IDE, entornos de desarrollo, etc., consulte The Independent WordPress Developer<\/a><\/strong>.<\/p>\n

      Sin embargo, supongo que si est\u00e1 leyendo esto, entonces ha le\u00eddo todo el material anterior o se siente c\u00f3modo leyendo todo el material anterior.<\/p>\n

      Dicho esto, comencemos.<\/p>\n

      Descargando el Repositorio<\/h3>\n

      Lo primero que querr\u00e1 hacer es clonar una copia del repositorio. Prefiero hacer esto a trav\u00e9s de la l\u00ednea de comandos.<\/p>\n

      Adem\u00e1s, tambi\u00e9n creo que merece la pena hacerlo frente a la \u00faltima versi\u00f3n de WordPress<\/a><\/strong>. Si no tiene una copia de la copia troncal de WordPress de Subversion, puede leer c\u00f3mo configurarla aqu\u00ed; sin embargo, esto es puramente opcional. Puede seguir el resto de este tutorial sin problemas con cualquier versi\u00f3n de WordPress que desee.<\/p>\n

      Para hacerlo,<\/p>\n

        \n
      1. Aseg\u00farese de estar en el directorio de complementos<\/strong> de su instalaci\u00f3n de WordPress<\/li>\n
      2. Y luego ingrese los siguientes comandos en una copia de su terminal<\/li>\n<\/ol>\n
        $ <\/code><\/pre>\n
        Esto crear\u00e1 un\u00a0 directorio WordPress-Widget-Boilerplate<\/strong> en su\u00a0 directorio de complementos<\/strong>. Puede navegar hasta \u00e9l simplemente escribiendo:<\/p>\n
        $ cd WordPress-Widget-Boilerplate<\/code><\/pre>\n
        Los resultados de la clonaci\u00f3n del repositorio deber\u00edan verse as\u00ed:<\/p>\n
        A continuaci\u00f3n, debe asegurarse de cambiar a la\u00a0 rama de desarrollo<\/strong> que he creado. Es muy f\u00e1cil hacer esto. Pero antes de hacer eso, \u00bfpor qu\u00e9 no configurar el proyecto en Visual Studio?<\/p>\n
        Configuraci\u00f3n del c\u00f3digo de Visual Studio<\/h3>\n
        Los pasos para configurar el proyecto en Visual Studio Code son sencillos:<\/p>\n
          \n
        1. Arrastre el directorio de Boilerplate al IDE,<\/li>\n
        2. Abra el terminal integrado,<\/li>\n
        3. Intercambiar sucursales<\/li>\n<\/ol>\n
          Tal como lo hice anteriormente, proporcionar\u00e9 un screencast sobre c\u00f3mo hacer todo esto. Arrastrar un directorio a Visual Studio Code deber\u00eda ser bastante f\u00e1cil, pero intercambiar ramas en la l\u00ednea de comando puede ser un poco diferente.<\/p>\n
          Primero, configurando el proyecto en Visual Studio Code:<\/p>\n<\/p>\n
          Observe aqu\u00ed que tambi\u00e9n abro el terminal integrado presionando el acceso directo CMD+P (estoy en macOS, por lo que su acceso directo puede ser diferente). Luego ingreso el comando para verificar la rama de desarrollo .<\/strong><\/p>\n
          Una vez que haga esto, su repositorio local deber\u00eda cambiar a la rama de desarrollo. Puede confirmar que esa es la rama en la que est\u00e1 trabajando escribiendo:<\/p>\n
          $ git branch<\/code><\/pre>\n
          Y luego revisa el contenido de la terminal. En rigor, debe destacarse el desarrollo .<\/strong><\/p>\n
          \"Widgets<\/a><\/p>\n
          En este punto, vamos a introducir algunos archivos nuevos en el proyecto. Al final de este tutorial, puede formar un pull<\/strong> para obtener todo lo que voy a documentar aqu\u00ed. Pero debido a que el prop\u00f3sito de lo que estamos haciendo es doble, es importante asegurarse de que lo estamos haciendo en la secuencia adecuada porque el primer paso es algo que uso en cada proyecto para WordPress en este momento.<\/p>\n
          Entonces, dicho esto, echemos un vistazo.<\/p>\n
          Compositor y calidad del c\u00f3digo<\/h3>\n
          Lo primero que me gusta hacer es configurar una serie de herramientas para reforzar la calidad del c\u00f3digo. Esto se logra mediante una variedad de paquetes de Composer. \u00c9stos incluyen:<\/p>\n