Gradienty na stronie w WordPessie – 3 proste sztuczki

WordPress gradienty

Edytor blokowy WordPressa bardzo dobrze wspiera tworzenie gradientów. Gradient to takie połączenie kolorów, gdzie jeden kolor przechodzi płynnie w drugi.

Dzięki gradientom można w szybki sposób nadać stronie ciekawy wygląd. Na przykład sprawić, że tło nabiera głębi albo jakaś część obrazka staje się bardziej widoczna, a inna mniej.

Dzisiaj przedstawiam 3 proste do zastosowania sztuczki z wykorzystaniem gradientów dla bloków Okładka i Grupa.

Będzie też link do strony demo, gdzie można te wszystkie efekty zobaczyć na żywo.

Czytaj dalej Gradienty na stronie w WordPessie – 3 proste sztuczki

Czy już teraz przesiadać się z Elementora na Gutenberga?

Elementor czy Gutenberg?

Ostatnio w ekosystemie WordPressa zawrzało. Entuzjaści page builderów, a głównie Elementora, wpadli wręcz w rodzaj paniki i rozpaczliwie szukają odpowiedzi na jedno pytanie. A mianowicie czy już teraz powinni przerabiać strony zrobione w Elementorze na strony w edytorze blokowym WordPressa, czyli Gutenbergu.

Jak to się stało, że niecieszący się dotąd najlepszą sławą Gutenberg nagle stał się tematem przewodnim forów i rzekomo jedynym słusznym rozwiązaniem do stawiania stron na WordPressie?

No i czy faktycznie już teraz trzeba rzucać Elementora i przesiadać się na edytor blokowy?

Czytaj dalej Czy już teraz przesiadać się z Elementora na Gutenberga?

Pełna wysokość dla bloku Okładka – jak działa ta opcja?

WordPress: przełącz pełną wysokość

WordPress 5.7 wprowadza nową funkcję do bloku Okładka: przełącz pełną wysokość. W praktyce ułatwi nam ona „rozciągnięcie” tła, tak aby wypełniło ono cały ekran.

Przyda się to do tworzenia imponującej strony głównej.

Teraz już nie musisz kombinować, ile pikseli wprowadzić, żeby górna sekcja strony pokryła widoczną część ekranu i żeby to wyglądało dobrze na różnych urządzeniach i ekranach o różnych rozmiarach.

Dziś wyjaśniam na przykładach, jak działa ta opcja. Przy okazji dowiesz się, co to jest tzw. viewport.

Czytaj dalej Pełna wysokość dla bloku Okładka – jak działa ta opcja?

Przezroczysty nagłówek – w których motywach najłatwiej to zrobić

Przezroczysty nagłówek w WordPressie

Przezroczysty nagłówek (ang. transparent header), to taki efekt, że spod logo i menu prześwituje duży obrazek i ten obrazek jest jednocześnie fragmentem pierwszej sekcji na stronie. Czasami zamiast obrazka jest jednolite tło, filmik albo nawet slider (patrz player.pl).

Strony z przezroczystym nagłówkiem wyglądają nowocześnie i profesjonalnie.

W tym wpisie znajdziesz przykłady takich stron oraz listę najpopularniejszych darmowych motywów WordPressa, które pozwalają to dobrze wykonać.

Dowiesz się też, jak w WordPressie ustawić stronę z przezroczystym nagłówkiem.

Czytaj dalej Przezroczysty nagłówek – w których motywach najłatwiej to zrobić

Jak dodać galerię do WordPressa

Dodanie i konfiguracja galerii w edytorze blokowym WordPressa jest dużo wygodniejsza niż zarządzenie galerią kiedyś, w tak zwanym edytorze klasycznym.

W tym wpisie podsumowuję najważniejsze rzeczy, które musisz wiedzieć, żeby sprawnie tworzyć galerie zdjęć w WordPressie.

Czytaj dalej Jak dodać galerię do WordPressa

Jak nauczyć się budować strony w edytorze blokowym WordPressa – 6 kroków

Nauka strona na blokach

Chciałam zacząć ten wpis od słów: „Edytor blokowy WordPressa to przyszłość”, ale po chwili zastanowienia, stwierdziłam, że taki początek byłby niefortunny.

Edytor blokowy WordPressa już w tej chwili jest tak potężny i popularny, że staje się alternatywą dla page builderów takich jak Elementor czy Divi.

Jest po prostu szybszy i jest integralną częścią WordPressa.

Dlatego umiejętność tworzenia stron w edytorze blokowym jest niezbędna już teraz.

