I WordPress tema utveckling är en flytande layout en webbplatsdesignmetod som använder proportionella värden som en mätenhet för block av content, images och andra objekt. Detta allow the website to adapt to different screen sizes and devices.
Flytande layouts använder flexibla enheter som gillar procent eller ems för att definiera bredden på element. Detta allow the content to resize and rearrange itself to fit the screen it’s being viewed on.
Detta skiljer sig från fixed layouts där varje aspekt av temat har en fast bredd i pixlar.
Vilka är fördelarna med flytande layouts?
När du skapar en website eller ett WordPress theme måste designers och utvecklare bestämma om de vill skapa en design med fix eller flytande bredd.
Design med fix bredd är enklare att skapa men har flera brister. I viss mån kommer de inte att ge den bästa upplevelsen för användare med mycket stora eller mycket små vyer.
Många användare har idag stora vyer med en högre upplösning än 1024×768 pixlar. Websites med en fixed layout kan lämna mycket vitt utrymme på båda sidor om temats content.
För användare med mindre vyer eller som använder mobila devices kan en fixed design även vara obligatorisk för att rulla horisontellt.
Dessa problem kan fixas genom att använda en flytande layout.
Vilka är utmaningarna med flytande layouts?
Även om flytande design löser många problem relaterade till olika storlekar på vyer, skapar den också en del egna problem.
Designern har mindre control över vad användaren ser och content som images kan vara obligatoriskt att ha flera bredder för att kunna visas på olika upplösningar.
Om användarens vy är extremt stor kan det hända att sidor med lite content och en flytande layout inte ser så bra ut.
Flytande layouts och responsiv design
Med den ökade användningen av smartphones och surfplattor har det blivit viktigt att utveckla responsiva lösningar.
Detta är inte helt olikt flytande layouts, och det är processen att skapa en website eller ett theme med alla devices och skärmstorlekar i åtanke.
Tekniken med flytande design, tillsammans med CSS media queries, används ofta för att skapa en website eller ett theme som är ”responsive”.
Vi hoppas att den här artikeln hjälpte dig att lära dig mer om flytande layouts i WordPress. Du kanske också vill se vår lista Ytterligare Läsa under för relaterade artiklar om användbara WordPress-tips, tricks och idéer.
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.
