Żyjemy w czasach informacyjnych. Dosłownie informacja jest na wagę złota. Kto ma odpowiednią informację ten wygrywa. Wygrywa na polu biznesowym lub na polu walki. Dzięki informacji uzyskujesz przewagę, bo wiesz co lub gdzie, skąd, komu lub w końcu kiedy i za jaką cenę sprzedać.
Za to historia konfliktów zbrojnych pokazuje, że zaskoczenie jest kluczowym czynnikiem decydującym o tym, kto wygra. Podejrzewam, że Ukraina bez wsparcia wywiadu (także tego satelitarnego) państw zachodnich nie byłaby w stanie skutecznie się bronić, co oznacza już dawno przegraną wojnę z rosyjskim najeźdcą.

Możesz zastanawiać się jak do tego wstępu odnieść bezpieczeństwo WordPress’a. O tym za chwilę, skrobnę jeszcze tylko na temat giełdy amerykańskiej. Będzie ciekawiej, a teraz to w ogóle możesz pomyśleć – facet zwariował, WordPress’a łączy z największą światową giełdą 😉

Kluczowe dla bezpieczeństwa WordPress’a jest aktualizacja samego systemu, jak i wszelkich zainstalowanych dodatków (motywu oraz pluginów).
To właśnie najczęściej przez luki bezpieczeństwa tam zawarte złośliwy kod trafia do stron opartych na WordPress’ie.

Jako uzupełnienie bezpieczeństwa można skonfigurować Wordfence. To plugin, który wnosi wiele dodatkowych mechanizmów bezpieczeństwa.

Przyszłość WordPress’a

Sztuczna inteligencja jako wirtualny nieudacznik, znaczy pomocnik

Co jeszcze przyniesie przyszłość WordPress’a

WordPress umiera

No w sensie, że to taka pogłoska tylko, może coś słyszałeś/aś? Bo bywa, że tu i tam ktoś zaczyna mąciś, że WordPress już się skończył, przejadł, że ludzie odchodzą i inne jakieś bzdury. Tak, bzdury, bo to tylko plotki niczym nie poparte. Liczby wskazują na co innego.

WordPress jest słabym systemem CMS, są lepsze

Z mojej perspektywy przyszłość WordPress’a jest pewna,. Dodatkowo przyniesie ona użytkownikom wiele dobrego. Można spokojnie kręcić się wokół tronu, nikt go nie odbierze 😉

WordPress to nie badziewie proszę pani/pana, bo tu kłania się statystyka!

Podstawa to systematyczne aktualizacje WordPress’a, pluginów i motywu

A święta zasada informatyki przypomina…

Ochrona konta administratora

Dodatkowe czynności podnoszące bezpieczeństwo strony www

Na koniec ostatnie straszące liczby

Znaczek promocji w WooCommerce pojawia się w widoku archiwum (listy produktów) oraz na stronie produktu, gdy wprowadzona zostanie cena promocyjna.

Dla tych co lubią w plikach dłubać mogą pobrać plik odpowiedzialny za znaczek z katalogu:

twoja-domena/wp-content/plugins/woocommerce/loop/sale-flash.php

i wgrać go do katalogu swojego tematu:

twoja-domena/wp-content/themes/twój-temat/woocommerce/loop/sale-flash.php

Później możemy w tym pliku dodać obrazek zamiast tekstu lub dokonać innych zmian.

Czasami chcemy tylko zmienić tekst, wtedy zamiast bezpośredniej modyfikacji tego pliku możemy skorzystać z filtra i dorzucić kod do pliku functions.php:

add_filter( 'woocommerce_sale_flash', 'wc_custom_replace_sale_text' );
function wc_custom_replace_sale_text( $html ) {
return str_replace( __( 'Sale!', 'woocommerce' ), __( 'Za pół darmo!', 'woocommerce' ), $html );
}

Możemy także zmienić wygląd dodając małe co nieco do pliku ze stylami CSS. Na przykład możemy wyczarować wrzosowy znaczek z zaokrąglonymi rogami:

