Återvinna HTML-mallar

Responsiva HTML-mallar för återvinning med redigerbar markup för återvinningswebbplatser

HTML-mallar för återvinning ger en kodad startpunkt för en återvinningswebbplats: färdiga layouter, sektioner som kan kopieras från en sida till en annan och filer du öppnar och redigerar när designen behöver formas efter ditt eget innehåll. Det passar utvecklare som vill kunna arrangera om block från första dagen i stället för att bara fylla i fält i en låst design.

Källfiler som en utvecklare kan arbeta om

Större delen av redigeringen på en återvinningswebbplats sker på ett fåtal ställen:

• Listan över mottagna material, som oftast ligger intill en kortare lista över vad anläggningen inte tar emot;
• Hämtningsinformation för hushåll och verksamheter, som skiljer sig markant från instruktionerna för återvinningscentraler;
• Adresser och öppettider för insamlingsplatser samt information om områdena tjänsten täcker;
• Åtgärdsknappen för förfrågningar, som vanligen leder till ett kontakt- eller förfrågningsblock.

En mall bedöms bäst utifrån hur dessa delar är uppbyggda i källkoden, eftersom det är just dem du kommer att flytta, duplicera och skriva om.

Återanvändbara block för glas, papper eller elektronik

Materialkategorier är det starkaste argumentet för en kodad mall. Glas, papper, plast och elektronik behöver samma grundstomme: en kort beskrivning, sorteringsregler, vad som inte tas emot och var det ska lämnas. Bygg upp det första blocket ordentligt, så skapas resten genom duplicerade sektioner med nya texter och bilder, vilket sparar in arbetet med att designa fyra snarlika sidor för hand.

Upptagningsområden fungerar på samma sätt. När hämtningsreglerna skiljer sig åt mellan olika distrikt håller ett återkommande block skillnaderna tydliga och gör att du slipper uppfinna en ny layout för varje område. Återvinningscentraler upprepar sig ännu mer förutsägbart: mellan olika platser ändras enbart adressen, öppettiderna och listan över mottagna artiklar.

Små skärmar efter innehållsändringar

Folk söker ofta återvinningsinformation i mobilen, vanligtvis stående vid ett kärl med ett batteri i handen eller på jakt efter närmaste återvinningsstation. Därför är mobilvyn den viktigaste när ditt eget innehåll är på plats: materiallistor blir längre, adresser radbryts och en beställningsknapp som såg balanserad ut på en bred skärm hamnar lätt för långt ner.

Granska surfplatte- och mobillayouterna i Nicepage varje gång du duplicerar en sektion innan samma problem kopieras till fyra olika materialsidor. En mall värd att satsa på är den där en ny materialsida bara innebär att duplicera ett block och justera texten.