Kategoria: WordPress Strona 2 z 25

WordPress od lat znajduję się w samym centrum moich zawodowych zainteresowań.

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 – nowa wersja

Nowa wersja wtyczki „Proste ulepszenia SEO” pozwala na dodanie obrazków do sitemap.xml WordPress.

Po prostu zaktualizuj wtyczkę oraz przejdź do panelu administratora do sekcji „Ustawienia” -> „Media”, włącz i … zobacz że obrazki są od teraz w domyślnej mapie WordPressa.

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.

Strona 2 z 25

Oparte na WordPress & Theme by Anders Norén