DE{CODE}: Więcej dev. Mniej dramatu

Jako programista nic nie zabija twojej pasji do rzemiosła, tak jak spędzanie godzin na zabawie z rzeczami, o których „wiesz, że powinny być łatwiejsze”. Platformy takie jak WP Engine są wyposażone w narzędzia i funkcje, które możesz wykorzystać, aby uprościć swoje życie programisty. Podczas tej sesji dowiesz się, jak i co możesz odrzucić, aby wrócić do tego, co Cię pasjonuje.

Slajdy sesji

Transkrypcja pełnego tekstu

ROB STINSON : Cześć wszystkim. Witamy na tej sesji DE{CODE}. Mam nadzieję, że do tej pory podobało Ci się to wydarzenie. Mam nadzieję, że dużo się nauczyłeś. Mam nadzieję, że nadal będziesz się dużo uczyć. W szczególności mam nadzieję, że nauczysz się teraz czegoś interesującego podczas tej sesji. Nazywam się Rob Stinson. Robię tę sesję z moim bardzo dobrym przyjacielem, panem Robertem Li. Oboje jesteśmy Australijczykami. Tak, cześć Robercie.

ROBERT LI: Jak się macie chłopaki?

ROB STINSON: W sesji bierze udział dwóch Australijczyków, obaj nazywają się Robert. Więc jakie to szczególne? To jest sesja More Dev, Less Drama. Ta sesja dotyczy tego, jak lepiej wykorzystać funkcje i narzędzia z zarządzanych hostów WordPress. Chciałbym mieć nadzieję, że to WP Engine. Abyś mógł usprawnić i ulepszyć swoje przepływy pracy. Wszystko z myślą, że możesz spędzać mniej czasu na rzeczach, których tak naprawdę nie chcesz robić, a więcej na rzeczach, które lubisz robić, takich jak programowanie i tworzenie witryn.

A jeśli byłeś na kilku różnych sesjach tutaj w DE{CODE}, prawdopodobnie doświadczyłeś kilku wyśmienitych sesji. Niektóre pięknie dopracowane treści, piękne i skoncentrowane doświadczenia. Coś jak dobre doznania kulinarne. To właśnie uzyskałeś podczas innych sesji DE{CODE}. Teraz ta sesja jest trochę inna. To trochę bardziej jak obfity bufet. Mamy wiele, wiele, wiele różnych rzeczy do przejścia. I tak jak w formie bufetu, będzie kilka rzeczy, które lubisz, och, tak naprawdę tego nie lubię, ale gwarantuję, że będą rzeczy, które lubisz.

Więc kręć się, słuchaj wszystkiego, co zamierzamy omówić. Będziemy ślizgać się po powierzchni wielu rzeczy, ale jestem pewien, że będzie wśród nich kilka złotych samorodków, które naprawdę, naprawdę pozwolą ci przyspieszyć twoje osobiste przepływy pracy, twoje doświadczenie deweloperskie i przenieś kilka rzeczy, które pochłaniają trochę twojego czasu, do różnych narzędzi i funkcji WP Engine, a nawet różnych narzędzi open source, dzięki czemu możesz spędzić więcej czasu na robieniu rzeczy, które kochasz.

I rzeczy, które… Opisuję te rzeczy, których nie chcemy robić. I niekoniecznie lubimy je robić. Czasami nawet nie jesteśmy specjalnie opłacani za ich wykonanie. To nawet nie jest tak naprawdę składnik naszej pracy, pracy, którą wykonujemy, ale po prostu pojawiają się takie rzeczy, których potencjalnie nawet się nie spodziewaliśmy. I zajmuje nam to czas.

Niektóre rzeczy, takie jak zarządzanie środowiskiem lokalnym, zarządzanie zależnościami, zarządzanie klientami. Zarządzanie wszystkimi szablonami, zarządzanie kryzysowe, gdy coś pójdzie nie tak, może zająć naprawdę dużo czasu. I nawet jak zarządzanie potokami. Wszystkie te rzeczy w różnych narzędziach i funkcjach, które chcemy rozpakować w tej sesji. Chcemy być w stanie skrócić czas, który musisz na nie poświęcić.

Tak więc pierwszy, któremu się przyjrzymy, dotyczy zarządzania lokalnym środowiskiem, a wiele osób zna Local, które jest lokalnym narzędziem programistycznym, które mamy tutaj w WP Engine. Jest powszechnie lubiany. Myślę, że jest to najczęściej używane lokalne środowisko dla narzędzia do zarządzania WordPress na rynku, co jest fantastyczne, ale wiele osób nie zdaje sobie sprawy z tego, jak bogaty jest zestaw funkcji. Jest wiele rzeczy, które to narzędzie robi za nas, co znacznie usprawnia nasze doświadczenie w zakresie rozwoju lokalnego. Chcę przez nie przejść.

Z bardzo wysokiego poziomu jest to świetne gotowe, darmowe i gotowe do użycia narzędzie. Piękny, przyjazny interfejs użytkownika. Bardzo przyjazny dla programistów. Bardzo łatwo uruchomić samą aplikację, a następnie bardzo łatwo wypluć zupełnie nowe witryny WordPress, dzięki czemu możesz zacząć budować i rozwijać lokalnie.

Jedną z funkcji, które uwielbiam, są plany, a plany w Local są po prostu — oznacza to, że nie musisz zaczynać od zera. A twój plan może być taki, jaki chcesz. Może to być witryna z szablonami — szablonowa witryna WordPress, która zawiera preferowaną strukturę motywów lub preferowany zestaw wtyczek startowych, które lubisz. Możesz nawet mieć wiele wtyczek. Możesz obsługiwać określone branże, możesz mieć plany przeznaczone dla określonych branż lub określonych typów projektów. Możesz mieć plan, który jest szczególnie dostosowany do blogowania, witryn stylistycznych. Lub taki, który jest szczególnie dostosowany do większych mediów.