span.onsale {
width: 100px;
padding: 10px 20px;
background: #eba4ff;
color: #400052;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 2px solid #400052;
margin: auto;
text-align: center;
}

Oczywiście bawiąc się stylami możemy stworzyć odrębne wersja dla widoku listy produktów oraz pojedynczego produktu, jak również poczynić znacznie głębsze modyfikacje, CSS daje nam wiele możliwości.

I na koniec tradycyjnie zdjęcie. Co ono ma do tego wpisu?
To wyszła głęboko skryta tęsknota za latem, ciepełkiem i wodą.
Cierpliwości do wędkowania nie mam, ale chwilę popatrzeć na nich mogę, zwłaszcza jak widzę takie słońce i aparat mam przy sobie! 🙂

Bywają takie produkty, które z jakiegoś powodu nie chcemy wyświetlać w widoku kategorii. A może nawet nie chcemy aby były wyszukiwane?
Czasami właściciele sklepów mają specjalne produkty dla wybranych klientów, których adres udostępniają mailem w newsletterach.

WooCommerce z marszu umożliwia ukrywanie produktu. Mamy kilka możliwości:

• Sklep i wyniki wyszukiwania,
  produkt jest widoczny wszędzie.
• Tylko sklep,
  produkt jest widoczny tylko w kategorii.
• Tylko wyniki wyszukiwania,
  produkt jest dostępny tylko z poziomu wyszukiwarki.
• Ukryty,
  aby zobaczyć produkt należy znać jego adres.

A gdzie znaleźć te opcje?

Prawy blok „Opublikuj”.
W dolnej jego części znajduje się „Widoczność w katalogu”.
Klikamy w „edytuj”, wybieramy co potrzeba i zapisujemy (klawisz OK, a potem aktualizacja produktu).

Do tego wpisu przydałaby się kolejna kaczka udająca strusia lub kreta, przecież chodzi o ukrywanie! Ale nie będę taki monotonny, choć temat ptaków jeszcze pociągnę. Tym razem wyjąca mewa, którą kiedyś spotkałem. A jakby ktoś pytał czemu mewa wyła, no co, może tak ze szczęścia sobie wyła do morza? Ja tam nie wiem, nie słyszałem dokładnie, bo morze zagłuszyło jej wycie 😉

Tagi to prócz kategorii druga taksonomia, która w WooCommerce służy do szufladkowania produktów. Ale jak wiele osób korzysta z tagów w WooCommerce?

Niewiele i to bardzo bardzo niewiele. Tak więc skoro nie korzystam i wątpliwe jest abym to wykorzystał, to może usunę z menu? O to właśnie ostatnio podpytał mnie klient. Chciał usunąć wszystko co zbędne, aby nie zagracało mu menu, widoków itd.

Aby usunąć tagi z menu „Produkty” należy do pliku functions.php naszego motywu wkleić kod:

add_action('init', function() {
register_taxonomy('product_tag', 'product', [
'public' => false,
'show_ui' => false,
'show_admin_column' => false,
'show_in_nav_menus' => false,
'show_tagcloud' => false,
]);
}, 100);

I możemy jeszcze usunąć tagi z widoku listy produktów. Odpadnie jedna zbędna kolumna. W tym celu dodajemy do powyższego kod:

add_action( 'admin_init' , function() {
add_filter('manage_product_posts_columns', function($columns) {
unset($columns['product_tag']);
return $columns;
}, 100);
});

A co ma do tego ta kaczka na zdjęciu? No jak to, przecież ukrywamy!
Swoją drogą to ciekawy kolaż wyszedł, jakby kaczka kreta udawała… 😉

Czasami podczas edycji treści zaobserwować można dziwne ustawianie wierszy – niektóre słowa jakby na siłę są przenoszone do kolejnych wierszy. Winne za to są niełamliwe spacje.

Problem z niełamliwymi spacjami, które wstawia edytor TinyMCE jest dość tajemniczy. Nie każda osoba go doświadcza. W anglojęzycznej społeczności WordPress’a znalazłem wyjaśnienia, że za problem odpowiada przeglądarka Chrome, a nie edytor wizualny.

