{"id":230550,"date":"2022-12-14T16:29:00","date_gmt":"2022-12-14T13:29:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=230550"},"modified":"2022-12-14T16:29:34","modified_gmt":"2022-12-14T13:29:34","slug":"widzety-wordpress-zaczynajac-od-standardow","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pl\/widzety-wordpress-zaczynajac-od-standardow\/","title":{"rendered":"Wid\u017cety WordPress: zaczynaj\u0105c od standard\u00f3w"},"content":{"rendered":"\n

Celem tej serii jest rozpocz\u0119cie g\u0142\u0119bszego zanurzenia si\u0119 w pracy z programowaniem obiektowym w kontek\u015bcie WordPressa.<\/p>\n

A poniewa\u017c API WordPress Widgets jest jednym z interfejs\u00f3w API, kt\u00f3re wykorzystuje praktyki zorientowane obiektowo, jest to logiczne miejsce na pocz\u0105tek. Co wi\u0119cej, da nam kilka podstawowych technik, kt\u00f3re mo\u017cemy zastosowa\u0107 w przysz\u0142ej pracy, gdy zobaczymy, jak budowa\u0107 wi\u0119cej projekt\u00f3w obiektowych na WordPressie w przysz\u0142ych seriach.<\/p>\n

Do tej pory om\u00f3wili\u015bmy nast\u0119puj\u0105ce kwestie:<\/p>\n

    \n
  1. Wid\u017cety WordPress: podej\u015bcie obiektowe<\/a>. Widgets API zapewnia solidny test lakmusowy i przyk\u0142ad, jak rozpocz\u0105\u0107 programowanie obiektowe w WordPressie.<\/li>\n
  2. Wid\u017cety WordPress: Jak wykry\u0107 programowanie obiektowe<\/a>. Celem jest uzbroi\u0107 Ci\u0119 we wszystko, czego potrzebujesz do wykrywania praktyk zorientowanych obiektowo.<\/li>\n<\/ol>\n

    Je\u015bli nie nad\u0105\u017casz, teraz jest na to \u015bwietna pora. A je\u015bli tak, to pami\u0119tasz z ostatniego postu, zako\u0144czyli\u015bmy nast\u0119puj\u0105c\u0105 notatk\u0105:<\/p>\n

    \n

    Oznacza to, \u017ce ponownie odwiedzimy WordPress Widget Boilerplate<\/a><\/strong> i zamierzam dokona\u0107 refaktoryzacji go w obecnym stanie, aby przyj\u0105\u0107 bardziej nowoczesne standardy PHP.<\/p>\n<\/blockquote>\n

    Aby rozpocz\u0105\u0107 aktualizacj\u0119 WordPress Widget Boilerplate zgodnie ze wspomnianymi standardami, musimy zrobi\u0107 kilka rzeczy:<\/p>\n

      \n
    1. stworzy\u0107 ga\u0142\u0105\u017a z istniej\u0105cego boilerplate’u,<\/li>\n
    2. zainstalowa\u0107 narz\u0119dzia jako\u015bci kodu,<\/li>\n
    3. upewni\u0107 si\u0119, \u017ce nasze IDE jest poprawnie skonfigurowane,<\/li>\n
    4. i rozpocznij refaktoryzacj\u0119 kodu do wspomnianych standard\u00f3w.<\/li>\n<\/ol>\n

      I to w\u0142a\u015bnie zamierzamy zacz\u0105\u0107 robi\u0107 w tym po\u015bcie.<\/p>\n

      Zaczynaj\u0105c od standard\u00f3w<\/h2>\n

      Je\u015bli jeste\u015b cz\u0142onkiem tej witryny od jakiego\u015b czasu, wiesz, \u017ce wol\u0119 u\u017cywa\u0107 Visual Studio Code. Je\u015bli nie, mam ca\u0142y zestaw artyku\u0142\u00f3w<\/a><\/strong> po\u015bwi\u0119conych temu, jak go u\u017cywam (i tym samym, jak b\u0119dziemy go u\u017cywa\u0107 w tej serii post\u00f3w).<\/p>\n

      A je\u015bli jeste\u015b zainteresowany om\u00f3wieniem standard\u00f3w kodowania, debugowania, \u015brodowisk IDE, \u015brodowisk programistycznych itd., sprawd\u017a The Independent WordPress Developer<\/a><\/strong>.<\/p>\n

      Zak\u0142adam jednak, \u017ce je\u015bli to czytasz, to przeczyta\u0142e\u015b powy\u017cszy materia\u0142 lub czujesz si\u0119 komfortowo, przegl\u0105daj\u0105c ca\u0142y powy\u017cszy materia\u0142.<\/p>\n

      Powiedziawszy to, zacznijmy.<\/p>\n

      Pobieranie repozytorium<\/h3>\n

      Pierwsz\u0105 rzecz\u0105, kt\u00f3r\u0105 b\u0119dziesz chcia\u0142 zrobi\u0107, to sklonowa\u0107 kopi\u0119 repozytorium. Wol\u0119 to zrobi\u0107 za pomoc\u0105 wiersza polece\u0144.<\/p>\n

      Ponadto uwa\u017cam, \u017ce warto to zrobi\u0107 w stosunku do najnowszej wersji WordPressa<\/a><\/strong>. Je\u015bli nie masz kopii g\u0142\u00f3wnej kopii WordPressa Subversion, mo\u017cesz przeczyta\u0107, jak to skonfigurowa\u0107 tutaj; jest to jednak ca\u0142kowicie opcjonalne. Mo\u017cesz \u015bledzi\u0107 reszt\u0119 tego samouczka z dowoln\u0105 wersj\u0105 WordPressa, kt\u00f3r\u0105 chcesz.<\/p>\n

      Aby to zrobi\u0107,<\/p>\n

        \n
      1. Upewnij si\u0119, \u017ce jeste\u015b w katalogu wtyczek<\/strong> swojej instalacji WordPress<\/li>\n
      2. A nast\u0119pnie wprowad\u017a nast\u0119puj\u0105ce polecenia do kopii swojego terminala<\/li>\n<\/ol>\n
        $ <\/code><\/pre>\n
        Spowoduje to utworzenie\u00a0 katalogu WordPress-Widget-Boilerplate<\/strong> w twoim\u00a0 katalogu wtyczek<\/strong>. Mo\u017cesz do niego przej\u015b\u0107, wpisuj\u0105c:<\/p>\n
        $ cd WordPress-Widget-Boilerplate<\/code><\/pre>\n
        Wyniki klonowania repozytorium powinny wygl\u0105da\u0107 mniej wi\u0119cej tak:<\/p>\n
        Nast\u0119pnie upewnij si\u0119, \u017ce przechodzisz na ga\u0142\u0105\u017a<\/strong> dewelopersk\u0105, kt\u00f3r\u0105 utworzy\u0142em. To naprawd\u0119 \u0142atwe. Ale zanim to zrobimy, dlaczego nie skonfigurowa\u0107 projektu w Visual Studio?<\/p>\n
        Konfigurowanie kodu programu Visual Studio<\/h3>\n
        Kroki konfigurowania projektu w Visual Studio Code s\u0105 proste:<\/p>\n
          \n
        1. Przeci\u0105gnij katalog Boilerplate do IDE,<\/li>\n
        2. Otw\u00f3rz zintegrowany terminal,<\/li>\n
        3. Zamie\u0144 ga\u0142\u0119zie<\/li>\n<\/ol>\n
          Tak jak zrobi\u0142em powy\u017cej, przedstawi\u0119 screencast, jak to wszystko zrobi\u0107. Przeci\u0105ganie katalogu do Visual Studio Code powinno by\u0107 do\u015b\u0107 \u0142atwe, ale zamiana ga\u0142\u0119zi w wierszu polecenia mo\u017ce by\u0107 nieco inna.<\/p>\n
          Najpierw skonfiguruj projekt w Visual Studio Code:<\/p>\n<\/p>\n
          Zauwa\u017c tutaj, \u017ce otwieram r\u00f3wnie\u017c zintegrowany terminal, naciskaj\u0105c skr\u00f3t CMD + P (jestem na macOS, wi\u0119c tw\u00f3j skr\u00f3t mo\u017ce by\u0107 inny). Nast\u0119pnie wpisuj\u0119 polecenie, aby sprawdzi\u0107 ga\u0142\u0105\u017a<\/strong> dewelopersk\u0105.<\/p>\n
          Gdy to zrobisz, twoje lokalne repozytorium powinno prze\u0142\u0105czy\u0107 si\u0119 na ga\u0142\u0105\u017a dewelopersk\u0105. Mo\u017cesz potwierdzi\u0107, \u017ce jest to ga\u0142\u0105\u017a, nad kt\u00f3r\u0105 pracujesz, wpisuj\u0105c:<\/p>\n
          $ git branch<\/code><\/pre>\n
          A nast\u0119pnie przejrzyj zawarto\u015b\u0107 terminala. \u015aci\u015ble m\u00f3wi\u0105c, nale\u017cy podkre\u015bli\u0107 rozw\u00f3j .<\/strong><\/p>\n
          \"Wid\u017cety<\/a><\/p>\n
          W tym momencie wprowadzimy do projektu kilka nowych plik\u00f3w. Na ko\u0144cu tego samouczka mo\u017cesz utworzy\u0107 \u015bci\u0105ganie<\/strong>, aby uzyska\u0107 wszystko, co zamierzam tutaj udokumentowa\u0107. Ale poniewa\u017c cel tego, co robimy, jest dwojaki, wa\u017cne jest, aby upewni\u0107 si\u0119, \u017ce robimy to we w\u0142a\u015bciwej kolejno\u015bci, poniewa\u017c pierwszym krokiem jest co\u015b, czego u\u017cywam w ka\u017cdym projekcie dla WordPressa w tym momencie.<\/p>\n
          Wi\u0119c z tym powiedziawszy, sp\u00f3jrzmy.<\/p>\n
          Kompozytor i jako\u015b\u0107 kodu<\/h3>\n
          Pierwsz\u0105 rzecz\u0105, kt\u00f3r\u0105 lubi\u0119 robi\u0107, jest stworzenie szeregu narz\u0119dzi, kt\u00f3re wymuszaj\u0105 jako\u015b\u0107 kodu. Osi\u0105ga si\u0119 to dzi\u0119ki r\u00f3\u017cnym pakietom Composer. Obejmuj\u0105 one:<\/p>\n