{"id":231182,"date":"2022-12-14T16:49:00","date_gmt":"2022-12-14T13:49:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=231182"},"modified":"2022-12-14T16:53:27","modified_gmt":"2022-12-14T13:53:27","slug":"widgets-do-wordpress-comecando-com-padroes","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/widgets-do-wordpress-comecando-com-padroes\/","title":{"rendered":"Widgets do WordPress: Come\u00e7ando com Padr\u00f5es"},"content":{"rendered":"\n

O objetivo desta s\u00e9rie \u00e9 come\u00e7ar a mergulhar mais fundo no trabalho com programa\u00e7\u00e3o orientada a objetos no contexto do WordPress.<\/p>\n

E como a API do WordPress Widgets \u00e9 uma das APIs que usa pr\u00e1ticas orientadas a objetos, \u00e9 um lugar l\u00f3gico para come\u00e7ar. Al\u00e9m disso, ele nos dar\u00e1 algumas t\u00e9cnicas fundamentais que podemos usar para aplicar em trabalhos futuros, pois veremos como construir mais projetos orientados a objetos no WordPress em s\u00e9ries futuras.<\/p>\n

At\u00e9 agora, cobrimos o seguinte:<\/p>\n

    \n
  1. Widgets do WordPress: uma abordagem orientada a objetos<\/a>. A API Widgets fornece um teste decisivo s\u00f3lido e um exemplo de como come\u00e7ar a programa\u00e7\u00e3o orientada a objetos no WordPress.<\/li>\n
  2. Widgets do WordPress: Como detectar programa\u00e7\u00e3o orientada a objetos<\/a>. O objetivo \u00e9 armar voc\u00ea com tudo que voc\u00ea precisa para detectar pr\u00e1ticas orientadas a objetos.<\/li>\n<\/ol>\n

    Se voc\u00ea n\u00e3o est\u00e1 preso, agora \u00e9 um \u00f3timo momento para faz\u00ea-lo. E se voc\u00ea tiver, ent\u00e3o voc\u00ea vai se lembrar do \u00faltimo post, terminamos com a seguinte nota:<\/p>\n

    \n

    Ou seja, vamos revisitar o WordPress Widget Boilerplate<\/a><\/strong> e vou refator\u00e1-lo em seu estado atual para adotar padr\u00f5es PHP mais modernos.<\/p>\n<\/blockquote>\n

    Para come\u00e7ar a atualizar o WordPress Widget Boilerplate para seguir esses padr\u00f5es, precisamos fazer algumas coisas:<\/p>\n

      \n
    1. crie uma ramifica\u00e7\u00e3o a partir do clich\u00ea existente,<\/li>\n
    2. instalar ferramentas de qualidade de c\u00f3digo,<\/li>\n
    3. garantir que nosso IDE esteja configurado corretamente,<\/li>\n
    4. e comece a refatorar o c\u00f3digo para esses padr\u00f5es.<\/li>\n<\/ol>\n

      E \u00e9 isso que vamos come\u00e7ar a fazer com este post.<\/p>\n

      Come\u00e7ando com padr\u00f5es<\/h2>\n

      Se voc\u00ea \u00e9 membro deste site h\u00e1 algum tempo, sabe que prefiro usar o Visual Studio Code. Se n\u00e3o, eu tenho um conjunto inteiro de artigos<\/a><\/strong> dedicados a como eu o uso (e, portanto, como o usaremos ao longo desta s\u00e9rie de posts).<\/p>\n

      E se voc\u00ea estiver interessado em cobertura sobre padr\u00f5es de codifica\u00e7\u00e3o, depura\u00e7\u00e3o, IDEs, ambientes de desenvolvimento e assim por diante, confira The Independent WordPress Developer<\/a><\/strong>.<\/p>\n

      No entanto, estou assumindo que se voc\u00ea est\u00e1 lendo isso, ent\u00e3o voc\u00ea leu todo o material acima ou est\u00e1 confort\u00e1vel lendo todo o material acima.<\/p>\n

      Dito isso, vamos come\u00e7ar.<\/p>\n

      Baixando o Reposit\u00f3rio<\/h3>\n

      A primeira coisa que voc\u00ea vai querer fazer \u00e9 clonar uma c\u00f3pia do reposit\u00f3rio. Eu prefiro fazer isso atrav\u00e9s da linha de comando.<\/p>\n

      Al\u00e9m disso, tamb\u00e9m acho que vale a pena fazer isso contra a vers\u00e3o mais recente do WordPress<\/a><\/strong>. Se voc\u00ea n\u00e3o tem uma c\u00f3pia do tronco do WordPress do Subversion, voc\u00ea pode ler como configurar isso aqui; no entanto, isso \u00e9 puramente opcional. Voc\u00ea pode acompanhar o restante deste tutorial com qualquer vers\u00e3o do WordPress que desejar.<\/p>\n

      Para faz\u00ea-lo,<\/p>\n

        \n
      1. Verifique se voc\u00ea est\u00e1 no diret\u00f3rio de plugins<\/strong> da sua instala\u00e7\u00e3o do WordPress<\/li>\n
      2. E, em seguida, digite os seguintes comandos em uma c\u00f3pia do seu terminal<\/li>\n<\/ol>\n
        $ <\/code><\/pre>\n
        Isso criar\u00e1 um\u00a0 diret\u00f3rio WordPress-Widget-Boilerplate<\/strong> em seu\u00a0 diret\u00f3rio de plugins<\/strong>. Voc\u00ea pode navegar at\u00e9 ele digitando simples:<\/p>\n
        $ cd WordPress-Widget-Boilerplate<\/code><\/pre>\n
        Os resultados da clonagem do reposit\u00f3rio devem ser parecidos com isto:<\/p>\n
        Em seguida, voc\u00ea precisa ter certeza de mudar para o\u00a0 branch de desenvolvimento<\/strong> que eu criei. \u00c9 muito f\u00e1cil fazer isso. Mas antes de fazermos isso, por que n\u00e3o configurar o projeto no Visual Studio?<\/p>\n
        Configurando o c\u00f3digo do Visual Studio<\/h3>\n
        As etapas para configurar o projeto no Visual Studio Code s\u00e3o simples:<\/p>\n
          \n
        1. Arraste o diret\u00f3rio do Boilerplate para o IDE,<\/li>\n
        2. Abra o terminal integrado,<\/li>\n
        3. Trocar filiais<\/li>\n<\/ol>\n
          Assim como fiz acima, fornecerei um screencast sobre como fazer tudo isso. Arrastar um diret\u00f3rio para o Visual Studio Code deve ser bastante f\u00e1cil, mas trocar ramifica\u00e7\u00f5es na linha de comando pode ser um pouco diferente.<\/p>\n
          Primeiro, configurando o projeto no Visual Studio Code:<\/p>\n<\/p>\n
          Observe aqui que tamb\u00e9m abro o terminal integrado pressionando o atalho CMD + P (estou no macOS, portanto, seu atalho pode ser diferente). Ent\u00e3o eu insiro o comando para verificar a ramifica\u00e7\u00e3o de desenvolvimento .<\/strong><\/p>\n
          Depois de fazer isso, seu reposit\u00f3rio local deve mudar para o branch de desenvolvimento. Voc\u00ea pode confirmar que \u00e9 o branch do qual voc\u00ea est\u00e1 trabalhando digitando:<\/p>\n
          $ git branch<\/code><\/pre>\n
          E, em seguida, revise o conte\u00fado do terminal. A rigor,\u00a0 o desenvolvimento<\/strong> deve ser destacado.<\/p>\n
          \"Widgets<\/a><\/p>\n
          Neste ponto, vamos introduzir alguns novos arquivos no projeto. No final deste tutorial, voc\u00ea pode formar um pull<\/strong> para obter tudo o que estou prestes a documentar aqui. Mas como o objetivo do que estamos fazendo \u00e9 duplo, \u00e9 importante ter certeza de que estamos fazendo isso na sequ\u00eancia correta, porque o primeiro passo \u00e9 algo que eu uso em todos os projetos para WordPress neste momento.<\/p>\n
          Ent\u00e3o, com isso dito, vamos dar uma olhada.<\/p>\n
          Compositor e qualidade do c\u00f3digo<\/h3>\n
          A primeira coisa que gosto de fazer \u00e9 configurar uma s\u00e9rie de ferramentas para refor\u00e7ar a qualidade do c\u00f3digo. Isso \u00e9 alcan\u00e7ado por uma variedade de pacotes do Composer. Esses incluem:<\/p>\n