Autor: Marcin Pietrzak Strona 2 z 41

Sierotki – wersja – 2.9.0

Nowa wersja Sierotek przynosi niewiele zmian od strony użytkownika, no może zaktualizowana, na podstawie wikipedii, baza słów do podmiany spowoduje trochę lepsze działanie.

Od strony technicznej wydzieliłem frazy z kodu do pliku tekstowego, co ma dużo sensu – można teraz plik z definicją sierot po porostu skopiować, zmienić i podstawić za pomocą filtra: iworks_orphan_own_terms_file – dzięki czemu mamy własne słowa.

Proste ulepszenia SEO – wtyczka do WordPressa

SEO to temat rzeka, którym raczej nie będę się tutaj zajmował, ale napisałem super prostą wtyczunię, która ogarnia najważniejsze elementy SEO, dla treści i taksonomii:

Zbuduj Dom – wtyczka do WordPressa

Opublikowałem właśnie pierwszą wersję wtyczki „Zbuduj Dom” – służącej do zapisywania wydatków i zdarzeń w trakcie budowy domu.

Jeżeli możesz wypróbować- zrób to proszę i daj znać.

Jeżeli budujesz i możesz przetestować – daj znać również – co wtyczce brakuje, co działa nie tak jak powinno.

Z góry dziękuję!

Zbuduj Dom – wtyczka do WordPressa.

Szybki WordPress – Cascading Style Sheets

Wpis jest jednym z cyklu:
Szybki WordPress – czyli co?

Następnym elementem, który wpływa na na szybkość naszej witryny jest to jak wygląda, a za wygląd dopowiadają arkusze stylów (po angielsku Cascading Style Sheets, w skrócie CSS).

4×100 i fajerwerki

Zawsze fajnie jest widzieć taki test jak na obrazku wpisu, prawda?

Jak to osiągnąłem?

  • Zminimalizowałem CSS.
  • CSS wtyczek skompilowałem do jednego CSS motywu oraz wyłączyłem ich łądowanie z wtyczek.
  • Przepisałem JS tak żeby nie używać jQuery.
  • Dodałem font-face: swap.
  • Dodałem brakujące elementy SEO: meta-description.
  • Powiększyłem elementy klikalne.
  • Mocno spiąłem funkcie wp_cache_get() oraz wp_cache_set() z funkcjonalnością motywu, co połączyłem z memcache.

Oczywiście strona praktycznie tekstowa, co łatwiej pozwala osiągnąć taki, a nie inny wynik.

Szybki WordPress – obrazki

Wpis jest jednym z cyklu:
Szybki WordPress – czyli co?

Wielkość przycinania

Niby tak prosta sprawa. WordPress pozwala ustawić 3 wielkości. Dodatkowo wtyczki i motyw za pomocą funkcji add_image_size()mogą dodawać dodatkowe rozmiary.

W celu sprawdzenia wszystkich zadeklarowanych wymiarów można skorzystać z poniższego kodu:

Optymalizacja w tym momencie polega na eliminacji wielkości leżących blisko siebie. Na przykład, jeżeli zostały użyte wymiary 600×400 oraz 620×400 – warto przejrzeć gdzie występują i zastąpić jeden z nich drugim – tak, żeby mieć tylko jeden z nich.

Wielkość (jakość)

Następną właściwością plików graficznych jest ich jakość. Szczególnie dotyczy to plików rastrowych. Więcej na ten temat można przeczytać w relacji z WordCampa: Obrazki – typy, optymalizacja, metody.

W skrócie – im wyższa jakość tym większy plik obrazka. Warto więc się zastanowić jaką jakość chcemy mieć. Jakość określamy liczbą od 1 do 100 – im większa liczba, tym wyższa jakość.

Do globalnej zmiany tego parametru służy filtr wp_editor_set_quality – ale jest to rozwiązanie dość toporne, traktujące wszystkie pliki tak samo, co da dokładnie … średni efekt.