Możesz nawet mieć plan, który wykorzystuje Atlas, który jest bezgłową platformą WP Engine. Tak więc plan jest fantastyczną funkcją, która jeśli masz zestaw rzeczy, które w pewnym sensie standaryzujesz w swoich witrynach WordPress, możesz stworzyć dla tego plan, aby następnym razem, gdy utworzysz jedną z tych witryn, to naprawdę łatwe rozkręcić się

Kolejną świetną funkcją w Local są Live Links. Teraz, jeśli pracujesz z – jeśli masz agencję lub freelancera i pracujesz z klientami oraz budujesz i rozwijasz lokalnie, czasami pchając się do pewnego rodzaju środowiska testowego lub testowego, niekoniecznie jest to trudne, ale jest to po prostu kilka dodatkowych minut. I po prostu naprawdę chcesz przekazać ten podgląd swojemu klientowi, klientowi naprawdę łatwo. Linki na żywo to dokładnie to. To, co robi, zasadniczo pozwala twojemu klientowi trafić do własnej przeglądarki, ale trafić na stronę, która znajduje się na twoim lokalnym komputerze.

Ta funkcja jest dostępna w aplikacji od dłuższego czasu, około 12 miesięcy temu naprawdę przekonfigurowaliśmy ją i przeprojektowaliśmy, aby znacznie poprawić jej stabilność i użyteczność. Więc zdecydowanie, jeśli jest to coś, z czego korzystałeś w przeszłości, ale nie korzystałeś ostatnio, zdecydowanie warto to sprawdzić. Ale jeśli jest to dla Ciebie nowość, jest to naprawdę potężna funkcja przyspieszająca czas potrzebny na przekazanie klientowi czegoś, co zbudowałeś w celu uzyskania opinii.

Lokalne połączenie jest również świetne. Zasadniczo pozwala na wypychanie i pobieranie instalacji WordPress z konta hostingowego. W tej chwili możesz połączyć się z WP Engine lub Flywheel. Możesz więc przesyłać i pobierać witryny do lokalizacji lokalnej, do produkcji lub do etapu przemieszczania, gdziekolwiek chcesz, naprawdę łatwo i możesz wybrać bazę danych, którą również wypychasz i ściągasz. Możesz więc wypychać kod, ale nie chcesz nadpisywać baz danych znajdujących się w określonym środowisku, do którego wypychasz. Tak fantastyczna funkcja.

Innym jest to, że – WP CLI jest jednym z tych narzędzi do zmiany gry, które pojawiły się w ekosystemie WordPress kilka lat temu. Uwielbiam to, że jest stale rozwijany i ulepszany, ale jest to jedna z tych małych rzeczy, które odkrywasz, zwłaszcza jako programista, jest piękna. Wspaniałą rzeczą w Local jest to, że możesz kliknąć witrynę prawym przyciskiem myszy i otworzyć powłokę witryny, w zasadzie i uzyskać dostęp do wiersza poleceń do lokalnej instancji i uruchamiać polecenia WP CLI. I to jest po prostu fantastyczne, jeśli chodzi o oszczędność czasu.

W podstawowej aplikacji jest też mnóstwo innych rzeczy. Ładne adresy URL, nie wiem, nazwij mnie próżną. Miło jest mieć w przeglądarce coś dobrego, a nie kilka losowych znaków. Oczywiście możesz uruchomić wiele witryn. Generowane są certyfikaty SSL, które powinniśmy ujednolicić na wszystkich poziomach cyklu programistycznego.

Logowanie jednym kliknięciem, co jest naprawdę miłe, więc nie musisz logować się specjalnie do WordPress. Wystarczy kliknąć przycisk, aby zalogować się bezpośrednio z lokalnej aplikacji. Możesz zamienić konfiguracje instalacji, co jest fantastyczne, jeśli chcesz przetestować różne wersje PHP dla wtyczki, którą możesz opracowywać. Jest to po prostu bardzo łatwe do zrobienia.

I Mailhoga też. Uwielbiam tę funkcję. Zasadniczo znajduje się pośrodku i przechwytuje wszystkie e-maile wysyłane przez WordPress. Zwłaszcza jeśli tworzysz lokalnie witrynę e-commerce z systemem WooCommerce i próbujesz przetestować sposób jej wysyłania — faktury lub wiadomości e-mail z potwierdzeniem. Mailhog to po prostu świetna funkcja do przechwytywania tych e-maili podczas ich wysyłania, dzięki czemu możesz mieć pewność, że wszystko działa tak, jak potrzebujesz.

To są wszystkie podstawowe funkcje, ale Local ma również całą masę dodatków. A w poprzedniej historii niektóre z nich były bezpłatne, a niektóre były profesjonalne. Ale około 12 miesięcy temu faktycznie udostępniliśmy wszystko za darmo. Tak więc każdy dodatek w lokalnej bibliotece dodatków jest teraz dostępny dla każdego w ekosystemie WordPress za darmo. Więc zdecydowanie warto sprawdzić. Kilka z nich, takich jak Link Checker, to po prostu świetne narzędzie do sprawdzania uszkodzonych linków w Twojej lokalnej witrynie. Zepsute linki są złe, dowiedz się, gdzie one istnieją i napraw je, bardzo łatwo.