Rozwiązanie problemu twardych spacji

Są różne rozwiązania, które nie zawsze działają i bywają całkiem pokraczne. Poniżej przedstawiam to, które sprawdziłem i jestem z niego zadowolony.

W rozwiązaniu tym zbędne niełamliwe spacje są usuwane w momencie zapisywania treści w bazie danych. To zapewnia, że obojętnie ile tych niechcianych znaków wytworzymy w trakcie edycji wpisu do bazy danych trafi wyczyszczony tekst.

W celu wdrożenia tej łatki wystarczy do pliku functions.php naszego motywu dodać mały kod:

function magic_remove_nbsps($content) {
$content = str_replace(array("\xc2\xa0", " "), " ", $content);
return $content;
}
add_filter('content_save_pre', 'magic_remove_nbsps');

Jest jedna wada tego rozwiązania – działa tylko dla nowych wpisów, a jeśli chcemy usunąć niełamliwe spacje z już istniejących wpisów należy wejść do każdego i kliknąć „zaktualizuj”. Nie musimy nic edytować, wystarczy, aby wpis został ponownie zapisany w bazie danych.

A zdjęcie co ma wnieść do tego wpisu?
Ten gołąb wyglądał na mądrego doradcę, pewnie dzielił się ze swoimi pobratymcami wiedzą. A co, normalnie poczułem się jak taki dostojny jegomość, który dzieli się z innymi swoją mądrością! Eeee, jak on w Smerfach się nazywał? Mądrala?   😉

Na wstępie małe wyjaśnienie co to są emoji. Nie każdy to wie, a emoji to nie to samo co emotikony. Emotikon to wyrażenie emocji poprzez wykorzystanie pisemnych znaków. Najpopularniejszy to :–) Oczywiście pisany z jednym myślnikiem, lecz na tej stronie wykorzystane są graficzne emotikony, czyli takie 🙂 które automatycznie wyświetlane są po wpisaniu stosownych znaczków.

Natomiast emoji (czyt. emodżi) to graficzne wyrażenie emocji, ale już w sposób bardziej dowolny. Czyli możemy mieć buźkę, której kapie ślinka, albo obrazek torcika lub wisienki.

Emotki, jak również emoji nie są potrzebne każdemu i nie pasują do każdej strony internetowej. Na ITB Vega mają zastosowanie, ponieważ jest to blog nie do końca techniczny, czyli autor może pozwolić sobie na odrobinę szaleństwa.

Jest jeszcze jeden powód, dla którego moglibyśmy zapragnąć usunąć emoji. Jest nim optymalizacja naszego WordPress’a. Jeśli ktoś dopieszcza stronę, może posunąć się nawet i do takich zabiegów jak usunięcie z kodu emoji. W ten sposób odchudzamy właśnie stronę internetową. Co prawda samo w sobie będzie to miało niewielki wpływ na przyspieszenie otwierania naszej witryny. Jednak w połączeniu z innymi technikami optymalizacji stron internetowych przyniesie to bardzo znaczące rezultaty.

W wersji WordPress 4.2 dodano wsparcie emoji dla starszych przeglądarek. Plik może nie jest duży, bo zajmuje około 10 KB, lecz zawsze to jest jakieś dodatkowe zapytanie HTTP. A jeśli w witrynie nagromadzi się dużo różnych zbędnych gratów (pliki JavaScript, ciężkie obrazki), to łącznie będzie to miało istotny wpływ na szybkość. Gdzieś tam na wsi mawiają, że ziarnko do ziarnka i … 😉

Jak usunąć emoji i graficzne emotikony

Możesz zrobić tak jak na tej stronie internetowej – graficzne emotikony działają, a emoji są wyłączone. Pierwszy kod usuwa właśnie same podstawowe buźki, natomiast ten duży poniżej jest od wycięcia emoji. Kod należy wkleić do pliku functions.php w naszym motywie.

// Usunięcie emotikonek
add_filter( 'option_use_smilies', '__return_false' );

