I WordPress-temautveckling är en flytande layout ett designmetod för webbplatser som använder proportionella värden som mätenhet för innehållsblock, bilder och andra objekt. Detta gör att webbplatsen kan anpassas till olika skärmstorlekar och enheter.
Flytande layouter använder flexibla enheter som procent eller em för att definiera bredden på element. Detta gör att innehållet kan ändra storlek och omorganisera sig för att passa skärmen det visas på.
Detta skiljer sig från fasta layouter där varje aspekt av temat har en fast bredd i pixlar.
Vilka är fördelarna med flytande layouter?
När designers och utvecklare skapar en webbplats eller ett WordPress-tema måste de bestämma om de vill skapa en fast eller flytande bredddesign.
Fastbreddsdesigner är lättare att skapa men har flera brister. Särskilt kommer de inte att ge den bästa upplevelsen för användare med mycket stora eller mycket små skärmar.
Många användare idag har stora skärmar med högre upplösning än 1024×768 pixlar. Webbplatser med fast layout kan lämna mycket vitt utrymme på vardera sidan av temats innehåll.
För användare med mindre skärmar eller som använder mobila enheter kan en fast design kräva en horisontell rullningslist.
Dessa problem kan lösas genom att använda en flytande layout.
Vilka är utmaningarna med flytande layouter?
Även om flytande design löser många problem relaterade till flera skärmstorlekar, skapar den egna problem.
Designern har mindre kontroll över vad användaren ser och innehåll som bilder kan kräva flera bredder för att visas på olika upplösningar.
Om användarens skärm är extremt stor, kan webbsidor med lite innehåll och en flytande layout inte se som bäst ut.
Flytande layouter och responsiv design
Med den ökade användningen av smartphones och surfplattor har responsiv utveckling blivit viktig.
Detta är inte olikt flytande layouter, och det är processen att skapa en webbplats eller ett tema med alla enheter och skärmstorlekar i åtanke.
Teknikerna för flytande design, tillsammans med CSS media queries, kommer ofta att användas för att skapa en webbplats eller ett tema som är 'responsivt'.
Vi hoppas att den här artikeln hjälpte dig att lära dig mer om flytande layouter i WordPress. Du kanske också vill se vår lista med ytterligare läsning nedan för relaterade artiklar om användbara WordPress-tips, tricks och idéer.
Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