Image Optimizer, w branży istnieje wiele narzędzi do optymalizacji obrazów, ale jest jedno, które jest dostępne za pośrednictwem dodatku stworzonego specjalnie dla Local. Jest to świetne rozwiązanie, jeśli chodzi o zmniejszenie rozmiaru witryn, które budujesz na komputerze lokalnym. Kopie zapasowe w chmurze, jak również. Zasadniczo dobrze jest mieć kopie zapasowe, nawet tylko do celów produkcyjnych, oczywiście, ale nawet dla lokalnych witryn. Kopie zapasowe w chmurze – ale także świetnie, być może pracowałeś na stronie i oczywiście musisz ją zarchiwizować i zachować na przyszłość, ale chcesz ją usunąć z komputera lokalnego, aby przywrócić trochę miejsca. Możesz więc wykonać kopię zapasową na Dysku Google lub Dropbox.

Natychmiastowe przeładowanie również. Jeśli szczególnie kodujesz i pracujesz nad wtyczką lub motywem, który ma wpływ na interfejs użytkownika, jest to mały obserwator, który obserwuje twoje pliki w Twojej witrynie i zauważa, że ​​jeśli nastąpi zmiana, odświeży przeglądarkę dla Ciebie, zamiast ręcznego klikania w przeglądarce i klikania Odśwież. Takie małe rzeczy są fantastyczne, jeśli chodzi o oszczędność czasu.

Jest też masa innych dodatków. Jak powiedziałem na początku, Local jest dobrze znany i kochany za to, co robi dla lokalnego rozwoju WordPress, ale wszystkie te dodatkowe małe funkcje są fantastyczne i jeśli zaczniesz je wykorzystywać, są naprawdę, naprawdę dobre do oszczędzania ty czas.

Przejdź do localwp.com Jeśli nie masz jeszcze Local, przejdź tam, możesz pobrać go za darmo. Tam również możesz zarejestrować się w społeczności i uzyskać dostęp do dodatkowych zasobów. Możesz nawet opracować własne dodatki również dla lokalnych. Więc jest na to dokumentacja. Ale localwp.com to miejsce, w którym możesz go zdobyć. Idę teraz przybić piątkę Robertowi Li. Opowie trochę o menedżerze Smart Plugin.

ROBERT LI: Dzięki Rob. Więc oczywiście rozmawialiśmy o tym, jak możesz zarządzać i rozwijać się w szybszy i łatwiejszy sposób, lokalnie. Teraz musisz przenieść go do środowiska, prawda? Tak więc jedną z rzeczy, o których musisz pomyśleć – a jest to jeden z podstawowych elementów WordPressa, jest oczywiście zarządzanie zależnościami. Jak zarządzasz tymi motywami? Jak zarządzasz tymi wtyczkami? W rzeczywistości około 2/3 wszystkich jest to problem z bezpieczeństwem, około 2/3 wszystkich luk wynika z nieaktualnych wtyczek.

Jest to więc naprawdę ważna część zarządzania WordPressem, ale nie zawsze jest najbardziej efektowna. I często spędzam godziny na próbach aktualizacji wtyczek. Lub, jeśli przerwę witrynę od aktualizacji wtyczki, próbując dowiedzieć się, gdzie to zepsułem. I tak jednym z narzędzi, które ma teraz WP Engine, które pozwala to zrobić w naprawdę bezpieczny, łatwy i zaplanowany sposób, jest Smart Plugin Manager.

Tak więc jest dostarczany z każdym dedykowanym środowiskiem w WP Engine. Więc jeśli masz jeden z nich, nie krępuj się przypisać go do jednej ze swoich instalacji i wypróbować go teraz. Ale oczywiście dostępne są również licencje zbiorcze, więc możesz je uzyskać dla 5, 10, 25, a nawet 500 witryn. Jeśli chcesz, jest to całkiem przystępne, aby zaoszczędzić godziny. Ale w zasadzie to, co robi, to robi to, co jest napisane na pudełku. Dzięki niemu Twoje wtyczki i motywy są teraz automatycznie aktualizowane. Przeprowadza testy, aby upewnić się, że odbywa się to bezpiecznie, a także pozwala kontrolować, kiedy to się dzieje, aby nie zdarzało się to losowo za każdym razem, gdy pojawia się aktualizacja, co, jak wiem, jest czymś, co robi podstawowa funkcja aktualizacji w WordPress.

Więc zagłębiając się w to, jak to kontrolujesz, oczywiście, kiedy aktualizujesz, chcesz być w stanie przewidzieć, kiedy te aktualizacje wyjdą, abyś mógł nad tym czuwać i upewnić się, że nic nie pójdzie źle. Możesz monitorować ten proces. Możesz więc zaplanować aktualizacje z wybraną częstotliwością, prawda? Możesz także zaplanować to w dni powszednie lub w weekendy, ponieważ oczywiście nikt tak naprawdę nie chce pracować w weekendy, prawda? Więc chcesz umieścić to w dni powszednie.

Możesz wykluczyć i wybrać wtyczki. Niektóre wtyczki mogą być bardziej złożone niż inne, z którymi możesz chcieć mieć trochę więcej rękawicy dla dzieci, a niektórym możesz po prostu pozwolić działać, ale możesz też wykluczyć określone sekcje swojej witryny. Na przykład według klasy lub identyfikatora. A to pozwala ci na naprawdę szczegółową kontrolę nad tym, jak przebiega testowanie, a także jak przebiega proces aktualizacji.

Następną rzeczą, oczywiście, jest to, że gdy już wykonasz tę aktualizację, to jak upewnić się, że jest to zrobione bezpiecznie, więc nie zawsze psujesz strony i masz klientów dzwoniących, hej, moja strona nie działa . Co się stało? Co robisz? Nie chcesz nigdy tej rozmowy. Więc oczywiście problem, którego nigdy nie było, jest lepszy niż problem, który trzeba naprawić. I tak faktycznie mamy – w ramach Smart Plugin Manager protokół testowania regresji wizualnej.

