W tworzeniu motywów WordPress, płynny układ to podejście do projektowania witryn internetowych, które wykorzystuje proporcjonalne wartości jako jednostkę miary dla bloków treści, obrazków i innych elementów. Pozwala to witrynie internetowej dostosować się do różnych rozmiarów ekranów i urządzeń.
Płynne układy używają elastycznych jednostek, takich jak procenty lub ems, do definiowania szerokości elementów. Pozwala to na zmianę rozmiaru treści i dopasowanie jej do ekranu, na którym jest zobaczona.
Różni się to od poprawionych układów, w których każdy aspekt motywu ma stałą szerokość w pikselach.
Jakie są zalety płynnych układów?
Tworząc witrynę internetową lub motyw WordPress, projektanci i programiści muszą zdecydować, czy chcą stworzyć projekt o stałej czy płynnej szerokości.
Projekty o poprawionej szerokości są łatwiejsze do stworzenia, ale mają kilka wad. W szczególności nie zapewniają najlepszych wrażeń użytkownikom z bardzo dużymi lub bardzo małymi ekranami.
Wielu użytkowników posiada dziś duże ekrany o rozdzielczości wyższej niż 1024×768 pikseli. Witryny internetowe z poprawionym układem mogą pozostawiać dużo białej przestrzeni po obu stronach treści motywu.
W przypadku użytkowników z mniejszymi ekranami lub korzystających z urządzeń mobilnych, poprawiony projekt może wymagać również poziomego paska przewijania.
Problemy te można naprawić stosując płynny układ.
Jakie są wyzwania związane z płynnymi układami?
Chociaż płynny design rozwiązuje wiele problemów związanych z różnymi rozmiarami ekranów, stwarza on pewne własne problemy.
Projektant ma mniejszą kontrolę nad tym, co widzi użytkownik, a treści takie jak obrazki mogą wymagać wielu szerokości do wyświetlenia na różnych rozdzielczościach.
Jeśli ekran użytkownika jest bardzo duży, strony z niewielką zawartością i płynnym układem mogą nie wyglądać najlepiej.
Płynne układy i projektowanie responsywne
Wraz ze wzrostem liczby smartfonów i tabletów, responsywne rozwiązania stały się bardzo ważne.
Nie różni się to od płynnych układów i jest to proces tworzenia witryny internetowej lub motywu z myślą o wszystkich urządzeniach i rozmiarach ekranu.
Techniki płynnego projektowania, wraz z zapytaniami o media CSS, będą często wykorzystywane do tworzenia witryn internetowych lub motywów, które są „responsywne”.
Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się więcej o płynnych układach w WordPress. Możesz również zapoznać się z naszą listą dodatkowych lektur poniżej, aby znaleźć powiązane artykuły na temat przydatnych wskazówek, sztuczek i pomysłów WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