Dziś pomogę ci opanować tę sztukę, przedstawiając 6 przydatnych kroków.

Czytaj dalej Jak nauczyć się budować strony w edytorze blokowym WordPressa – 6 kroków

Motyw Twenty Twenty-One w akcji – recenzja i przykłady stron

Motyw Twenty Twenty-One

Już w grudniu 2020 WordPress będzie mieć nowy motyw – Twenty Twenty-One. Po kilku miesiącach motyw ten będzie używany na setkach tysięcy stron, z racji tego, że będzie to domyślny motyw WordPressa, a więc instalowany automatycznie z każdym WordPressem.

Zależało mi na napisaniu rzetelnej recenzji tego motywu. A że nie lubię oceniać czegoś, czego sama nie sprawdziłam w praktyce, postanowiłam najpierw coś na tym motywie zbudować.

Moim celem było stworzyć stronę (ostatecznie powstały aż dwie!), bez żadnych dodatkowych ingerencji – żadnych wtyczek, zero dodatkowego kodu, ani jednej linijki CSS.

Miał być jedynie czysty WordPress, motyw Twenty Twenty-One no i oczywiście edytor blokowy WordPressa, który sam w sobie daje ogromne możliwości.

Zapraszam do przeczytania moich wrażeń i obejrzenia obu stron demo.

Czytaj dalej Motyw Twenty Twenty-One w akcji – recenzja i przykłady stron

Kategorie we wzorcach bloków – mała wielka zmiana

kategorie we wzorcach

Kiedy po raz pierwszy zobaczyłam Wzorce w WordPressie 5.5, mój początkowy entuzjazm i wielkie „No wreszcie!” szybko przerodziły się w jeszcze większe zdziwienie. „Ale jak to, bez żadnego grupowania?”. A właściwie filtrowania po kategoriach, bo kategorie jako takie były, tyle że niemal przezroczyste. Żeby wybrać jakiś fajny wzorzec, trzeba było użyć suwaka i przewijać w dół.

WordPress 5.6 przynosi zmianę: po otwarciu zakładki Wzorce, najpierw wybieramy kategorię, a dopiero potem widzimy listę szablonów bloków gotowych do wstawienia jednym kliknięciem.

Dlaczego ta z pozoru mała zmiana robi tak wielką różnicę? Zobaczmy.

Czytaj dalej Kategorie we wzorcach bloków – mała wielka zmiana

Mapa strony teraz w każdym WordPressie. Co musisz wiedzieć

Mapa XML w WordPressie

WordPress 5.5 wprowadza istotną zmianę: mapa strony (ang. XML sitemap) zostanie automatycznie wygenerowana dla każdej witryny posadzonej na WordPressie.

Choć intencje autorów pomysłu były dobre, okazuje się, że temat ten budzi sporo kontrowersji.

Rodzą się pytania:

  • Czy to dobrze czy źle?
  • Po co mi w ogóle mapa strony?
  • Jak wygląda przykładowa mapa generowana przez WordPressa?
  • Jaką ma nazwę i gdzie jej szukać?
  • Czy można ją modyfikować?
  • Czy Google automatycznie wykryje tę mapę?
  • A co, jeśli ja już używam mapy, którą generuję wtyczką? Będzie konflikt?
  • Można całkowicie wyłączyć generowanie tej mapy?

Odpowiedzi na te i wiele innych pytań dotyczących XML-owej mapy strony w WordPressie znajdziesz w tym wpisie.

Czytaj dalej Mapa strony teraz w każdym WordPressie. Co musisz wiedzieć

Edycja całej strony w oparciu o bloki czyli motywy przyszłości

Full Site Editing

Wyobraź sobie, że twój motyw jest w całości zbudowany tylko z bloków, a ty masz kontrolę nad każdym, nawet najdrobniejszym elementem na stronie. Powiedzmy, że logo chcesz umieścić na środku, po jego lewej stronie wyświetlić menu, a po prawej napis: „Zadzwoń do mnie”.

I wyobraź sobie jeszcze, że nie musisz wchodzić w „bebechy” motywu (czyli pliki źródłowe w PHP), żeby to zrobić.

To niedługo stanie się realne w WordPressie dzięki tzw. Block Templates, Templates Parts i specjalnym blokom dynamicznym, takim jak na przykład Navigation, Post Title, Post Comments.

Już teraz trwają prace na wszystkimi elementami tej układanki, a całość znana jest pod tematem Full Site Editing. Sprawdźmy, jak to będzie działać i gdzie możesz to już teraz przetestować.

Czytaj dalej Edycja całej strony w oparciu o bloki czyli motywy przyszłości