Tak więc dzieje się tak za każdym razem, gdy aktualizacja jest uruchamiana przez aktualizację Smart Plugin, która faktycznie wykonuje migawkę witryny. Przeprowadzi wizualny test regresji, a następnie, jeśli wykryje, że występuje problem, faktycznie wykona auto – możesz wybrać automatyczne wycofanie lub wysłać powiadomienie. Więc to zależy od ciebie. Znowu ten rodzaj ziarnistej, drobnoziarnistej kontroli. Ale to, co zrobi, to wyśle ​​ci raport, aby powiedzieć ci, co się dzieje. Wyeliminuje wtyczki, które nie stanowią problemu, i wskaże konkretnie, która wtyczka jest problemem. A także daj wizualną informację zwrotną, rolę filmową, aby pokazać dokładnie, skąd pochodzi ten problem, ponieważ czasami może to być po prostu coś naprawdę drobnego, na czym ci nie zależy. Więc i tak możesz wymusić aktualizację.

Ten wizualny test regresji jest czymś, co stale się poprawia w miarę upływu czasu. W rzeczywistości opiera się na uczeniu maszynowym. Opiera się na zbiorze danych z ponad miliona operacji aktualizacji, które obsłużyliśmy od momentu faktycznego wprowadzenia tego produktu. Ponadto, jedną z rzeczy, które Smart Plugin Manager robi w ten sposób, odróżnia go od wielu innych narzędzi do aktualizacji, jest to, że naprawdę nie ma ograniczeń co do tego, co możesz zaktualizować. W rzeczywistości możesz aktualizować niestandardowe wtyczki, które sam zbudowałeś, o ile słuchasz konkretnego repozytorium, działa to również na GitHub, Bitbucket lub GitLabs, a także pozwala aktualizować motywy.

I oczywiście, ponieważ istnieje to na platformie WP Engine na poziomie platformy, a nie w WP Admin, jedną z rzeczy, których nienawidziłem robić, jest konieczność klikania i wychodzenia z WP Admin, aby uruchomić te aktualizacje i wykonać je indywidualnie . Te działają teraz masowo. Jest to więc coś, czym zarządzasz za pośrednictwem portalu użytkownika i możesz aktualizować ustawienia we wszystkich swoich witrynach jednocześnie. Więc nie musisz nigdy wchodzić i wychodzić i oczywiście oszczędzasz minuty i czas, który oszczędza godziny.

Możesz to uzyskać na stronie wpengine.com/smart-plugin-manager lub porozmawiać z osobą kontaktową w WP Engine. Teraz przejdę z powrotem do Roba, drugiego Roba, aby porozmawiać o tym, kiedy już wszystko zaktualizujesz, co się stanie, jeśli chcesz, aby wyglądało to ładnie?

ROB STINSON: W porządku, spójrz, właściwie moglibyśmy się zatrzymać. Jeśli korzystasz tylko z lokalnego i inteligentnego menedżera wtyczek, zaoszczędzisz sobie wiele, wiele godzin każdego miesiąca. Ale poczekaj, jest więcej. Chcę porozmawiać o konkretnym narzędziu, które jest bardzo bliskie mojemu sercu. Nazywa się Genesis Custom Blocks i jest to w zasadzie narzędzie, wtyczka, która pozwala szybciej budować lepsze strony w WordPress, szczególnie w kontekście edytora bloków.

Jest to więc wtyczka WordPress, która zapewnia interfejs administratora, a kiedy mówię admin, mam na myśli samego administratora WordPress. I naprawdę prosty system szablonów lub silnik szablonów, który czasami nazywamy, do tworzenia własnych niestandardowych bloków Gutenberga. Chodzi o to, że edytor bloków jest fantastyczny, ciągle się poprawia, ale czasami pracujesz nad witryną i zbudowałeś wiele rzeczy, ale jest część tego, czego potrzebujesz po prostu zrobić coś naprawdę konkretnego. Musi wyglądać w określony sposób lub zachowywać się w określony sposób. Musi zintegrować się z inną wtyczką lub aplikacją innej firmy, a gotowe rzeczy po prostu nie wystarczają. Musisz sam coś zbudować.

Tak więc Genesis Custom Blocks sprawia, że ​​robienie tych rzeczy z własnym blokiem niestandardowym jest naprawdę łatwe i ważne jest, aby zaznaczyć tutaj, że jeśli znasz Genesis, znasz ramy Genesis i istnieje wiele innych wtyczek -ins, ta wtyczka Genesis Custom Blocks nie jest zależna od żadnego z nich. Możesz więc używać tego w izolacji, a wszystkie funkcje i wszystko będzie działać.

Jest dostępny za darmo na wordpress.org. Istnieje również wersja pro z kilkoma zaawansowanymi funkcjami, które osobiście uwielbiam, ale darmowa wersja na WordPress jest naprawdę potężna. Jeśli jest to coś, w co chcesz wkroczyć i zacząć używać i budować rzeczy, po prostu najpierw przejdź do bezpłatnego i utknij w nim, ponieważ bardzo szybko zrozumiesz jego potencjał. I oczywiście zaktualizuj do wersji pro, jeśli potrzebujesz tych dodatkowych funkcji.

Ale zasadniczo sposób, w jaki to działa, polega na tym, że logujesz się do WordPress i idziesz dodać nowy blok, nowy niestandardowy blok. I masz tam ekran. I to trochę tak, jakbyś budował formularz w WordPress. Dodajesz różne pola, pole tekstowe, pole liczbowe, pole koloru, pole obrazu i konfigurujesz ich wartości. Gdy już to zrobisz, faktycznie dodałeś i skonfigurowałeś swój niestandardowy blok, jeśli chodzi o WordPress.

