W sobotę, 8 października 2022 po prawie trzyletniej przerwie spotykamy się w gdyńskim Pomorski Park Naukowo-Technologiczny Gdynia / Pomeranian Science and Technology Park Gdynia po raz siedemnasty na WordUp Trójmiasto.
Jest to spotkanie miłośników i użytkowników #WordPress i #WooCommerce
Wysłuchamy 8 prezentacji + networking = Będzie koszernie!
Oczekujemy spragnionej wiedzy trójmiejskiej widowni w tak pięknych okolicznościach przyrody i niepowtarzalnej.
Gdybyście zapragnęli zachłysnąć się wczesnojesienną bryzą nadmorską, natrzeć plecy piachem, pozbierać muszelki i przy okazji porozmawiać o WordPressie przy akompaniamencie mew – zarezerwujcie sobie czas już dziś i zapiszcie na wydarzenie.
Kiedy: 8.10.2022 (sobota), godz. 15:00-20:00
Gdzie: Pomorski Park Naukowo-Technologiczny Gdynia, Budynek III (CN Experyment), sala kinowa.
Wstęp wolny, wymagana rejestracja: https://app.evenea.pl/event/wordup17/
WordUp to spotkania społeczności WordPressa, które odbywają się na całym świecie. Spotkania dedykowane są zarówno twórcom (developerom) jak i osobom korzystającym z WordPressa na co dzień jako administratorzy, blogerzy, SEO-wcy czy marketingowcy.
LineUp:
  1. Magdalena Paciorek – Edytor blokowy w dedykowanym motywie – case study stron cyberfolks.pl i kei.pl
  2. Maciej Kuchnik – Przenoś WordPressa lepiej – czyli o migracji WP między serwerami
  3. Tomasz Kołkiewicz – Linki kanoniczne i ich znaczenie dla SEO
  4. Tomasz Palak – Jak nie zainspirować się za bardzo?
  5. Marcin Andrzejewski – Ostatnia mila w dostarczaniu treści. Czytelność tekstu w WordPressie.
  6. Marcin Krzemiński – Wprowadzenie do WP-CLI
  7. Dawid Urbański – 1.7 miliona złotych w 45 miesięcy bez własnego produktu. Jak zarabiać lepiej jako WordPress developer?
  8. Maciej Palmowski – Astro + WordPress = 🚀
  9. Panel dyskusyjny – prowadzenie Kamil Kawałko
    – Michał Strześniewski (300.codes),
    – Maciek Nowak (Osom),
    – Max Matłoka
  10. Rozmowy przy płynach – PIF PAF, Gdynia 10 lutego 23
