{"id":230592,"date":"2022-12-14T16:28:00","date_gmt":"2022-12-14T13:28:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230592"},"modified":"2022-12-14T16:28:14","modified_gmt":"2022-12-14T13:28:14","slug":"wordpress-widgets-boerjar-med-standarder","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/wordpress-widgets-boerjar-med-standarder\/","title":{"rendered":"WordPress-widgets: B\u00f6rjar med standarder"},"content":{"rendered":"\n

Syftet med den h\u00e4r serien \u00e4r att b\u00f6rja g\u00f6ra en djupare dykning i arbetet med objektorienterad programmering i WordPress-sammanhang.<\/p>\n

Och eftersom WordPress Widgets API \u00e4r en av API:erna som anv\u00e4nder objektorienterade metoder, \u00e4r det ett logiskt st\u00e4lle att b\u00f6rja. Vidare kommer det att ge oss n\u00e5gra grundl\u00e4ggande tekniker som vi kan anv\u00e4nda f\u00f6r att till\u00e4mpa p\u00e5 framtida arbete n\u00e4r vi ser hur man bygger mer objektorienterade projekt p\u00e5 WordPress i framtida serier.<\/p>\n

Hittills har vi t\u00e4ckt f\u00f6ljande:<\/p>\n

    \n
  1. WordPress-widgets: ett objektorienterat tillv\u00e4gag\u00e5ngss\u00e4tt<\/a>. Widgets API ger ett gediget lackmustest och exempel p\u00e5 hur man kommer ig\u00e5ng med objektorienterad programmering i WordPress.<\/li>\n
  2. WordPress-widgets: Hur man uppt\u00e4cker objektorienterad programmering<\/a>. M\u00e5let \u00e4r att bev\u00e4pna dig med allt du beh\u00f6ver f\u00f6r att uppt\u00e4cka objektorienterade metoder.<\/li>\n<\/ol>\n

    Om du inte \u00e4r ikapp \u00e4r det nu ett bra tillf\u00e4lle att g\u00f6ra det. Och om du har, kommer du att minnas fr\u00e5n det f\u00f6rra inl\u00e4gget, vi avslutade med f\u00f6ljande anteckning:<\/p>\n

    \n

    Det vill s\u00e4ga, vi kommer att \u00e5terbes\u00f6ka WordPress Widget Boilerplate<\/a><\/strong> och jag kommer att omstrukturera den i dess nuvarande tillst\u00e5nd f\u00f6r att anta mer moderna PHP-standarder.<\/p>\n<\/blockquote>\n

    F\u00f6r att b\u00f6rja uppdatera WordPress Widget Boilerplate f\u00f6r att f\u00f6lja n\u00e4mnda standarder m\u00e5ste vi g\u00f6ra n\u00e5gra saker:<\/p>\n

      \n
    1. skapa en gren fr\u00e5n den befintliga pannplattan,<\/li>\n
    2. installera verktyg f\u00f6r kodkvalitet,<\/li>\n
    3. se till att v\u00e5r IDE \u00e4r korrekt inst\u00e4lld,<\/li>\n
    4. och b\u00f6rja omfaktorisera koden till n\u00e4mnda standarder.<\/li>\n<\/ol>\n

      Och det \u00e4r vad vi ska b\u00f6rja g\u00f6ra med det h\u00e4r inl\u00e4gget.<\/p>\n

      B\u00f6rjar med standarder<\/h2>\n

      Om du har varit medlem p\u00e5 den h\u00e4r webbplatsen ett tag, d\u00e5 vet du att jag f\u00f6redrar att anv\u00e4nda Visual Studio Code. Om inte, har jag en hel upps\u00e4ttning artiklar<\/a><\/strong> som \u00e4gnas \u00e5t hur jag anv\u00e4nder det (och d\u00e4rmed hur vi kommer att anv\u00e4nda det i den h\u00e4r serien av inl\u00e4gg).<\/p>\n

      Och om du \u00e4r intresserad av t\u00e4ckning ang\u00e5ende kodningsstandarder, fels\u00f6kning, IDE, utvecklingsmilj\u00f6er och s\u00e5 vidare, kolla in The Independent WordPress Developer<\/a><\/strong>.<\/p>\n

      Jag antar dock att om du l\u00e4ser detta s\u00e5 har du l\u00e4st igenom materialet ovan eller s\u00e5 \u00e4r du bekv\u00e4m med att g\u00e5 igenom allt material ovan.<\/p>\n

      Med det sagt, l\u00e5t oss b\u00f6rja.<\/p>\n

      Laddar ned arkivet<\/h3>\n

      Det f\u00f6rsta du kommer att vilja g\u00f6ra \u00e4r att klona en kopia av f\u00f6rvaret. Jag f\u00f6redrar att g\u00f6ra detta via kommandoraden.<\/p>\n

      Dessutom tycker jag ocks\u00e5 att det \u00e4r v\u00e4rt att g\u00f6ra det mot den senaste versionen av WordPress<\/a><\/strong>. Om du inte har en kopia av Subversions trunkkopia av WordPress kan du l\u00e4sa hur du st\u00e4ller in det h\u00e4r; detta \u00e4r dock helt valfritt. Du kan f\u00f6lja med resten av denna handledning alldeles utm\u00e4rkt med vilken version av WordPress du vill.<\/p>\n

      Att g\u00f6ra s\u00e5,<\/p>\n

        \n
      1. Se till att du \u00e4r i plugins-<\/strong> katalogen f\u00f6r din WordPress-installation<\/li>\n
      2. Och skriv sedan in f\u00f6ljande kommandon i en kopia av din terminal<\/li>\n<\/ol>\n
        $ <\/code><\/pre>\n
        Detta kommer att skapa en WordPress-Widget-Boilerplate-<\/strong> katalog i din plugin<\/strong> – katalog. Du kan navigera till det genom att enkelt skriva:<\/p>\n
        $ cd WordPress-Widget-Boilerplate<\/code><\/pre>\n
        Resultaten av att klona f\u00f6rvaret b\u00f6r se ut ungef\u00e4r s\u00e5 h\u00e4r:<\/p>\n
        D\u00e4refter m\u00e5ste du se till att du byter till utvecklingsgrenen<\/strong> som jag har skapat. Det \u00e4r verkligen l\u00e4tt att g\u00f6ra det h\u00e4r. Men innan vi g\u00f6r det, varf\u00f6r inte s\u00e4tta upp projektet i Visual Studio?<\/p>\n
        Konfigurera Visual Studio Code<\/h3>\n
        Stegen f\u00f6r att st\u00e4lla in projektet i Visual Studio Code \u00e4r enkla:<\/p>\n
          \n
        1. Dra katalogen f\u00f6r Boilerplate till IDE,<\/li>\n
        2. \u00d6ppna den integrerade terminalen,<\/li>\n
        3. Byt grenar<\/li>\n<\/ol>\n
          Precis som jag har gjort ovan kommer jag att ge en screencast om hur man g\u00f6r allt detta. Att dra en katalog till Visual Studio Code borde vara l\u00e4tt nog, men att byta grenar p\u00e5 kommandoraden kan vara lite annorlunda.<\/p>\n
          St\u00e4ll f\u00f6rst in projektet i Visual Studio Code:<\/p>\n<\/p>\n
          L\u00e4gg m\u00e4rke till att jag ocks\u00e5 \u00f6ppnar den integrerade terminalen genom att trycka p\u00e5 CMD+P-genv\u00e4gen (jag anv\u00e4nder macOS s\u00e5 din genv\u00e4g kan vara annorlunda). Sedan skriver jag in kommandot f\u00f6r att kolla in utveckla<\/strong> grenen.<\/p>\n
          N\u00e4r du har gjort detta b\u00f6r ditt lokala arkiv byta \u00f6ver till utvecklingsgrenen. Du kan bekr\u00e4fta att det \u00e4r grenen som du arbetar med genom att skriva:<\/p>\n
          $ git branch<\/code><\/pre>\n
          Och granska sedan inneh\u00e5llet i terminalen. Str\u00e4ngt taget b\u00f6r utveckla lyftas fram.<\/strong><\/p>\n
          \"WordPress-widgets:<\/a><\/p>\n
          Vid det h\u00e4r laget kommer vi att introducera n\u00e5gra nya filer i projektet. I slutet av den h\u00e4r handledningen kan du skapa en dragning<\/strong> f\u00f6r att f\u00e5 allt som jag ska dokumentera h\u00e4r. Men eftersom syftet med det vi g\u00f6r \u00e4r dubbelt s\u00e5 \u00e4r det viktigt att se till att vi g\u00f6r detta i r\u00e4tt ordning eftersom det f\u00f6rsta steget \u00e4r n\u00e5got som jag anv\u00e4nder i varje enskilt projekt f\u00f6r WordPress vid det h\u00e4r laget.<\/p>\n
          S\u00e5 med det sagt, l\u00e5t ta en titt.<\/p>\n
          Komposit\u00f6r och kodkvalitet<\/h3>\n
          Det f\u00f6rsta jag gillar att g\u00f6ra \u00e4r att st\u00e4lla in en serie verktyg f\u00f6r att framtvinga kodkvalitet. Detta uppn\u00e5s med en m\u00e4ngd olika Composer-paket. Dessa inkluderar:<\/p>\n