Następnie wkraczasz i musisz napisać trochę kodu, a pisanie kodu może przestraszyć niektórych ludzi, ale jeśli w ogóle zrobiłeś coś programistycznego, na przykład tylko podstawy HTML i CSS, będziesz Ok tutaj. Ponieważ sposób, w jaki szablony działają z Genesis Custom Blocks, jest naprawdę bardzo łatwy. Zademonstruję ci to bardzo szybko. Ale kiedy już to zrobisz, to w zasadzie gotowe. Twój niestandardowy blok jest gotowy do pracy. Możesz przejść do nowego posta lub strony, kliknąć dodaj blok i tam jest twój niestandardowy blok gotowy do dodania do strony, co jest całkiem fajne.

Więc teraz pokażę ci jedną. Będę poniżej dwóch minut. Zamierzam zbudować własny blok od podstaw. Trzymajcie się więc swoich miejsc.

Tak więc niestandardowy blok, który chcę wam teraz pokazać, jest tym, który faktycznie stworzyłem wcześniej. Nazwijmy to blokiem kafelków zespołu. I możemy dodać to do strony tyle razy, ile chcemy, tak jak te trzy tutaj. Pozwala nam dodać zdjęcie, imię i nazwisko osoby, jej stanowisko i kilka linków społecznościowych.

W administratorze WordPress jedyną wtyczką, którą zainstalowaliśmy na tej stronie, są Genesis Custom Blocks. Daje nam tę opcję tutaj po lewej stronie. A kiedy to klikniemy, możemy zobaczyć listę wszystkich naszych niestandardowych bloków. W tej chwili mamy tylko ten. Jeśli to kliknę, zobaczysz trzy pola, które dodałem. Pamiętaj, pomyśl o tym jak o dodawaniu pól do formularza. Mamy pole obrazu, dwa pola tekstowe i dwa pola adresu URL. Oczywiście nadaliśmy naszemu niestandardowemu blokowi tytuł, a także skonfigurowaliśmy kilka rzeczy tutaj po prawej stronie dla ustawień bloku.

W edytorze faktycznie mamy ustawiony blok kolumny z trzema kolumnami i trzykrotnie dodaliśmy do niego nasz niestandardowy blok. Jak widać, mogę kliknąć każdy z nich niezależnie. Mogę wchodzić w interakcje i zmieniać zdjęcie, zmieniać nazwę, tytuł i adresy URL.

W naszym edytorze kodu dodałem, w ramach naszego motywu potomnego, 2022 child folder bloków. W tym zdjęcie kafelka kreski zespołu, które odpowiada naszemu niestandardowemu blokowi i dwóm plikom w tym blokowym kropce PHP i blokowej kropce CSS. W naszym pliku PHP mamy dość prosty kod HTML. Dodałem niestandardową klasę CSS, abyśmy mogli z nią wchodzić w interakcje.

Ale najważniejszą rzeczą do wywołania jest użycie tej funkcji pola bloku. W ramach tej funkcji pola bloku przekazujemy atrybuty, które odpowiadają naszym polom w naszych niestandardowych blokach. Mamy tam zdjęcie, imię, jeszcze raz imię, tytuł, adres URL Twittera i adres URL Dribble. Plik CSS, oczywiście wiesz, że napisałem CSS w ten sposób, ale pozwala nam to pisać - możesz napisać swój CSS, jak chcesz, wiedząc, że ten plik tutaj zostanie przeciągnięty na stronę za każdym razem, gdy niestandardowy blok jest załadowana. I tak po prostu, mamy niestandardowy blok, który wygląda i zachowuje się dokładnie tak, jak chcemy.

W porządku. Więc przeszliśmy przez cholernie dużo, jeśli chodzi o niestandardowe bloki Genesis. Mam nadzieję, że pokazało ci to, jak łatwo można zbudować niestandardowe doświadczenia w WordPress. Aby dowiedzieć się więcej, pobrać wtyczkę i znaleźć więcej informacji, odwiedź stronę wpengine.com/genesis-custom-blocks. Spoko, wróć do Roberta Li. Będzie mówił o kopiach zapasowych.

ROBERT LI: Dzięki Rob. Więc oczywiście już rozwinęliśmy stronę. Utrzymujemy wtyczki, a teraz sprawiamy, że wyglądają ładnie. Ale oczywiście całą tę pracę, którą wykonałeś, stracisz, prawda? A więc teraz porozmawiamy o takich rzeczach, jak zarządzanie szablonami, a także odzyskiwanie po awarii. To trochę dziwne, że połączyłem je razem, ale za chwilę zobaczysz dlaczego.

Pierwszą rzeczą, o której chcę porozmawiać, jest system tworzenia kopii zapasowych. Oczywiście bardzo ważne jest, aby upewnić się, że każda praca wykonywana w witrynie WordPress ma kopię zapasową. Tak jest w przypadku dowolnego tworzonego zasobu, nawet jeśli jest to dokument programu Word. Nie mogę sobie wyobrazić, ile razy pisałem coś, a potem mój komputer się wyłączał, a potem wracałem i tego nie było, prawda? Straciłeś godziny pracy. Więc nie chcesz, żeby tak się stało.

Wspaniałą rzeczą jest to, że WP Engine ma wbudowaną taką funkcję. Jest zautomatyzowana i występuje codziennie. Teraz oczywiście, aby uzyskać dodatkową szczegółowość, możesz oczywiście zainstalować dodatkowe wtyczki do tworzenia kopii zapasowych i przechowywać je w wybranym zewnętrznym magazynie w chmurze lub możesz to zrobić również lokalnie. Jest więc wiele opcji. Ale jeśli nie musisz nic robić i chcesz po prostu czegoś, co jest bezpieczne, odporne i wbudowane w platformę, WP Engine ma to dla Ciebie.

