CSS mi nie działa na stronie na WordPressie! Jak sobie z tym radzić?

CSS i WordPress - jak szukać przyczyny problemówGdy na stronie w WordPressie zaczynają się dziać cuda, a użytkownik twierdzi, że on nic nie zrobił, nie zakładaj, że kłamie.

Jeśli te dziwne rzeczy dotyczą stylów CSS, użyj Chrome Developer Tools. Dziś case study o tym, jak to narzędzie pomaga rozwikłać zagadki „tajemniczego” wyglądu strony. Czytaj dalej CSS mi nie działa na stronie na WordPressie! Jak sobie z tym radzić?

WordPress + Newsletter = GIODO. Zjadłam wreszcie tę żabę!

Giodo WordPress NewsletterCzy muszę zgłaszać Newsletter do GIODO? Tak. Czy do GIODO muszę zgłaszać zbieranie emaili zostawianych na mojej stronie w WordPressie podczas dodawania komentarzy? Okazuje się, że też tak.

Czy to całe zgłoszenie do GIODO jest rzeczywiście takie koszmarne? Dla mnie było.

Ale w końcu dopełniłam formalności i mogę spać spokojnie (no, może do czasu, gdy wejdzie RODO). A teraz o tym, jak pożarłam żabę o nazwie GIODO w związku z prowadzeniem bloga na WordPressie.

Czytaj dalej WordPress + Newsletter = GIODO. Zjadłam wreszcie tę żabę!

Jak znaleźć nieużywane klasy CSS na stronie i po co to robić

Jak znaleźć nieużywane klasy CSSCzasami nasza witryna czy motyw WordPressa ładuje ogromny plik CSS, a my korzystamy zaledwie z kilku podstawowych klas. Cała reszta niepotrzebnie zajmuje miejsce na serwerze, a ładowanie zbyt dużego pliku stylów spowalnia wczytywanie naszej strony.

Warto pozbyć się niewykorzystywanych klas. W wykryciu nieużywanych klas i innych reguł CSS pomoże nam panel Coverage pakietu Developer Tools wbudowany w przeglądarkę Chrome.

Sprawdź, jak tego używać.

Czytaj dalej Jak znaleźć nieużywane klasy CSS na stronie i po co to robić

Widget Galeria – nowość w WordPressie

WordPress widget Galeria
WordPress widget Galeria

W WordPressie 4.9 będzie dostępny nowy widget Galeria. Umożliwia on szybkie dodawanie galerii zdjęć do sidebaru lub do stopki opartej o widgety.

Mechanizm jest bardzo prosty: przeciągasz widget Galeria na pasek boczny i w kilku kliknięciach budujesz galerię, tak samo jakbyś ją wstawiał do strony czy wpisu.

Dzisiaj, kiedy gra obrazem ma duże znaczenie w przekazywaniu treści, znajomość takich dodatków bardzo się przyda. Sprawdź nowe możliwości.

Czytaj dalej Widget Galeria – nowość w WordPressie

Gutenberg – nowy edytor WordPressa. Co to jest, jak działa i jakie zmiany oznacza

Gutenberg - nowy edytor WordPressaProjekt Gutenberg wprowadza zupełnie nowy edytor treści do WordPressa i tym samym oznacza ogromne zmiany dla wszystkich użytkowników tej platformy.

W artykule i towarzyszącym nagraniu video wyjaśniam, jak działa nowy edytor oraz odpowiadam na najczęściej zadawane pytania.

Czytaj dalej Gutenberg – nowy edytor WordPressa. Co to jest, jak działa i jakie zmiany oznacza

Jak w przeszukiwać style w poszukiwaniu właściwej reguły CSS

przeszukiwanie stylów w Chrome Developer Tools

Opcja Inspect w przeglądarce Chrome pozwala na szybkie sprawdzenie jakie reguły CSS odpowiadają za wygląd wskazanego elementu. Jednak nie zawsze od razu widzimy tę właściwą regułę.

Czasami wiemy jakiej konkretnej właściwości (color, margin-bottom) lub wartości (#fff, auto) szukamy, i chcielibyśmy przefiltrować panel stylów właśnie z ich wykorzystaniem.

Sprawdź jak przeszukiwać panel stylów. Jest też filmik z przykładami!
Czytaj dalej Jak w przeszukiwać style w poszukiwaniu właściwej reguły CSS

Jak szybko zmieniać kolory na stronie – Color Picker z Chrome w akcji

Zmień kolor na stronie

Jak szybko zmienić kolor elementu na stronie, na taki jak ma inny element? Użyj Color Picker w przeglądarce Chrome.

Nie musisz niczego instalować! Ta metoda pozwala na sprawne testowanie kolorów na twojej stronie.

Sprawdź, jak to zrobić krok po kroku.

Czytaj dalej Jak szybko zmieniać kolory na stronie – Color Picker z Chrome w akcji

Jak zrobić zrzut ekranu całej strony internetowej bez instalacji dodatków

Jak zrobić pełny zrzut ekranu strony www
Jak zrobić pełny zrzut ekranu strony www
Gdy potrzebujesz pełny zrzut ekranu jakiejś strony www, nie musisz jej przewijać i robić tego po kawałku.

Jeśli masz przeglądarkę Google Chrome, to skorzystaj z opcji „Capture Full Screen Size” w Developer Tools. To narzędzie jest wbudowane w przeglądarkę Chrome, więc nie trzeba instalować żadnych dodatków (rozszerzeń).

Sprawdź, jak to zrobić krok po kroku.

Czytaj dalej Jak zrobić zrzut ekranu całej strony internetowej bez instalacji dodatków