{"id":230531,"date":"2022-12-13T13:02:00","date_gmt":"2022-12-13T10:02:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230531"},"modified":"2022-12-13T13:02:43","modified_gmt":"2022-12-13T10:02:43","slug":"wordpress-widgets-ett-objektorienterat-tillvaegagaangssaett","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/wordpress-widgets-ett-objektorienterat-tillvaegagaangssaett\/","title":{"rendered":"WordPress-widgets: ett objektorienterat tillv\u00e4gag\u00e5ngss\u00e4tt"},"content":{"rendered":"\n

F\u00f6r \u00e5r sedan skapade jag WordPress Widget Boilerplate som<\/a><\/strong> syftar till att vara f\u00f6ljande:<\/p>\n

\n

En organiserad, underh\u00e5llsbar planl\u00f6sning f\u00f6r att bygga widgets med WordPress b\u00e4sta praxis.<\/p>\n<\/blockquote>\n

Sedan dess har inte mycket f\u00f6r\u00e4ndrats ang\u00e5ende Widgets API<\/a><\/strong> (som vi kommer att titta p\u00e5 senare i det h\u00e4r inl\u00e4gget), men vad jag anser vara "b\u00e4sta praxis" har f\u00f6r\u00e4ndrats. Vidare, i vilken grad jag tycker att detta API \u00e4r en solid exempel p\u00e5 inledande objektorienterad programmering i WordPress \u00e4r h\u00f6g.<\/p>\n

Det \u00e4r inte f\u00f6r att det anv\u00e4nder en massa objektorienterade principer, det \u00e4r inte f\u00f6r att det anv\u00e4nder moderna standarder (\u00e5tminstone vad g\u00e4ller modern PHP), utan f\u00f6r att den anv\u00e4nder n\u00e5gra saker som hj\u00e4lper oss att k\u00e4nna igen n\u00e5gra, s\u00e4g, signaler g\u00e4llande objektorienterad programmering i WordPress.<\/p>\n

Och det h\u00e4r \u00e4r n\u00e5got som inte b\u00f6r underskattas: Om du letar efter exempel p\u00e5 objektorienterad programmering i WordPress, leta efter API:er som anv\u00e4nder det.<\/p>\n

Vidare, om du letar efter s\u00e4tt att m\u00e4ta din egen niv\u00e5 av att utv\u00e4rdera en bit kod (f\u00f6r att inte tala om en kodbas) f\u00f6r anv\u00e4ndning av klasser och n\u00e5gra av de mer avancerade funktionerna i OOP, varf\u00f6r inte ha n\u00e5gon sorts av ett lackmustest f\u00f6r att se hur du m\u00e5r?<\/p>\n<\/p>\n

Och Widgets API g\u00f6r just det.<\/p>\n

WordPress-widgets: en introduktion<\/h2>\n

S\u00e5 i en mindre serie \u00e4n min f\u00f6rra, siktar jag p\u00e5 att titta p\u00e5 Widgets API och att g\u00f6ra n\u00e5gra saker:<\/p>\n

    \n
  1. visa dig grundskelettet f\u00f6r en widget och varf\u00f6r den \u00e4r objektorienterad,<\/li>\n
  2. diskutera vilka saker du b\u00f6r kunna l\u00e4gga m\u00e4rke till och varf\u00f6r,<\/li>\n
  3. uppdatera Widget Boilerplate direkt p\u00e5 den h\u00e4r webbplatsen f\u00f6rst och tryck sedan ut den till GitHub,<\/li>\n
  4. bygga en widget med hj\u00e4lp av API:t med boilerplate som grund f\u00f6r v\u00e5rt arbete.<\/li>\n<\/ol>\n

    Och i det h\u00e4r inl\u00e4gget ska vi b\u00f6rja med den f\u00f6rsta punkten ovan.<\/p>\n

    Men f\u00f6rst\u2026<\/h3>\n

    Innan jag g\u00e5r in i det h\u00e4r inl\u00e4gget rekommenderar jag att du l\u00e4ser f\u00f6ljande inl\u00e4gg:<\/p>\n

      \n
    1. Tv\u00e5 pelare f\u00f6r objektorienterad programmering: Del 1 av 2<\/a><\/strong><\/li>\n
    2. Tv\u00e5 pelare f\u00f6r objektorienterad programmering: Del 2 av 2<\/a><\/strong><\/li>\n
    3. Abstrakta klasser, del 1 \u2013 Abstraherande beteende<\/a><\/strong><\/li>\n
    4. Abstrakta klasser, del 2 \u2013 Abstrakta klasser och gr\u00e4nssnitt<\/a><\/strong><\/li>\n<\/ol>\n

      N\u00e4r det \u00e4r klart (eller om du k\u00e4nner att du redan har koll p\u00e5 \u00e4mnena) \u00e4r vi redo att b\u00f6rja.<\/p>\n

      [restrict paid="true”]<\/p>\n

      Grunderna i Widgets API<\/h2>\n

      Om du l\u00e4ser igenom handbokssidan p\u00e5 Widgets kommer du att se mycket inneh\u00e5ll. Det h\u00e4r \u00e4r bra, men det \u00e4r inte alltid det b\u00e4sta draget n\u00e4r du f\u00f6rs\u00f6ker destillera inneh\u00e5ll till en publik som dig sj\u00e4lv n\u00e4r du letar efter praktiska, objektorienterade r\u00e5d.<\/p>\n

      S\u00e5 jag ska plocka ut relevanta delar fr\u00e5n API-dokumentationen och sedan till\u00e4mpa den p\u00e5 koden vi ocks\u00e5 tillhandah\u00e5ller.<\/p>\n

      Vad \u00e4r en widget?<\/h3>\n

      Jag tror att de flesta av oss som arbetar med WordPress vet vad en widget \u00e4r men det \u00e4r viktigt att definiera termen s\u00e5 att vi alla arbetar utifr\u00e5n samma id\u00e9. Handboken lyder:<\/a><\/strong><\/p>\n

      \n

      En widget \u00e4r ett PHP-objekt som matar ut lite HTML. Samma typ av widget kan anv\u00e4ndas flera g\u00e5nger p\u00e5 samma sida (t.ex. textwidgeten). Widgets kan spara data i databasen (i alternativtabellen).<\/p>\n<\/blockquote>\n

      Med detta p\u00e5 plats, l\u00e5t oss ta en titt p\u00e5 koden f\u00f6r en anpassad widget, \u00e5tminstone en del av den, och se vad vi kan f\u00e5 fram n\u00e4r det g\u00e4ller dess objektorienterade karakt\u00e4r.<\/p>\n

      Widget-klassen<\/h3>\n

      Innan vi ens tittar p\u00e5 koden vet vi att det kommer att finnas n\u00e5gon niv\u00e5 av objektorienterad programmering helt enkelt f\u00f6r att dokumentationen s\u00e4ger \u00e5t oss att g\u00f6ra tre saker:<\/p>\n

        \n
      1. Skapa din widgets klass genom att ut\u00f6ka standardklassen WP_Widget<\/a> och n\u00e5gra av dess funktioner.<\/li>\n
      2. Registrera din widget s\u00e5 att den blir tillg\u00e4nglig p\u00e5 sk\u00e4rmen Widgets .<\/strong><\/li>\n
      3. Se till att ditt tema har minst ett widgetomr\u00e5de<\/a><\/strong> d\u00e4r du kan l\u00e4gga till widgetarna.<\/li>\n<\/ol>\n

        I det h\u00e4r inl\u00e4gget kommer jag att fokusera p\u00e5 den f\u00f6rsta punkten (\u00e4ven om vi s\u00e5 sm\u00e5ningom kommer till hur vi introducerar v\u00e5ra widgets i ett tema innan serien \u00e4r \u00f6ver).<\/p>\n

        S\u00e5 l\u00e5t oss l\u00e4gga upp koden<\/a><\/strong> som den presenteras i dokumentationen och prata om vad vi kan l\u00e4ra oss av den:<\/p>\n

        <?php\nclass AcmeWidget extends WP_Widget \n{ \n    public function __construct() \n    {\n    }\n\n    public function widget($args, $instance) \n    {\n    }\n\n    public function form($instance)\n    {\n    }\n\n    public function update($newInstance, $oldInstance)\n    {\n    }\n}<\/code><\/pre>\n
        F\u00f6rst m\u00e4rker vi att \u00e4ven om vi definierade en klass (som vi kan namnge vad vi vill, p\u00e5 mitt s\u00e4tt), m\u00e5ste den ut\u00f6ka WP_Widget<\/strong>. Det betyder att det i WordPress-k\u00e4rnan finns en WP_Widget-<\/strong> klass. Du kan se en v\u00e4lorganiserad uppdelning av k\u00e4llkoden p\u00e5 den h\u00e4r sidan.<\/a><\/strong><\/p>\n
        F\u00f6r det andra indikerar nyckelordet extends<\/strong> att vi anv\u00e4nder PHP-arv<\/a><\/strong> som \u00e4r en grundpelare i objektorienterad programmering.<\/p>\n
        F\u00f6r det tredje finns det fyra funktioner som vi m\u00e5ste implementera, varav tv\u00e5 kr\u00e4ver argument. Funktionerna som vi m\u00e5ste implementera \u00e4r f\u00f6ljande:<\/p>\n