Wtyczka WPnet.pl Wow effect służy do animacji poszczególnych bloków Gutenberga w momencie, gdy pojawiają się na ekranie. Instrukcja Po instalacji możemy edytować ustawienia wtyczki w zakładce WOW Effect w panelu adm. Następnie przy poszczególnych blokach, w ustawieniach w zakładce Zaawansowane, należy wpisać odpowiednią klasę CSS. Pierwsza klasa, którą trzeba dodać, to wow. A kolejna, to klasa wybrana…
Wtyczka WPnet.pl Hidden Text służy do ukrywania części tekstu i wyświetlania go dopiero po kliknięciu odpowiedniego linku. Często jest to wykorzystywane przy podawaniu danych kontaktowych. Instrukcja Po instalacji mamy możliwość użycia w treści wpisu lub strony shortcode lub Parametry visible lub v – część tekstu widoczna przed kliknięciem hidden lub h – tekst, który zostanie odkryty po kliknięciu label lub l – treść linka wyświetlającego…
Sposób 1 – własny kod Dodaj poniższy kod do pliku functions.php Sposób 2 – wtyczka Na ogół korzystam z wtyczki Safe SVG. Daje ona możliwość zezwolenia na przesyłanie plików SVG przy jednoczesnym upewnieniu się, że są one oczyszczone, aby zabezpieczyć przed lukami SVG/XML. Daje również możliwość podglądu przesłanych plików SVG w bibliotece multimediów we wszystkich widokach.
Dodaj poniższy kod do pliku functions.php
Wtyczka WPnet.pl – Show/hide header on scroll pozwala na chowanie nagłówka w trakcie przewijania strony do dołu, a w trakcie przewijania do góry pokazuje nagłówek bez konieczności przechodzenia na sam początek strony. Domyślnie efekt jest widoczny na ekranach nie szerszych niż 980px (parametr ten można zmienić w Ustawieniach). W tej chwili wtyczka przystosowana jest do…
Dodaj poniższy kod do pliku functions.php
Dodaj poniższy kod do pliku functions.php
Na podstawie Changing mobile menus to full in Divi on Tablets. Domyślnie już przy szerokości 980 px DIVI zmienia menu na mobilne. Jednak czasem chcemy wyświetlić pełne menu również na tabletach. Można to osiągnąć zmieniając odpowiednio style css. Style CSS Przejdź w panelu adm. do menu DIVI -> Opcje szablonów graficznych i w sekcji Niestandardowe…
Poniższy tutorial pokazuje jak 'przykleić’ stopkę do dołu ekranu. Bez tego na dużych ekranach stopka może znajdować się np. w połowie wysokości, co nie wygląda zbyt estetycznie. Style CSS Przejdź w panelu adm. do menu DIVI -> Opcje szablonów graficznych i w sekcji Niestandardowe CSS (na dole strony) wpisz poniższy kod: Objaśnienia 100vh = wysokość…
Stock Up – free stock photos across 26 websites, Pexels – collection of best free stock photos in one place, All The Free Stock – photos, icons, videos, etc., Unsplash – high-resolution images, Splashbase – high-resolution photos and videos, Startup Stock Photos – free photos for startups, bloggers, publishes and everyone else, Jay Mantri – many pics…