// Usunięcie Emoji
function disable_emojis() {
remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
remove_action( 'wp_print_styles', 'print_emoji_styles' );
remove_action( 'admin_print_styles', 'print_emoji_styles' ); 
remove_filter( 'the_content_feed', 'wp_staticize_emoji' );
remove_filter( 'comment_text_rss', 'wp_staticize_emoji' ); 
remove_filter( 'wp_mail', 'wp_staticize_emoji_for_email' );
add_filter( 'tiny_mce_plugins', 'disable_emojis_tinymce' );
add_filter( 'wp_resource_hints', 'disable_emojis_remove_dns_prefetch', 10, 2 );
}
add_action( 'init', 'disable_emojis' );

function disable_emojis_tinymce( $plugins ) {
if ( is_array( $plugins ) ) {
return array_diff( $plugins, array( 'wpemoji' ) );
} else {
return array();
}
}

I na koniec rozwiązanie tradycyjnej zagadki – jak się ma zdjęcie do tematu tego pisania?
A ma się, i to bardzo! W końcu zdjęcie jest wyjątkowo emocjonujące, zwłaszcza dla panów 😉

Spuchnięta i poszatkowana baza danych może spowolnić wczytywanie naszej strony internetowej. Ten wpis to kontynuacja poprzedniego, gdzie dokładniej opisywałem te elementy, które właśnie mają największy wpływ na szybkość działania naszej witryny.

Dzisiaj będzie krótko, bo nie ma co się szczegółowo rozpisywać. Ważne jest to, że z czasem baza danych puchnie od zbędnej treści, są to starsze wersje wpisów, spamerskie komentarze oraz różne meta dane. Wielkość bazy to jeden problem i zależy on od wydajności serwera baz danych gdzie hostujemy naszą stronę.

Ale druga sprawa to bałagan, czyli wpisy w bazie nie są kolejno ułożone, czyli mówiąc lakonicznie: tabele są poszatkowane, a zawartość tabel w bazie poukładana jest nie w kolejności.

Polecam dwa pluginy, aby uporać się z tym zagadnieniem. Wystarczy raz na jakiś dłuższy okres czasu uruchomić taki plugin. Jak często to zależy w jakim tempie przybywa treści na twojej stronie internetowej. Na itbvega.pl wystarczy raz na pół roku.

WP-Sweep

To pierwszy plugin, który zrobi porządek w naszej bazie danych.
Wystarczy w ustawieniach zejść na sam dół pluginu i kliknąć w jeden przycisk, a wtedy ruszy proces kolejno ogarniając każdy z tematów.

WP-Optimize

Od poprzednika głównie różni się wyglądem i sposobem uruchomienia. Tam możemy ptaszkiem zaznaczyć pozycje, które zostaną wykonane, a następnie uruchomić proces. W WP-Sweep jeśli uruchomimy cały proces to wszystkie zadania zostaną wykonane.

Są też inne pluginy do tego typu zadań, lecz te dwa są sprawdzone, dlatego je polecam.

A zdjęcie? To wspomnienie urlopu, bo był całkiem niedawno, skończył się i prawie o nim zapomniałem, dzieciaki do szkoły pójdą, a my przy tych klawiaturach, uhhhh…

Porady te mają zastosowanie także do normalnych witryn internetowych. Jednakże w przypadku WordPress’a dużo, jeśli nie większość z nich, możemy osiągnąć poprzez odpowiednie pluginy.

1. Kompresja stylów CSS oraz skryptów JavaScript

Dość często pliki te bywają już skompresowane przez autorów pluginów, ale zazwyczaj większości z nich przyda się kompresja.
To nam załatwi plugin WP Fastest Cache. Oczywiście są też inne dodatki do WordPress’a, które kompresują te pliki, ale wspomniane rozwiązanie pomaga jeszcze na wielu innych płaszczyznach, a o tym poniżej.

2. Przeniesienie skryptów JS na dół strony

Pliki te przenosimy do stopki, aby zostały załadowane na końcu, pierwszeństwo ma HTML.
To także ogarnie WP Fastest Cache.

3. Połączenie plików JS i CSS

