{"id":230447,"date":"2022-12-13T13:35:00","date_gmt":"2022-12-13T10:35:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230447"},"modified":"2022-12-13T13:37:32","modified_gmt":"2022-12-13T10:37:32","slug":"widzety-wordpress-podejscie-obiektowe","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pl\/widzety-wordpress-podejscie-obiektowe\/","title":{"rendered":"Wid\u017cety WordPress: podej\u015bcie obiektowe"},"content":{"rendered":"\n

Wiele lat temu stworzy\u0142em WordPress Widget Boilerplate<\/a><\/strong>, kt\u00f3ry mia\u0142 by\u0107 nast\u0119puj\u0105cy:<\/p>\n

\n

Zorganizowany, \u0142atwy w utrzymaniu schemat do tworzenia wid\u017cet\u00f3w przy u\u017cyciu najlepszych praktyk WordPressa.<\/p>\n<\/blockquote>\n

Od tego czasu niewiele si\u0119 zmieni\u0142o w odniesieniu do Widgets API<\/a><\/strong> (kt\u00f3remu przyjrzymy si\u0119 w dalszej cz\u0119\u015bci tego postu), ale zmieni\u0142o si\u0119 to, co uwa\u017cam za \u201enajlepsze praktyki". przyk\u0142ad wprowadzaj\u0105cego programowania obiektowego w WordPressie jest wysoki.<\/p>\n

Nie dlatego, \u017ce u\u017cywa wielu zasad zorientowanych obiektowo, nie dlatego, \u017ce u\u017cywa nowoczesnych standard\u00f3w (przynajmniej je\u015bli chodzi o wsp\u00f3\u0142czesne PHP), ale dlatego, \u017ce u\u017cywa kilku rzeczy, kt\u00f3re pomagaj\u0105 nam rozpozna\u0107 kilka, powiedzmy, sygna\u0142y dotycz\u0105ce programowania obiektowego w WordPressie.<\/p>\n

I to jest co\u015b, czego nie nale\u017cy lekcewa\u017cy\u0107: je\u015bli szukasz przyk\u0142ad\u00f3w programowania obiektowego w WordPressie, poszukaj interfejs\u00f3w API, kt\u00f3re go wykorzystuj\u0105.<\/p>\n

Co wi\u0119cej, je\u015bli szukasz sposob\u00f3w na ocen\u0119 w\u0142asnego poziomu oceny fragmentu kodu (nie m\u00f3wi\u0105c ju\u017c o bazie kodu) pod k\u0105tem u\u017cycia klas i niekt\u00f3rych bardziej zaawansowanych funkcji OOP, to dlaczego nie mie\u0107 jakiego\u015b papierku lakmusowego, aby zobaczy\u0107, jak si\u0119 masz?<\/p>\n<\/p>\n

A Widgets API w\u0142a\u015bnie to robi.<\/p>\n

Wid\u017cety WordPress: wprowadzenie<\/h2>\n

Wi\u0119c w mniejszej serii ni\u017c moja ostatnia, zamierzam przyjrze\u0107 si\u0119 API Widgets i zrobi\u0107 kilka rzeczy:<\/p>\n

    \n
  1. pokaza\u0107 podstawowy szkielet wid\u017cetu i dlaczego jest zorientowany obiektowo,<\/li>\n
  2. przedyskutuj, jakie rzeczy powiniene\u015b by\u0107 w stanie zauwa\u017cy\u0107 i dlaczego,<\/li>\n
  3. najpierw zaktualizuj Widget Boilerplate bezpo\u015brednio na tej stronie, a nast\u0119pnie wy\u015blij go do GitHub,<\/li>\n
  4. zbuduj widget wykorzystuj\u0105c API z boilerplate jako fundament naszej pracy.<\/li>\n<\/ol>\n

    W tym po\u015bcie zaczniemy od pierwszego punktu powy\u017cej.<\/p>\n

    Ale najpierw\u2026<\/h3>\n

    Zanim przejd\u0119 do tego postu, polecam przeczytanie nast\u0119puj\u0105cych post\u00f3w:<\/p>\n

      \n
    1. Dwa filary programowania obiektowego: cz\u0119\u015b\u0107 1 z 2<\/a><\/strong><\/li>\n
    2. Dwa filary programowania obiektowego: cz\u0119\u015b\u0107 2 z 2<\/a><\/strong><\/li>\n
    3. Klasy abstrakcyjne, cz\u0119\u015b\u0107 1 \u2013 zachowanie abstrakcji<\/a><\/strong><\/li>\n
    4. Klasy abstrakcyjne, cz\u0119\u015b\u0107 2 \u2013 Klasy abstrakcyjne i interfejsy<\/a><\/strong><\/li>\n<\/ol>\n

      Po zako\u0144czeniu (lub je\u015bli czujesz, \u017ce ju\u017c znasz tematy), jeste\u015bmy gotowi do pracy.<\/p>\n

      [ogranicz p\u0142atne=”prawda”]<\/p>\n

      Podstawy API wid\u017cet\u00f3w<\/h2>\n

      Je\u015bli przeczytasz stron\u0119 podr\u0119cznika na temat wid\u017cet\u00f3w, zobaczysz du\u017co tre\u015bci. To dobra rzecz, ale nie zawsze jest to najlepszy ruch, gdy pr\u00f3bujesz destylowa\u0107 tre\u015b\u0107 do odbiorc\u00f3w takich jak ty, gdy szukasz praktycznych, zorientowanych na przedmiot porady.<\/p>\n

      Wybior\u0119 wi\u0119c odpowiednie cz\u0119\u015bci z dokumentacji API, a nast\u0119pnie zastosuj\u0119 je do dostarczonego przez nas kodu.<\/p>\n

      Co to jest wid\u017cet?<\/h3>\n

      My\u015bl\u0119, \u017ce wi\u0119kszo\u015b\u0107 z nas, kt\u00f3rzy pracuj\u0105 z WordPressem, wie, czym jest wid\u017cet, ale wa\u017cne jest, aby zdefiniowa\u0107 ten termin, wi\u0119c wszyscy pracujemy nad tym samym pomys\u0142em. W podr\u0119czniku czytamy:<\/a><\/strong><\/p>\n

      \n

      Wid\u017cet to obiekt PHP, kt\u00f3ry generuje kod HTML. Ten sam rodzaj wid\u017cetu mo\u017ce by\u0107 u\u017cywany wielokrotnie na tej samej stronie (np. wid\u017cet tekstowy). Widgety mog\u0105 zapisywa\u0107 dane w bazie danych (w tabeli opcji).<\/p>\n<\/blockquote>\n

      Maj\u0105c to na miejscu, sp\u00f3jrzmy na kod niestandardowego wid\u017cetu, przynajmniej jego fragment, i zobaczmy, co mo\u017cemy zebra\u0107, je\u015bli chodzi o jego obiektow\u0105 natur\u0119.<\/p>\n

      Klasa wid\u017cet\u00f3w<\/h3>\n

      Zanim jeszcze spojrzymy na kod, wiemy, \u017ce b\u0119dzie pewien poziom programowania obiektowego, poniewa\u017c dokumentacja m\u00f3wi nam, aby\u015bmy zrobili trzy rzeczy:<\/p>\n

        \n
      1. Utw\u00f3rz klas\u0119 wid\u017cetu, rozszerzaj\u0105c standardow\u0105 klas\u0119 WP_Widget<\/a> i niekt\u00f3re z jej funkcji.<\/li>\n
      2. Zarejestruj wid\u017cet, aby by\u0142 dost\u0119pny na ekranie Wid\u017cety<\/strong>.<\/li>\n
      3. Upewnij si\u0119, \u017ce Tw\u00f3j motyw ma co najmniej jeden obszar wid\u017cet\u00f3w,<\/a><\/strong> w kt\u00f3rym mo\u017cna je doda\u0107.<\/li>\n<\/ol>\n

        W tym po\u015bcie skupi\u0119 si\u0119 na pierwszym punkcie (chocia\u017c w ko\u0144cu dowiemy si\u0119, jak wprowadzamy nasze wid\u017cety do motywu przed zako\u0144czeniem serii).<\/p>\n

        U\u0142\u00f3\u017cmy wi\u0119c kod<\/a><\/strong> tak, jak jest przedstawiony w dokumentacji i porozmawiajmy o tym, czego mo\u017cemy si\u0119 z niego nauczy\u0107:<\/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
        Po pierwsze, zauwa\u017camy, \u017ce chocia\u017c zdefiniowali\u015bmy klas\u0119 (kt\u00f3r\u0105 mo\u017cemy nazwa\u0107 jak tylko chcemy, na sw\u00f3j spos\u00f3b), musi ona rozszerza\u0107 WP_Widget<\/strong>. Oznacza to, \u017ce w rdzeniu WordPressa znajduje si\u0119 klasa WP_Widget<\/strong>. Na tej stronie mo\u017cesz zobaczy\u0107 dobrze zorganizowany podzia\u0142 kodu \u017ar\u00f3d\u0142owego .<\/a><\/strong><\/p>\n
        Po drugie, s\u0142owo kluczowe extends<\/strong> wskazuje, \u017ce u\u017cywamy dziedziczenia PHP<\/a><\/strong>, kt\u00f3re jest podstawowym filarem programowania obiektowego.<\/p>\n
        Po trzecie, s\u0105 cztery funkcje, kt\u00f3re musimy zaimplementowa\u0107, z kt\u00f3rych dwie wymagaj\u0105 argument\u00f3w. Funkcje, kt\u00f3re musimy zaimplementowa\u0107 to:<\/p>\n