Zapraszam!
Jednym z pierwszych prelegentów naszego październikowego WordUpa w Gdyni będzie Maciek Kuchnik WordPress Developer. Twórca podcastu „Rób WordPressa” oraz autor książki „Rób WordPressa lepiej – przenieś swoją pracę na wyższy poziom”. WordPress jest jego głównym zajęciem. Buduje na nim strony, tworzy motywy, wtyczki, obsługuje strony klientów, prowadzi szkolenia. Aktywny członek polskiej społeczności WordPressa. Wielokrotny prelegent na WordUpach i WordCampach.
Maciej wygłosi ekspoze na następujący temat: „Przenoś WordPressa lepiej – czyli o migracji WP między serwerami”
Przenoszenie WordPressa między serwerami to nieodłączna część pracy każdego WordPressowca. Podczas prezentacji podzielę się prostymi sposobami na przyspieszenie i automatyzację tego procesu. Pokażę również swoje sposoby na przenoszenie bardzo dużych stron przy zachowaniu minimalnego czasu niedostępności.
Kolejnym bohaterem naszego październikowego spotkania będzie Marcin Andrzejewski – wykładowca i konsultant. Praktykujący | Kontrybutor.
Marcin to projektant graficzny skupiający się na projektowaniu opartym na liternictwie i komunikacji wizualnej. Wykładowca komunikacji wizualnej i typografii. Wydawca kultury online.
Członek polskiej społeczności skupionej wokół WordPressa i organizator WordUp! Kalisz.
Jego wystąpienia i śmiało rzucane tezy wywołują poruszenie pośród słuchaczy na sali. Nie będzie inaczej tym razem. Wygłosi on prelekcję na temat: „Ostatnia mila w dostarczaniu treści. Czytelność tekstu w WordPressie.”
Ostatnia mila to termin pochodzący z logistyki i oznacza specyficzne warunki występujące podczas finalnego dostarczenia przesyłki przez kuriera do odbiorcy końcowego. Czego możemy nauczyć się od największych firm kurierskich świata? Czy wytworzenie treści i jej publikacja jest ostatnim działaniem twórcy? Co może zrobić developer, aby jego motyw lepiej sprzedawał swoją zawartość? Jakie mechanizmy zaszyte w WordPressie możemy użyć do zwiększenia czytelności? Na te i kilka innych pytań odpowiedź znajdziesz w tej prezentacji. Twoja witryna będzie jak paczkomat postawiony w mieszkaniu Twojego odbiorcy, a to wszystko dlatego, że #TypografiaMaZnaczenie.
Jeśli nie mieliście jeszcze do czynienia z WP-CLI to nie będzie lepszej okazji by się z nim zapoznać.
Do tematu elegancko wprowadzi nas Marcin Krzemiński – Developer, Freelancer
Zawodowo z branżą IT i tworzeniem stron WWW jest związany od 2006 roku. Od samego początku (z małą przerwą) w tej przygodzie towarzyszy mu platforma WordPress. Preferuje pracę na froncie (choć back-end nie jest mi obcy). Po drodze zdobył także doświadczenie z takimi platformami e-commerce jak Shopify czy BigCommerce. Od 2016 roku pracuje głównie dla klientów z Australii oraz USA.
Marcin wprowadzu nas do zarządzania WordPressem z poziomu wiersza poleceń. Znajdziemy tu omówienie ogólnego sposobu działania, a także podstawowych modułów / poleceń, jakie oferuje nam wp-cli.
Tego prelegenta przedstawiać nikomu nie trzeba.
Tomasz Palak – Radca prawny, prelegent, autor artykułów na tomaszsalak.pl i w prasie. Siedmiokrotnie na podium konferencji I Love Marketing, występował również na Infoshare, TEDx i licznych innych wydarzeniach. Wykładowca WSB, WSAiB, WSEI i UTH. Ekspert proszony o wypowiedź przez podmioty zewnętrzne — m.in. Dzień Dobry TVN czy prawo.pl. Twórca książki „Internet a prawo – jak się nie potknąć?”. Prywatnie gitarzysta.
Tomek wygłosi prelekcję o temacie: „Jak nie zainspirować się za bardzo?”
W swoim wystąpieniu Tomek opowie o tym, gdzie można wyznaczać granicę legalności nawiązania do kogoś. To jedno z częstszych pytań, jakie dostaje jako prawnik „od internetów” – na jak wiele można sobie pozwolić? Poprzez autentyczne historie cudzych wygranych i przegranych opowie uczestnikom jak oswoić to trudne zagadnienie.
Magdalena Paciorek jak zwykle zaskoczy niebagatelnym podejściem do tematu, który zaprezentuje na naszym spotkaniu.
Podczas prelekcji pokaże jak wykorzystuje edytor blokowy na stronach firmowych cyberfolks.pl i kei.pl. Podejmie temat po co firmie edytor blokowy, a także zaprezentuje w jaki sposób dostosowała edytor do wymaganych potrzeb.
Magdalena to wieloletnia developerka i ewangelistka WordPressa w cyber_Folks, entuzjastka Gutenberga i rozwiązań no-code. Po godzinach organizatorka poznańskich spotkań społeczności WordPressa.
Jeśli pasjonujecie się szybkim webem i prostotą developmentu – ta prezentacja jest dla Was!
Maciej Palmowski jest developerem, pracującym obecnie w Buddy jako WordPressowy Ambasador. Po godzinach zbiera aktualności do WordPressówki albo jeżdzi na rowerze.
Maciej opowie o turbo rozwiązaniu, zyskującym poklask wśród zapyziałych frameworków React czy Vue a nawet Svelte.
Prezentacja to: Astro + WordPress = 🚀
Astro to jeden z najnowszych i najszybciej zdobywających popularność frameworków JS. W trakcie mojej prezentacji pokażę nam co w nim takiego wyjątkowego oraz jak połączyć go z WordPressem.
Tomasz Kołkiewicz – expert SEO z 17-letnim stażem. Prowadzi krakowską agencję SEO4.net, gdzie automatyzuje i optymalizuje wszystko, co tylko mu wpadnie pod rękę. Chętnie dzieli się wiedzą z zakresu SEO, WordPressa oraz automatyzacji procesów. Właściciel sklepu PBNmarket.pl, w którym oferuje nie tylko skuteczne rozwiązania linkbuildingowe, ale zaprasza do testowania strategii i wymiany wiedzy. Twórca robota księgowego Flobo, który automatyzuje obsługę faktur i zapobiega zastojom płatniczym. Miłośnik #workation i pracy podczas spacerów z psem. Twierdzi, że od kiedy je uprawia, stał się bardziej efektywny 🙂
Tomek wygłosi prelekcję na temat: „Linki kanoniczne i ich wpływ na SEO”
Linki kanoniczne – zwykle pomijany element strategii SEO. Dzięki testom na kilkuset artykułach z linkiem kanonicznym przeprowadzonych na grupie ponad 300 blogów, udało się potwierdzić istotny wpływ publikacji z canonicalem na widoczność oryginalnego artykułu. Interesująco prezentują się również odpowiedzi od Google dotyczące statusu zindeksowanych artykułów z canonicalem. Jak wyglądają statystyki indeksacji, w jakim stopniu Google stosuje się do wskazówek zamieszczonych w linku kanonicznym i jaki ma to wpływ na widoczność oryginalnego artykułu – o tym dowiecie się z prezentacji Tomka.
Dawid Urbański to lepszy rozkminiacz. Nie podskoczysz mu. Dawid wykręcił 1.7 miliona złotych w 45 miesięcy bez własnego produktu. Pytasz jak zarabiać lepiej jako WordPress developer?
Jak Twierdzi ten wielbiciel jasnych zasad w życiu:
„Zarabianie pieniędzy jest dla większości z nas powodem dla którego pracujemy. Zazwyczaj im więcej zarabiamy tym lepiej.
Przez ostatnie 10 lat pracy jako web developer nieustannie poszukiwałem sposobów na zwiększenie swoich zarobków z pracy jako WordPress developer. Rezultatem tego było ciągłe podnoszenie poprzeczki i przebijanie wyników z poprzedniego roku.
W tej prezentacji opowiem wam jak to osiągnąłem i jak możecie dojść do tego również wy.
Przez ostatnie 45 miesięcy zarobiłem milion siedemset tysięcy złotych wymieniając swój czas oraz umiejętności na pieniądze.
Cała ta kwota pochodzi wyłącznie z wykonanej pracy. Nie ma tutaj sprzedaży żadnego własnego produktu, subskrypcji czy outsourcingu. Jedynie własna, ciężka praca, która popłaca.”
Panel dyskusyjny na naszym spotkaniu poprowadzi Kamil Kawałko
prezes Fundacji WWW, KKWADRAT.com
Specjalizuje się w komunikacji, w tym również działaniach związanych z tworzeniem interfejsów użytkownika i #UX. Kompetencje zarówno graficzne jak i lingwistyczne pozwalają mu na efektywne działanie w zakresie promocji oraz PR różnych organizacji. Projektował strony www, aplikacje, publikacje drukowane, jest wydawcą raportów branżowych i książek. Prowadził zajęcia akademickie i szkolenia z zakresu technologii i komunikacji. Realizował projekty zarówno dla małych jak i dużych firm oraz uczelni. Jest prezesem fundacji #WWW promującej dobre praktyki w projektowaniu rozwiązań webowych.