Są to więc zdecydowanie trwałe kopie zapasowe, te są replikowane. Jest ich aż 60. Więc jeśli chcesz cofnąć się o kilka miesięcy, możesz to zrobić. Są one również szyfrowane w stanie spoczynku i podczas przesyłania, aby zapewnić bezpieczeństwo danych, których kopie zapasowe są tworzone. Teraz chcę zagłębić się w kwestie związane z dostępnością, ponieważ tak naprawdę dotyczy to odzyskiwania po awarii. Ludzie pytają, OK, jeśli wykonam kopię zapasową, czy naprawdę będzie tam, kiedy naprawdę jej potrzebuję, prawda? I oczywiście nie chcesz tworzyć kopii zapasowych we własnym lokalnym magazynie. Jest to trochę zbędne, jeśli serwer jest niedostępny.

Więc to, co robimy w WP Engine, polega na tym, że faktycznie kopiujemy kopię zapasową dziewięć razy w strefach dostępności 3. Ponownie, są one szyfrowane zarówno w stanie spoczynku, jak i podczas przesyłania, co oznacza, że ​​piszemy je dla dostępności 11 dziewiątek. Są w zasadzie kuloodporne. Tak więc w najgorszym przypadku, gdy twój konkretny region ulegnie awarii, możemy go przywrócić i obrócić go gdzie indziej.

Te kopie zapasowe są również szczegółowe i rozumiem przez to, że możesz wybrać bazę danych lub system plików. Można je przenosić, więc możesz je pobrać jako plik ZIP i umieścić w dowolnym miejscu. Moim zaleceniem jest oczywiście przechowywanie tego pliku zip od czasu do czasu w magazynie zrzutu lub chłodni, aby upewnić się, że masz dodatkową formę nadmiarowej kopii zapasowej.

A potem można je również szablonować, co prowadzi mnie do następnego punktu. Ponieważ jedną z rzeczy, które możesz zrobić z tymi kopiami zapasowymi, ponieważ istnieją one na platformie WP Engine, jest to, że możesz ich ponownie użyć w różnych środowiskach. Co rozumiem przez różne środowiska, mówimy o bezpieczeństwie, mówimy o rozwoju w sposób, który nie będzie destrukcyjny. Chcesz przestrzegać najlepszych praktyk, upewniając się, że rozwijasz się w różnych środowiskach, a to, co mamy w WP Engine, to przepływ pracy wdrażania push-pull, który pozwala to zrobić.

Więc jeśli nie robiliście tego wcześniej lub być może stworzyliście coś w rodzaju środowiska pomostowego, być może znajduje się ono w podkatalogu istniejącej instalacji WordPressa, może to być ból w tyłku, prawda ? Zarządzanie wieloma środowiskami dla jednej witryny może być uciążliwe. To tylko dodatkowe godziny pracy lub roboczogodziny, które musisz poświęcić. Dlatego WP Engine zautomatyzował ten proces, zapewniając każdej witrynie możliwość tworzenia oddzielnych środowisk testowania i programowania produktów. Oznacza to, że żadne z tych środowisk nie wchodzi ze sobą w interakcję. Jeśli zrobisz coś w jednym środowisku, nie będzie to destrukcyjne dla innego środowiska.

Wspaniałą rzeczą w tych środowiskach jest to, że można je skonfigurować jednym kliknięciem, a także jednym kliknięciem przesunąć i przeciągnąć między nimi. Więc super duper łatwe do zrobienia. Nie musisz pobierać ani przesyłać niczego, co musisz zrobić. Ale potem często dostaję pytanie, OK, jeśli mam zamiar pchać i ciągnąć, a to jest super proste, to będzie to również super brutalna siła. Powiem, że niedawno wydaliśmy kilka szczegółowych elementów sterujących, które pozwalają kontrolować niektóre elementy danych, które sprawiają, że przepychanie i ciągnięcie między tymi środowiskami jest naprawdę bezpieczne.

Więc nie tylko te środowiska są segregowane, ale możesz kontrolować, jakie dane są pobierane i wypychane. Mamy więc teraz możliwość wybierania konkretnych stołów, które można przesuwać i ciągnąć, prawda? Załóżmy na przykład, że masz witrynę handlu elektronicznego zajmującą się transakcjami. Nie chcesz zastępować tych transakcji. Z tego samego powodu, kiedy chcesz to rozebrać, chcesz mieć kilka przykładowych transakcji do pracy, aby móc przetestować funkcjonalność, prawda? A to pozwala ci to zrobić. Ponadto, kiedy wykonujesz to push pull, masz również możliwość cofnięcia się w miejscu, co w pewnym sensie wraca do pierwotnego punktu.

Więc teraz, kiedy wykonałeś całą tę pracę i wykonałeś kopię zapasową całej pracy, zabezpieczyłeś ją, chcesz dostać zapłatę, prawda? Jak to zrobić? Wrócę do Roba, żeby o tym porozmawiać.

ROB STINSON: Dziękuję, proszę pana. Teraz, jeśli jesteś wolnym strzelcem, jesteś agencją, jesteś programistą i wykonujesz tę pracę dla swoich klientów, dla swoich klientów. Robisz te wszystkie rzeczy, które kochasz, wdrażasz tę witrynę. To fantastyczne, OK, prawdopodobnie powinienem dostać za to zapłatę. To jedna z tych rzeczy, które są dość ważne. Ale administracja związana z rozliczaniem klientów i zarządzaniem klientami może stać się trochę uciążliwa i jeśli nie zbudujesz i nie ustanowisz systemów wokół tego, może to być pochłaniacz czasu rzeczywistego. Naprawdę możesz zacząć tracić godziny co tydzień i co miesiąc, które w przeciwnym razie mógłbyś rozliczać lub wydawać na produkcję, tworzenie i rozwój.