Obecnie każda strona oparta na WordPress’ie korzysta z wielu pluginów i często każdy z nich ma po kilka plików JS i CSS. Wczytywanie ich każdego z osobna trwa znacznie dłużej, niż jednego dużego pliku.
Działanie kompleksowe, czyli połączenie tych plików, następnie kompresja i przeniesienie do stopki strony znacznie przyśpieszy wczytywanie witryny.
I tu ponownie bardzo przyda się WP Fastest Cache, plugin ten umożliwi te wszystkie czynności.

4. Włączenie kompresji Gzip

Oczywiście włączymy ją pod warunkiem, że obsługuje ją serwer na którym działa nasza strona internetowa. Ale to już jest standard, przynajmniej na normalnych serwerowniach.
A kompresja ta sprawia, że treść wysyłana od serwera do naszej przeglądarki zostanie najpierw spakowana, czyli taka mniejsza paczka szybciej do nas doleci, czyli szybciej strona się wczyta.
I zgadnij jaki plugin w tym pomoże? Oczywiście WP Fastest Cache 🙂

5. Pamięć podręczna strony

Bardzo przyśpieszy działanie strony, nawet jeśli nie wdrożymy innych rozwiązań. Jest to tak zwany cache, słowo angielskie lecz już w naszym języku zadomowiło się na dobre.
To sprawia, że każda strona jest już przygotowana do odczytania i nie potrzeba wysyłać zapytania do bazy danych, wystarczy odczytać wcześniej przygotowany plik.
I zapytam po raz drugi – jakiego pluginu do tego użyjesz? 🙂

6. Pamięć podręczna przeglądarki

To także doda szybkości naszej stronie. Przeglądarka zamiast pobierać pliki (CSS, JS, obrazki) które już odczytywała z serwera na którym działa strona, weźmie je ze swoich zasobów, czyli z komputera internauty przeglądającego naszą witrynę. Co oczywiście znacząco przyśpieszy ładowanie strony internetowej.
Tu mogę ponowić swoje pytanie o to w jaki sposób wprowadzisz w życie pamięć podręczną przeglądarki 😉

7. Odpowiedni hosting

Jest sporo firm hostingowych oferujących stabilne usługi w dobrych, czytaj: normalnych cenach. Polecam www.lh.pl

Od wielu lat ja i całkiem spory odsetek klientów posiada tam wirtualne serwery, które sprawnie działają.

Ale nawet jeśli serwerownia nie udaje ślimaka, to możemy sami doprowadzić do takiego stanu poprzez zbytnie obciążenie wirtualnego konta.
Każdy wirtualny serwer ma ograniczone możliwości i nie mam tu na myśli powierzchnię serwera czy limit transferu (ten ostatni to już jest przeżytek). Chodzi mi o: ilość zapytań do bazy danych, do serwera www, limit czasu wykonywania procesu, limit pamięci RAM. Jeśli nasza strona cieszy się dużą popularnością możemy doprowadzić do sytuacji, w której te limity ulegną wyczerpaniu, a wtedy internauta zacznie się irytować czekając na załadowanie strony internetowej, co w konsekwencji może doprowadzić do opuszczenia naszej witryny.

Może też wystąpić inna sytuacja. Jeśli nasza strona nie jest mocno popularna, ale na jednym serwerze wirtualnym trzymamy kilka witryn, to w sumie mogą one wygenerować graniczne obciążenie i spowolnienie działania wszystkich stron.

Rozwiązaniem jest rozdzielenie stron na kilka serwerów, a jeśli mamy jedną bardzo dużą witrynę wtedy pozostanie przejście na wyższy pakiet hostingowy, czyli zmiana na serwer wirtualny z mniejszymi ograniczeniami lub w sporadycznych przypadkach, przejście na serwer dedykowany. Wtedy już otrzymujemy serwer tylko na własne potrzeby. Ale to kosztuje znacznie więcej. Miesięcznie możemy zapłacić nawet dużo więcej, niż za serwer wirtualny rocznie.

8. Kompresja obrazków w formacie JPG i zmniejszenie ich rozmiarów