Poniżej znajdziecie moją prezentację na WordCampie w Warszawie w 2022 roku.
Częstujcie się i korzystajcie!

Oczywiście, warto dzielić się nie tylko sukcesami, ale i porażkami, żeby lepiej przewidywać przyszłość.
Podczas sesji „fucked up” miałem prezentację opisującą historię, w której problem narastał się z czasem, a to, czy wentylator rozrzuci trafiające na niego odpady, nie było kwestią czy, ale kiedy.

Crackerzy dosłownie zaatakowali stronę internetową, którą dawno temu się opiekowałem i jak się okazało, nikt nie miał bezpiecznej kopii, a dostępne były tylko zdefragmentowane backupy.

DevOpsi często mówią, że dzielimy ludzi na tych, którzy robią kopie zapasowe i tych, którzy będą je robić.

Z podsumowania mojej prezentacji wynika, że warto dodać jeszcze jedną grupę osób – tych, którzy sprawdzają, czy przywrócenie kopii zapasowej się powiodło.

Wstaw poniższy kod do pliku functions.php motywu aby odblokować renderowanie wczytywanej strony.

Poniższy snippet pomoże Ci naprawić komunikat „wyeliminuj JavaScript blokujący renderowanie i CSS w treści widocznej na ekranie” w swoich testach np. w gtmetrix lub Google Pagespeed Insights.