Tak więc dobre rozwiązania lub systemy do zarządzania klientami i rozliczania klientów są naprawdę cenne. I chcę zwrócić waszą uwagę na coś, co nazywa się Growth Suite. Więcej informacji na ten temat można znaleźć na stronie getflywheel.com/growth-suite. Ale to po prostu fantastyczne rozwiązanie. Fantastyczna platforma do zarządzania klientami, rozliczania klientów, subskrypcji klientów, a nawet odsprzedaży, hosting WordPress. Jest więc naprawdę świetny do usystematyzowania i usprawnienia wszystkich tych warstw i jeszcze raz, jak powiedzieliśmy na samym początku, dając ci swobodę robienia tych rzeczy, które chcesz robić.

Jeśli chodzi o subskrypcje i rozliczenia, otrzymywanie płatności na czas jest oczywiście fantastyczne. Jeśli pieniądze wpływają na twoje konto bankowe, możesz zostać ponownie zainwestowany, a ludzie mogą otrzymać zapłatę we właściwym czasie. Więc to zawsze jest dobre. Możesz skonfigurować płatności cykliczne, takie jak subskrypcje, lub płatności jednorazowe. Obsługuje wiele walut. Więc jeśli jesteś w pewnym regionie, jak tutaj w Australii, a ja mam klientów w USA, mam też klientów w Wielkiej Brytanii. Możesz skonfigurować rozliczenia zgodnie z walutami uzgodnionymi z tymi klientami.

Możesz dodawać notatki do tych różnych transakcji. Możesz także dodawać rabaty. Możesz mieć standardową usługę skonfigurowaną w pakiecie Growth Suite. Na przykład miesięczna konserwacja, miesięczna konserwacja witryny z jakiegoś powodu. I sprzedajesz to swoim klientom za kilkaset dolców miesięcznie. Ale twoja ciocia jest jedną z twoich klientek, kochasz ją i oczywiście jest tam zniżka rodzinna. Więc chcesz dać jej 50% zniżki. Możesz bardzo łatwo ustawić tę zniżkę dla konkretnych klientów.

Raporty dla klientów to usługa, którą wiele, wiele agencji i freelancerów świadczy swoim klientom, zwłaszcza gdy korzystają oni z pewnego poziomu usług stałych lub abonamentowych. Raporty wskazują, że punkt ciągłej interakcji pozwala Tobie jako usługodawcy pozostać w centrum uwagi jako marce, ale także demonstruje w pewien sposób ciągłą warstwę wartości, którą im zapewniasz. Więc jeśli wydają kilkaset dolców, czy cokolwiek innego z tobą co miesiąc, dostarczanie im tej warstwy raportu jest demonstracją, jestem tutaj. wykonuję pracę. Zapewniam wartość. Twoje pieniądze nie znikają tak po prostu z konta bankowego i nic się nie dzieje.

Możesz więc bardzo łatwo skonfigurować te raporty w pakiecie Growth Suite, aby w zasadzie usystematyzować całe to doświadczenie. I mogą sprawić, że będą się powtarzać, a Ty możesz ustawić je tak, aby wychodziły co tydzień, co miesiąc lub co kwartał, niezależnie od tego, jaka jest struktura, którą zdefiniowałeś ze swoim klientem. Możesz to zrobić.

A najlepsze jest to, że to Twoja agencja. To Twoja marka. Niezależnie od tego, czy chodzi o kolory, czy logo, będzie to wychodzić od Ciebie do Twojego klienta. Nie będzie to opakowane w branding WP Engine, Flywheel lub Growth Suite. Wszędzie będzie pełno agencji ABC. Tak więc z doświadczenia klienta wynika, że ​​ten raport i ten punkt interakcji dotyczy Ciebie, co jest naprawdę świetne.

Kontynuując ten pomysł, możesz mieć portal klienta. Czyli miejsce, w którym Twoi klienci mogą założyć własne konto do logowania. I tam wchodzą. Widzą Twoją markę. Nie widzą pakietu Growth Suite, silnika WP, koła zamachowego ani niczego podobnego. Aby widzieli markę Twojej agencji. They can log in and they can view the services that are associated with their account. They can make payments. They can see past payments that have occurred. They can update their credit card information, for instance if they're on a subscription.

That's just a really simplified and consolidated experience, but it does a couple of things. One, it reinforces your brand. Two, it streamlines that whole interaction point, right? You're able to hand that off to the client to have them log in and fill out all those details. So it does a few things to really streamline things there, which is fantastic.

And of course, look, Growth Suite is built on top of our infrastructure and we've been WordPress hosting, Managed WordPress hosting for over a decade. And we know how to do it. We know how to do it well. We also know how to do reselling really, really well. So a lot of our Growth Suite existing customers resell as well and that layer of our service is baked in to Growth Suite.

It's optional, you don't have to do it. You may only ever want to run your SEO subscription service through Growth Suite. And that's fine. You don't have to resell, but for those agencies and freelancers that do do that, it is baked in and it works really, really efficiently. And I actually encourage any agency out there, any freelancer out there who's consistently building WordPress sites and who wants to retain an ongoing style of relationship with those clients. Recently hosting is just– it's just a fantastic option for increasing that revenue flow for your own business.

Bulk Site Management as well. So if you are reselling and you've got a number of sites within that account, Bulk Site Management as well. So it kind of like– some of the value proposition of what we saw earlier with this Smart Plugin manager, you can see all of the sites, you can get an, at a glance insights into the status of various things. And things are filter-able, and sortable. So you don't have to log in to every individual site to get key information for the sites within your portfolio. Next one, I want to hand back over to Robert. He's going to talk a little bit about SSH gateway.

