{"id":231374,"date":"2022-12-14T16:56:00","date_gmt":"2022-12-14T13:56:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=231374"},"modified":"2022-12-14T16:58:26","modified_gmt":"2022-12-14T13:58:26","slug":"widget-wordpress-a-partire-dagli-standard","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/widget-wordpress-a-partire-dagli-standard\/","title":{"rendered":"Widget WordPress: a partire dagli standard"},"content":{"rendered":"\n

Lo scopo di questa serie \u00e8 iniziare a fare un tuffo pi\u00f9 profondo nel lavorare con la programmazione orientata agli oggetti nel contesto di WordPress.<\/p>\n

E poich\u00e9 l’API dei widget di WordPress \u00e8 una delle API che utilizza pratiche orientate agli oggetti, \u00e8 un punto di partenza logico. Inoltre, ci fornir\u00e0 alcune tecniche di base che possiamo utilizzare per applicare al lavoro futuro mentre vediamo come costruire pi\u00f9 progetti orientati agli oggetti su WordPress nelle serie future.<\/p>\n

Finora, abbiamo trattato quanto segue:<\/p>\n

    \n
  1. Widget WordPress: un approccio orientato agli oggetti<\/a>. L’API Widgets fornisce una solida cartina di tornasole ed un esempio di come iniziare con la programmazione orientata agli oggetti in WordPress.<\/li>\n
  2. Widget WordPress: come rilevare la programmazione orientata agli oggetti<\/a>. L’obiettivo \u00e8 fornirti tutto ci\u00f2 di cui hai bisogno per rilevare le pratiche orientate agli oggetti.<\/li>\n<\/ol>\n

    Se non sei preso, ora \u00e8 un ottimo momento per farlo. E se l’hai fatto, ricorderai dall’ultimo post, abbiamo concluso con la seguente nota:<\/p>\n

    \n

    Cio\u00e8, rivisiteremo il WordPress Widget Boilerplate<\/a><\/strong> e lo refactoring nel suo stato attuale per adottare standard PHP pi\u00f9 moderni.<\/p>\n<\/blockquote>\n

    Per iniziare ad aggiornare il WordPress Widget Boilerplate per seguire detti standard, dobbiamo fare alcune cose:<\/p>\n

      \n
    1. creare un ramo dal boilerplate esistente,<\/li>\n
    2. installare strumenti di qualit\u00e0 del codice,<\/li>\n
    3. assicurati che il nostro IDE sia impostato correttamente,<\/li>\n
    4. e iniziare il refactoring del codice in base a detti standard.<\/li>\n<\/ol>\n

      Ed \u00e8 quello che inizieremo a fare con questo post.<\/p>\n

      A cominciare dagli standard<\/h2>\n

      Se sei un membro di questo sito da tempo, allora sai che preferisco usare Visual Studio Code. In caso contrario, ho un’intera serie di articoli<\/a><\/strong> dedicati a come lo uso (e quindi a come lo utilizzeremo in questa serie di post).<\/p>\n

      E se sei interessato alla copertura relativa a standard di codifica, debugging, IDE, ambienti di sviluppo e cos\u00ec via, dai un’occhiata a The Independent WordPress Developer<\/a><\/strong>.<\/p>\n

      Tuttavia, presumo che se stai leggendo questo, allora hai letto il materiale sopra o ti senti a tuo agio nell’esaminare tutto il materiale sopra.<\/p>\n

      Detto questo, iniziamo.<\/p>\n

      Download del repository<\/h3>\n

      La prima cosa che vorrai fare \u00e8 clonare una copia del repository. Preferisco farlo tramite la riga di comando.<\/p>\n

      Inoltre, penso che valga la pena farlo anche contro l’ultima versione di WordPress<\/a><\/strong>. Se non hai una copia della copia trunk di Subversion di WordPress, puoi leggere come configurarla qui; tuttavia, questo \u00e8 puramente facoltativo. Puoi seguire il resto di questo tutorial perfettamente con qualsiasi versione di WordPress che desideri.<\/p>\n

      Fare cos\u00ec,<\/p>\n

        \n
      1. Assicurati di essere nella directory dei plugin<\/strong> della tua installazione di WordPress<\/li>\n
      2. E quindi inserisci i seguenti comandi in una copia del tuo terminale<\/li>\n<\/ol>\n
        $ <\/code><\/pre>\n
        Questo creer\u00e0 una\u00a0 directory WordPress-Widget-Boilerplate<\/strong> nella directory\u00a0 dei plugin<\/strong>. Puoi accedervi digitando semplicemente:<\/p>\n
        $ cd WordPress-Widget-Boilerplate<\/code><\/pre>\n
        I risultati della clonazione del repository dovrebbero assomigliare a questo:<\/p>\n
        Successivamente, devi assicurarti di passare al\u00a0 ramo di sviluppo<\/strong> che ho creato. \u00c8 davvero facile farlo. Ma prima di farlo, perch\u00e9 non impostare il progetto in Visual Studio?<\/p>\n
        Configurazione del codice di Visual Studio<\/h3>\n
        I passaggi per impostare il progetto in Visual Studio Code sono semplici:<\/p>\n
          \n
        1. Trascina la directory per il Boilerplate nell’IDE,<\/li>\n
        2. Aprire il terminale integrato,<\/li>\n
        3. Scambia rami<\/li>\n<\/ol>\n
          Proprio come ho fatto sopra, fornir\u00f2 uno screencast su come fare tutto questo. Il trascinamento di una directory in Visual Studio Code dovrebbe essere abbastanza semplice, ma lo scambio di rami sulla riga di comando pu\u00f2 essere leggermente diverso.<\/p>\n
          Innanzitutto, configurando il progetto in Visual Studio Code:<\/p>\n<\/p>\n
          Nota qui che apro anche il terminale integrato premendo il collegamento CMD + P (sono su macOS, quindi il collegamento potrebbe essere diverso). Quindi inserisco il comando per controllare il ramo di sviluppo .<\/strong><\/p>\n
          Dopo averlo fatto, il tuo repository locale dovrebbe passare al ramo di sviluppo. Puoi confermare che \u00e8 la filiale di cui stai lavorando digitando:<\/p>\n
          $ git branch<\/code><\/pre>\n
          E poi rivedere il contenuto del terminale. A rigor di termini, lo sviluppo<\/strong> dovrebbe essere evidenziato.<\/p>\n
          \"Widget<\/a><\/p>\n
          A questo punto introdurremo alcuni nuovi file nel progetto. Alla fine di questo tutorial, puoi formare un pull<\/strong> per ottenere tutto ci\u00f2 che sto per documentare qui. Ma poich\u00e9 lo scopo di ci\u00f2 che stiamo facendo \u00e8 duplice, \u00e8 importante assicurarsi di farlo nella sequenza corretta perch\u00e9 il primo passaggio \u00e8 qualcosa che uso in ogni singolo progetto per WordPress a questo punto.<\/p>\n
          Quindi, detto questo, diamo un’occhiata.<\/p>\n
          Compositore e qualit\u00e0 del codice<\/h3>\n
          La prima cosa che mi piace fare \u00e8 impostare una serie di strumenti per rafforzare la qualit\u00e0 del codice. Ci\u00f2 \u00e8 possibile grazie a una variet\u00e0 di pacchetti Composer. Questi includono:<\/p>\n