WordPress domyślnie kompresuje JPG na poziomie 82. Czyli jest to już dość mocna kompresja, przy której zaczynamy dostrzegać utratę jakości obrazu, a na potrzeby szybkości ładowania strony internetowej będzie miało to pozytywny wpływ. Więc można by pozostać w tym miejscu i nie wprowadzać żadnych zmian. Ale można coś tam podrążyć.

Po pierwsze, jeśli taka kompresja jest dla Ciebie zbyt duża, czyli pragniesz, aby obrazy były w lepszej jakości, można to łatwo zmienić. Zmienić i tak pokombinować aby nie stracić na wielkości plików. Bo skoro zejdziesz z kompresją z poziomu 82 na 90 (czyli na mniejszy stopień kompresji), to zdjęcia będą więcej zajmować, czyli dłużej się wczytywać.

Osobiście stosuję rozwiązanie, które sprawia, że wgrywane obrazki nie będą aż tak mocno skompresowane. Jednakże wgrywam fotki, które zapisuję przy użyciu programu Irfan View, a on czyści nagłówek obrazu ze zbędnych wpisów (co odchudza plik),do tego odpowiednio kompresując zdjęcie. O nim pisałem już dawno temu w artykule „Prosty sposób na zmniejszenie rozmiaru zdjęć dla stron internetowych”

Ale potrzebujemy jeszcze tutaj możliwości zmiany stopnia kompresji plików JPG. Można to zrobić dłubiąc w pliku funkcyjnym szablonu naszej strony lub możemy wykorzystać plugin Imsanity.

I tu właśnie jest druga część tego punktu. Imsanity jest o tyle praktycznym pluginem, że wgrywane zdjęcie zmniejsza w locie. Czyli wgrywamy fotki nawet bezpośrednio z aparatu fotograficznego i nie martwimy się o ich wielkość. Imsanity przeskaluje wgrywany plik do zadanych wcześnie rozmiarów, oczywiście zachowując proporcje.
Sam stosuję 1900 x 900 punktów. Czyli wgrywany obraz zmieści się na ekranie fullHD, a na mniejszych ekranach będzie przeskalowany. Większych rozmiarów nie ma sensu dawać, ponieważ póki co internautów z wielkimi rozdzielczościami jest bardzo mało.

Zmniejszając rozmiar pełnego obrazu oszczędzamy miejsce na serwerze oraz znacząco przyśpieszamy wczytywanie tego pliku. To jest ważne jeśli wgrywamy zdjęcia z możliwością powiększania.
A poza tym – na co komuś nasze źródłowe pliki, po co dawać tak duże zdjęcia, skoro na ekranie i tak nie ma z nich pożytku?

9. CDN (Content Delivery Network)

U nas dla małych stron internetowych jest to póki co mało popularne. A usługa ta to przeniesienie części zasobów naszej strony (głównie pliki takie jak zdjęcia, skrypty JS lub download) do zewnętrznego operatora, który posiada szybką i wydajną strukturę, często rozproszoną tak, aby internauci z różnych stron świata nie czekali długo na załadowanie naszej strony internetowej.

10. Błędy HTML i CSS

Niby drobiazg, ale wyeliminowanie błędów HTML i CSS także pozytywnie wpłynie na szybkość. Jeśli nawet w niewielkim stopniu, to z całą pewnością algorytm Google to doceni podwyższając wartość naszej witryny. To natomiast wpłynie na pozycje w wynikach szukania Google.

A na koniec jeszcze o pluginie, który wiele razy wystąpił w tym wpisie, a jest nim, no, kto pamięta? No jasne, że przecież chodzi o WP Fast Cache.
Posiada on znacznie więcej dobrodziejstw, warto skorzystać bo nawet jego darmowa odmiana jest bardzo użyteczna. A za 40$ mamy już dożywotnio pełen wypas 🙂

A zdjęcie to niby nie w temacie, a jednak, bo chodzi o to, że niech twoja strona nie będzie jak ten stwór ze zdjęcia, czyli taka niedotykalska 😉
Tak tak, ten stwór to jeż pigmejski, kiedyś z takim dziwakiem mieszkaliśmy pod jednym dachem.