Kod dodaje element async do wszystkich skryptów, które są poprawnie dodane w ustawieniach. W zależności od sytuacji, async można zastąpić defer. Sprawdź która wersja daje Ci lepszy efekt.

/*function to add async to all scripts*/
function js_async_attr($tag){

 # Add async to all remaining scripts
 return str_replace( ' src', ' async="async" src', $tag );
}
add_filter( 'script_loader_tag', 'js_async_attr', 10 );

Mogłeś otrzymać powiadomienie z Google Search Console dotyczące rozmiarów obrazu Google AMP. Oto lista zalecanych rozmiarów obrazu Google AMP (wszystkie wymiary w pikselach @ 72dpi, wyświetlające wysokość x szerokość):

Obraz banera AMP – rozmiar obrazu Google AMP: 60 x <320px @ 72dpi – ten obraz nie jest rzeczywistym wymaganiem, ale powinien znajdować się u góry każdej strony. Najlepszą praktyką jest użycie wyśrodkowanego przezroczystego pliku PNG i określenie żądanego koloru tła. Szerokość obrazu może być z pewnością mniejsza niż maksymalna, zwłaszcza jeśli planujesz nakładać się na inne elementy.

Obraz logo wydawcy – Rozmiar obrazu AMP w Google Play: 60 pikseli <600 pikseli x 72 dpi – Ten obraz jest wyświetlany u góry karty AMP (rozszerzony fragment). Kiedy jest wyświetlany dla odwiedzających, jest znacznie zmniejszony (podobny do wysokości favicon). Szerokość obrazu może z pewnością być mniejsza niż maksymalna. Obraz jest określony w rozszerzonym skrypcie (dane strukturalne) w elemencie logo wydawcy. Aby przetestować cały fragment, musisz użyć narzędzia do testowania danych strukturalnych.

Przykład: "publisher": {"@ type": "Organization", "name": "", "logo": {"@ type": "ImageObject", "url": " "," height ":" 24 "," width ":" 160 "}}

Wyróżniony obraz (featured image) – rozmiar obrazu AMP Google: co najmniej 390 pikseli przy 696 pikselach przy 72 dpi – ten obraz jest wyświetlany na karcie AMP (rozszerzony fragment) w wynikach wyszukiwania karuzeli Google AMP. Obraz jest określony w rozszerzonym skrypcie (danych strukturalnych) w elemencie obrazu. Aby przetestować cały fragment, musisz użyć narzędzia do testowania danych strukturalnych.

Przykład: "image": {"@ type": "ImageObject", "url": "", "width": 882, "height": 568}}

Aby zaktualizować adresy URL w bazie danych WordPress, gdy witryna zostanie przeniesiona do nowej domeny, najpierw wykonaj eksport bazy danych MySQL starej bazy danych na starym serwerze, utwórz nową pustą bazę danych na nowym serwerze, zaimportuj stare dane w PHPMyAdmin lub mysql bezpośrednio w linii poleceń.

Upewnij się, że wybrano nową bazę danych, a następnie uruchom aktualizacje SQL i polecenia wymiany w tabelach, w szczególności wp_options, wp_posts, wp_postmeta.

Użyj kodu jak poniżej i zamień stary i nowy adres URL, bez ukośnych ukośników. W razie potrzeby zmień również wartości prefiksu tabeli, jeśli ma to zastosowanie (np. Wp_) – choć mam nadzieję, że używasz innego prefiksu niż standardowy.

UPDATE wp_options SET option_value = replace(option_value, 'http://www.oldurl', 'http://www.newurl') WHERE option_name = 'home' OR option_name = 'siteurl';

UPDATE wp_posts SET guid = replace(guid, 'http://www.oldurl','http://www.newurl');

UPDATE wp_posts SET post_content = replace(post_content, 'http://www.oldurl', 'http://www.newurl');

UPDATE wp_postmeta SET meta_value = replace(meta_value,'http://www.oldurl','http://www.newurl');

 

Heading to AMP Accelerated Mobile Pages presentation

Zapraszam do przejrzenia mojej najnowszej prezentacji dot. AMP Accelerated Mobile Pages, którą wygłosiłem podczas spotkania WordUp Trójmiasto.

 