Lepszym rozwiązaniem jest zastosowanie wtyczki z grupy automatycznej optymalizacji obrazków – takie wtyczki potrafią dobrać optymalny stopień kompresji w zależności od tego co przedstawia dany obrazek. Inaczej traktują wykresy, inaczej zdjęcia grupy ludzi.

Jest wiele wtyczek, które realizują takie zadanie, zarówno płatnych jak i darmowych, więc polecę jednego rozwiązania. Najczęściej używam: Imsanity oraz ShortPixel.

Leniwe ładowanie

Leniwemu ładowaniu poświęcam osobny wpis:

CDN

CDN – Content Delivery Network – czyli rozproszone dostarczanie plików graficznych z wielu centrów dancyh.

Jest to metoda którą warto stosować, jeżeli witryna ma większy zasięg niż jeden kraj, jeden region geograficzny – w przypadku witryny skierowanej na jeden rynek – np. polski, zasadność użycia jest niska i trzeba to rozważać indywidualnie.

Ikony i znaki

Temat ikon zostanie poruszony innym razem, natomiast znaki i stałe elementy graficzne warto konwertować na wektorową wersję, na plik SVG – dzięki czemu zachowamy doskonałą jakość przy minimalnym rozmiarze.

Na koniec

Po zmianie wszystkich wymiarów warto skorzystać z wtyczki, która przemieli nam obrazki, tak żeby wszystko powstało o nowa w takich wymiarach jak potrzebujemy.

Polecam wtyczkę: odnawianie miniaturek.

Szybki WordPress – czyli co?

Chcesz w punktach przeczytać co zrobić, żeby witryna była szybka?

Rzeczy oczywiste, jak podatki, żeby nie wpadać w drugą część sentencji, co by nie zaczynać ponuro. Są też witryny używające WordPressa – co w tym miejscu, jest oczywistą oczywistością…

Aktualna kultura, to kultura instant, czyli natychmiastowa. Nasze żądanie świata oparte o „fast food, fast car & fast sex” ma swój wpływ na witryny internetowe. Nie chcemy czekać. Nie chcemy „tracić czasu”.

O dobrych praktykach w tworzeniu kodu

Maciej Kuchnik zaprosił mnie do nagrania podcastu o dobrych praktykach. Zapraszam do posłuchania:

O dobrych praktykach w tworzeniu kodu z Marcinem Pietrzakiem

wp-sitemap.xml – kontola

Jak słusznie zauważył Sebastian, WordPress daje bardzo małą kontrolę nad natywną mapą witryny, która pojawiła się w wersji 5.5. Więcej informacji na stronie WordPressa.

Jak we wtyczce Sierotki ograniczyć się do krótkich wyrazów

Dostałem pytanie od Witolda:

Czy istnieje możliwość ustawienia „sierotek” tak by spacja niełamliwa wstawiana była jedynie po słowach 1-, 2-, n- literowych? oczywiście z wyłączeniem innych „zasad”!

Odpowiedź jest oczywista. Można!

We wtyczce lista sierotek jest zdefiniowana jako tablica, która przed samym użyciem jest przepuszczona przez filtr:

iworks_orphan_therms

Dzieki temu, używają powyższego filtra, możmy dowolnie modyfikować tablice sierotek.

Zwracam uwagę, że filtr działa na koniec, co oznacza, że odfiltruje też własne sierotki.

Kod

Kod do pobrania

Gotowy kod w formie wtyczki, możesz pobrać poniżej.

[zip href="http://iworks.pl/wp-content/uploads/2020/11/sierotki-limit-to-3-chars.php-.zip"]sierotki-limit-to-3-chars.zip[/zip]

Jak użyć podany kod?

Masz 3 rozwiązania:

  1. wrzuć załączony plik do folderu wp-content/plugins, a potem włącz wtyczkę
  2. wrzuć załączony plik do folderu wp-content/mu-plugins
  3. dołącz kod do pliku functions.php aktualnie używanego motywu

Strona 2 z 41

Oparte na WordPress & Theme by Anders Norén