ROBERT LI: Sweet. Thanks, Rob. So we're getting into the homestretch. We're getting into real nerd territory now, right? So this is the stuff that makes me super excited. Let's say you've gotten to the point where you've scaled up. You've got hundreds of sites under your management. And you're like, man my finger is cramping up because I have to click on so many things, right? Let's do this programmatically. How do you manage your installs programmatically? How do you manage your deploys programmatically?

First question, how do you manage your installs programmatically? SSH Gateway. That's what you want to use. This is actually a feature that's built into WP Engine's platform. It's not something you need to buy or anything like that. I highly encourage you to use it, but effectively this is the most powerful way to interact with WordPress. We spoke about it earlier. The fact that local has this within its application allows you to do WP CLI, but you can also do that on the platform.

So once you've tested out those commands on local go on. Do a SSH Gateway. Replicate those commands, and that way you can interact with the database programmatically, you can interact with the WordPress site programmatically, you can spin up installs, et cetera, et cetera, et cetera. There's so many things that you can do, right? But with that power also comes some responsibility. So not only can you, like I say, you're executing all of these custom PHP functions and you're executing like remote database commands and stuff, but you want to do that safely.

And the way that SSH gateway makes that safe is that it actually goes through a Bastion Host. That's why we call it a gateway and what I mean by a Bastion Host is this is what governs the connection between you and the origin server itself. There's no direct connection to the actual server, which means you are safe to do any sort of testing or anything that you want to do without the risk of blowing up that environment. But also, that connection is encrypted so no one can listen in. And the session is destructible, so that means that once you leave no one else can hijack that session. So not only is it powerful, but this is a safe way to manage installs.

Let's say you've got this down pat and now you want to do this across all of your installs. Then you want to have a look at our GitHub Action. And super proud to announce that this has been recently updated and released. It is generally available. I'll show you where you can get it later, but effectively this is the most powerful way you can deploy to WP Engine.

Of course, everyone– a lot of you developers probably are aware of Git. If you're not aware of it, then have a look up what versioning WordPress looks like. It is kind of the industry standard. But this allows you to use Git at speed and with flexibility on WP Engine. It allows you to deploy to different environments on WP Engine from different branches. Right now it is just available on GitHub, but we are rolling this out to Bitbucket next, so keep an eye out for that.

But the coolest thing about this– and this is something that I actually personally do, so I'm a super advocate of this– is that this is an open source community driven project. And what that means is that you can take this and run with it what you like. The basics are it's going to log into your WP Engine platform and it's going to push your installs to the right environment. But after that, or during that there's a lot that you can do. For example, there are flags built into the GitHub action that allow you to do cache control so you can tell it to clear cache once you've deployed. And PHP linting, so you can observe PHP coding standards, make sure you're not doing anything dodgy.

Then also, you can deploy scripts, post deploy. For example, you might want to activate all of those plug-ins once you've deployed it. You might want to run a security audit, or you might want to spit out some sort of an output to your local terminal, or something like that.

What this allows you then to do, as I mentioned before, is manage those installs programmatically at bulk. Just like how WordPress core, whenever there's an update that goes out, it goes out to all of the WordPress sites in the ecosystem. Imagine you as an agency have a framework that is common, that you guys have built that you're super proud of, but it's used across all of your sites, and right now what you need to do is you need to log into every site, or SSH into every site and do all of those updates manually. Now you don't need to do that. Once you've set up an organization key, you can actually manage that framework and update that from a central repository and spit that out to every install that you manage, which is super duper handy and it saves tens of hours of work. It's super powerful.

I highly encourage you to visit github.com/wpengine/ that string. It's too long, not going to say it, but you can see it right there and check this out yourself. As I mentioned, this is open source community driven. Please feel free to fork it. I've done that myself, and play around with it. It is just a boilerplate and start managing your sites at scale with speed and flexibility.

So this actually gets us to the end of this DE{CODE} presentation. Hopefully through this you've gained some value. As Rob mentioned, this is a buffet. It's like a Sizzler or a Las Vegas buffet. Some of the things are going to be real tasty and some of the things you're not going to like very much, but I guarantee you you've gotten something out of it, right? And hopefully from this you're able to manage your sites at speed and scale and do more of the stuff that you love and less of the things you don't. I'm Rob Li, this has been Rob Stinson. Thanks for joining us.

ROB STINSON: Thanks, everyone. See you later.

And that is a wrap for DE{CODE} 2022. I hope you found it inspirational and are leaving with more WordPress expertise and new community connections. Wypatruj nagranych treści w witrynie od piątku, aby nadrobić zaległości lub ponownie obejrzeć film.

I want to say a final thank you to our sponsor partners, Amsive Digital, BOX UK, Candyspace, Drewl, Elementary Digital, Illustrate Digital, Kanopi Studios, Springbox, StudioMalt StrategiQ, WebDev Studios, and 10up. Ogromne podziękowania za wpłaty na naszą zbiórkę pieniędzy DE{CODE}. Naprawdę doceniamy twoją hojność.

Now for everybody that has been interacting with us in our Attendee Hub and our sessions, we will pick the top three winners and let you know how you can claim your prize at the end of DE{CODE} We look forward to seeing you again at our future events, either in-person or virtually. Nie możemy się doczekać, aby przekazać Ci więcej informacji na temat najnowszych trendów rozwoju WordPress i sposobów ich wdrażania w celu szybszego tworzenia witryn WordPress. To wszystko ode mnie. Bardzo dziękujemy za dołączenie do nas i dbanie o siebie.