Share
Om du är en front-end-utvecklare som jag är jag säker på att du har hamnat i denna situation tidigare. Du har antingen byggt en enkel statisk webbplats, eller du har laddat ner en fin statisk mall, och sedan har du tänkt "Åh om jag bara kunde skriva ett kontaktformulär på detta" eller "Jag vill bara lägga till en betalningsknapp". Det här är de typer av frågor som gör ett litet projekt till ett mycket större djur.
Men det behöver inte vara så här. Det finns massor av verktyg och funktioner som du kan lägga till på en statisk webbplats utan att behöva introducera PHP, Ruby eller någon annan form av backend-utveckling. I den här artikeln har jag listat några resurser som gör din webbplats lite mindre statisk.
Ja, jag inser att det här inte är en front-end-resurs eller ett verktyg, men om du vill att någon ska se din webbplats kommer du behöva lägga den på webben.
För statisk webbhotell är en av mina två favoriter verkligen GitHub Pages. GitHub Pages är utformade för att låta människor skapa webbplatser för att sammanfalla med sina webbprojekt på GitHub.com. Det gör ett bra jobb också så mycket så att folk använder det för att vara värd för deras huvudportfölj eller personliga webbplatser på den. Ta en titt på följande handledning för att lära dig mer:
Notera: Om du har laddat ner en mall från Envato Market eller vill vara värd för känsligt material på GitHub Pages, måste du betala för en privat repo. I dessa situationer är det viktigt att människor inte kan ladda ner koden direkt från GitHub.com
Surge är en annan favorit av mig och är fantastisk för statisk hosting, speciellt om du gillar att trycka webbplatser live via kommandoraden. Installationsprocessen är trivsamt enkel.
Surge valrossSurge plus, som erbjuder mer robusta funktioner än den fria prisplanen, till exempel lösenordsskydd och HTTPS, kommer (vid skrivetiden) att ställa dig tillbaka $ 13 per månad.
Former, för mig, brukade vara tipppunkten där jag skulle erkänna att "jag ska behöva lite PHP här". Tja, inte längre tack vare verktyg som Formspree, Disqus och till och med Google Forms.
Formspree gör att du kan göra en statisk HTML-blankett till ett fullt fungerande kontaktformulär. Om du vill prova själv skrev jag en artikel om hur man lägger till Formspree-formulär på en statisk plats.
Om jag behövde lägga till ett kommentarsystem på någon webbplats skulle jag gå direkt till Disqus; Det ser bra ut och fungerar perfekt (hantering av spam extremt bra). Utöver det lägger det till sociala och gamendynamik till kommentarer, rekommendera diskussioner, samla trender från hela webben och låta användare tjäna poäng genom gemenskapsröstning.
Det erbjuder till och med intäktsgenerering genom att låta utgivare prenumerera på Disqus egen annonsplattform.
Å andra sidan, medan Google Forms antagligen är ett mindre känt verktyg, är det ganska bra att hantera feedback och samla pollningsdata. Jag rekommenderar också att du checkar ut de nya Google Forms som de har uppdaterat användargränssnittet och formulären för att följa det nya materialdesignsystemet.
Mmmm ... marshmallowsÄnda sedan jag upptäckte CloudFlare har jag använt det för att installera Allt mina domäner Konfigurera din domän med CloudFlare låser upp många funktioner som du kan aktivera från admingränssnittet. Flexibel SSL, webbplats sökning, HTML-komprimering och mer. Om du ska inkludera widgetar från tredje part och plugins till din statiska webbplats, kommer CloudFlare optimeringsverktyg att se till att din webbplats fungerar så bra som möjligt. Här är en fullständig lista över tillgängliga appar.
Tar betalningar på en statisk webbplats? Är du arg!? Ja, faktiskt nej, så länge du har rätt SSL-certifikat och har allt på ett säkert sätt kan du betala på en statisk plats lika enkelt som alla andra slag.
Envato Market har hundratals statisk mallar för detaljhandel, idealisk för att sälja saker online, utan att vara bunden till en dynamisk plattform.
Om du vill ta enstaka betalningar för en produkt rekommenderar jag starkt att använda Stripe Checkout. Dialogrutans utformning är högklassig, vilket ger en ren användarupplevelse, snarare än att rikta användaren till en helt annan webbplats.
Dessutom, eftersom det är knutet till ditt Stripe-konto kan du använda deras officiella app för att spåra betalningar.
Letar du efter något lite mer kraftfullt? Något som kan möjliggöra flera produkter, en korg och en fullständig utbetalningsprocess? Inget problem, Gumroad har din rygg med sin Inline Purchase Widget.
Om du lägger till det på varje produkt på din statiska webbplats kan användaren lägga till flera produkter i sin korg och betala för dem via Gumroad-betalningssystemet, som du kan hantera från ditt Gumroad-konto. Läs mer:
Det finns ett par andra verktyg där ute som du kan dra nytta av om du skapar en webbplats med statiska sidor.
Om du vill lägga till en karta på din webbplats skulle jag rekommendera MapBuildr, vilket ger ett relativt enkelt gränssnitt för att skapa en egen karta som bäddar in med Google Maps API.
En annan funktion som du kanske vill lägga till är en blogg. Utan att använda en generator som Jekyll kan du inte enkelt implementera en blogg på en statisk sida, men du kan använda en tjänst som är speciellt utformad för bloggar. Medium har blivit extremt populär för individer och företag att blogga med, och det finns faktiskt ett sätt att bädda in medellånga artiklar på en statisk sida.
Presentationen av inbäddat är elegant och rent, så det borde inte kollidera med din webbdesign.
Som du kan se behöver en statisk sida inte vara statisk. Det finns gott om kraftfulla verktyg där ute för att få dina statiska mallar till liv, de flesta är helt gratis att installera. Alla ovan nämnda verktyg har byggts och utformats med omsorg och uppmärksamhet, och om du får chansen att använda en av dem rekommenderar jag starkt att prova dem.
Accentsconagua