Podsumowanie głównych założeń dotyczących AMP:

#AMPHTML

AMP HTML to HTML z pewnymi ograniczeniami dla niezawodnej wydajności.

#AMPJS

Biblioteka AMP JS zapewnia szybkie renderowanie stron HTML AMP.

#AMPCache

Pamięć podręczna Google AMP może być używana do obsługi stron HTML z buforowaniem AMP.

 

Założenia AMP:

Zezwala tylko na asynchroniczne skrypty

Nie pozwala blokowania renderowania strony przy ładowaniu

Minimalizacja ponowne obliczenia styli podczas akcji

Uruchamianie jedynie animacji stylów z użyciem GPU (pozycja, skala, obrót, krycie)

Cały #CSS nie może przekraczać 50 KB

Wszystkie JS powinny się znaleźć poza krytycznym widokiem (z wyjątkiem amp-iframe)

Dodanie własnych fontów musi być wydajne

Możemy priorytetyzować ładowanie zasobów

Nie używamy !important

 

Oto i prezentacja:

https://docs.google.com/presentation/d/1q3vI8Vb5d3RKEIhHRQjtMkz87cffNdWn-dzfacU6u1o/edit#slide=id.g34a814f1d1_1_56

Poniżej moja prezentacja dot. nowego WordPressa 4.9

Od wersji 4.7 WordPress wprowadził kilka endpointów RestAPI do swojego silnika. Dzięki temu osoby postronne lub boty mogą odczytać np. listę administratorów wraz z zahashowanymi sumami kontrolnymi do gravatarów. Można całkowicie zablokować dostęp do Restowych endpointów, dodając w functions.php naszego motywu filtr:

add_filter( 'rest_endpoints', '__return_empty_array' );

 

Woocommerce jest jedynie słusznym wyborem przy tworzeniu witryn e-commere. Jego optymalizacja wcalenie musi być trudna. Na każdej jednak stronie naszego WordPressa ładuje on masę niewykorzystywanych skryptów. Dlatego warto usunąć ładwanie zbędnych funkcji ze stron, na których nie będą one wykorzystywane.

Na tę potrzebę warto w naszym functions.php w child theme dodać poniższe linijki:

function grd_woocommerce_script_cleaner() {
	remove_action( 'wp_head', array( $GLOBALS['woocommerce'], 'generator' ) );
	if ( ! is_woocommerce() && ! is_cart() && ! is_checkout() ) {
		wp_dequeue_style( 'woocommerce_frontend_styles' );
		wp_dequeue_style( 'woocommerce-general');
		wp_dequeue_style( 'woocommerce-layout' );
		wp_dequeue_style( 'woocommerce-smallscreen' );
		wp_dequeue_style( 'woocommerce_fancybox_styles' );
		wp_dequeue_style( 'woocommerce_chosen_styles' );
		wp_dequeue_style( 'woocommerce_prettyPhoto_css' );
		wp_dequeue_style( 'select2' );
		wp_dequeue_script( 'wc-add-payment-method' );
		wp_dequeue_script( 'wc-lost-password' );
		wp_dequeue_script( 'wc_price_slider' );
		wp_dequeue_script( 'wc-single-product' );
		wp_dequeue_script( 'wc-add-to-cart' );
		wp_dequeue_script( 'wc-cart-fragments' );
		wp_dequeue_script( 'wc-credit-card-form' );
		wp_dequeue_script( 'wc-checkout' );
		wp_dequeue_script( 'wc-add-to-cart-variation' );
		wp_dequeue_script( 'wc-single-product' );
		wp_dequeue_script( 'wc-cart' );
		wp_dequeue_script( 'wc-chosen' );
		wp_dequeue_script( 'woocommerce' );
		wp_dequeue_script( 'prettyPhoto' );
		wp_dequeue_script( 'prettyPhoto-init' );
		wp_dequeue_script( 'jquery-blockui' );
		wp_dequeue_script( 'jquery-placeholder' );
		wp_dequeue_script( 'jquery-payment' );
		wp_dequeue_script( 'fancybox' );
		wp_dequeue_script( 'jqueryui' );
	}
}
add_action( 'wp_enqueue_scripts', 'grd_woocommerce_script_cleaner', 99 );

Alternatywnie, jeśli nie potrzebujemy kontroli nad ładowanymi skryptami, możemy użyć po prostu:

add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );

Czuwaj!