Share
Dacă sunteți un dezvoltator de front-end ca mine, sunt sigur că ați ajuns în această situație înainte. Ați construit fie un site static simplu, fie ați descărcat un șablon static frumos și apoi v-ați gândit "Oh, dacă aș putea să pun un formular de contact" sau "Vreau doar să adaug un buton de plată". Acestea sunt tipurile de întrebări care transformă un mic proiect într-o fiară mult mai mare.
Dar nu trebuie să fie așa. Există o mulțime de instrumente și funcții pe care le puteți adăuga la un site static fără a fi nevoie să introduceți PHP, Ruby sau orice altă formă de dezvoltare backend. În acest articol am enumerat câteva resurse care vor face site-ul dvs. un pic mai puțin static.
Da, îmi dau seama că nu este într-adevăr o resursă sau un instrument de front-end, dar dacă vreți ca cineva să vadă site-ul dvs., veți avea nevoie să îl puneți pe web.
Pentru site-ul static care găzduiește unul dintre cele două mele favorite este cu siguranță GitHub Pages. Paginile GitHub sunt concepute pentru a permite oamenilor să creeze site-uri Web care să coincidă cu proiectele lor web pe GitHub.com. Ea face un lucru minunat face acest lucru, de asemenea, atât de mult încât oamenii să-l folosească pentru a găzdui portofoliul lor principal sau site-uri personale pe ea. Uitați-vă la următoarele tutoriale pentru a afla mai multe:
Notă: Dacă ați descărcat un șablon de la Envato Market sau doriți să găzduiți materiale sensibile pe paginile GitHub, va trebui să plătiți pentru un repo privat. În aceste situații, este important ca utilizatorii să nu poată descărca gratuit codul direct de la GitHub.com
Surge este un alt favorit al meu și este minunat pentru static hosting, mai ales dacă vă place împingerea site-uri live via linia de comandă. Procesul de instalare este plăcut simplu.
Morsul SurgeSurge plus, care oferă caracteristici mai robuste decât planul de tarifare liber, cum ar fi protecția prin parolă și HTTPS, vă va determina (în momentul redactării) să vă întoarceți 13 dolari pe lună.
Formulare, pentru mine, a fost punctul de vârf în care aș fi recunoscut că "am nevoie de PHP aici". Ei bine, nu mai, datorită unor instrumente precum Formspree, Disqus și chiar Google Forms.
Formspree vă permite să transformați o formă HTML statică într-un formular complet de contact. Dacă doriți să încercați singur, am scris un articol despre cum să adăugați formularele Formspree la un site static.
Dacă ar fi trebuit să adaug un sistem de comentare la orice site aș merge direct la Disqus; arată excelent și funcționează perfect (manipularea spam extrem de bine). Dincolo de aceasta, adaugă dinamica socială și gamificativă la comentarii, recomandând discuții, combinând tendințele din întreaga rețea web și lăsând utilizatorilor să câștige puncte prin vot comunitar.
Oferă chiar și monetizarea, permițând editorilor să acceseze platforma de anunțuri proprie a Disqus.
Pe de altă parte, în timp ce Google Forms este, fără îndoială, un instrument mai puțin cunoscut, este destul de bun să gestionăm feedbackul și să colectăm date despre sondaj. Aș recomanda, de asemenea, verificarea noilor formulare Google, deoarece acestea au actualizat interfața de utilizare și formularele pentru a urma noul sistem de design al materialelor.
Mmmm ... marshmallowsDe când am descoperit CloudFlare, l-am folosit pentru configurare toate domeniile mele. Configurarea domeniului cu CloudFlare deblochează multe funcții pe care le puteți activa de la interfața de administrare. SSL flexibilă, căutare pe site, comprimare HTML și multe altele. Dacă intenționați să includeți widgeturi și pluginuri de la terți pentru site-ul dvs. static, instrumentele de optimizare ale CloudFlare vor asigura că site-ul dvs. funcționează cât de bine poate. Iată o listă completă a aplicațiilor disponibile.
Utilizarea plăților pe un site web static? Esti suparat!? Ei bine, nu, atâta timp cât aveți dreptul de certificat SSL și aveți totul configurat într-un mod sigur, puteți efectua plăți pe un site static la fel de ușor ca orice alt tip.
Envato Market are sute de șabloane statice cu tematică cu amănuntul, ideale pentru vânzarea de lucruri online, fără a fi legate de o platformă dinamică.
Dacă doriți să primiți plăți singulare pentru un produs, recomandăm utilizarea Stripe Checkout. Proiectarea ferestrei de dialog este de top, făcând o experiență curată a utilizatorului, mai degrabă decât direcționarea utilizatorului către un site complet diferit.
De asemenea, deoarece este legat de contul Stripe, puteți utiliza aplicația oficială pentru a urmări plățile.
Căutați ceva mai puternic? Ceva care poate permite mai multe produse, un coș și un proces de plată completă? Nicio problemă, Gumroad are spatele dvs. cu widgetul Inline Purchases.
Adăugarea acestora la fiecare produs pe site-ul dvs. static va permite utilizatorului să adauge mai multe produse în coșul lor și să le plătească prin intermediul sistemului de plăți Gumroad, pe care îl puteți gestiona din contul dvs. Gumroad. Aflați mai multe:
Există și câteva alte instrumente de care puteți beneficia dacă creați un site Web folosind pagini statice.
Dacă doriți să adăugați o hartă pe site-ul dvs., aș recomanda MapBuildr, care oferă o interfață relativ simplă pentru a crea propriul dvs. embed în hartă utilizând API-ul Google Maps.
O altă caracteristică pe care ați dori să o adăugați este un blog. Fără a utiliza un generator precum Jekyll, nu puteți implementa cu ușurință un blog într-un site static, dar puteți utiliza un serviciu special conceput pentru blogging. Mediu a devenit extrem de popular pentru indivizi, și companiile, pentru a blog-uri cu, și există de fapt o modalitate de a încorpora Articole Medium pe o pagină statică.
Prezentarea embedului este elegantă și curată, deci nu ar trebui să contravină designului site-ului.
După cum vedeți, un site static nu trebuie să fie static. Există o mulțime de instrumente puternice acolo pentru a aduce șabloanele statice la viață, cele mai multe dintre acestea fiind complet libere de a înființa. Toate instrumentele menționate mai sus au fost construite și proiectate cu atenție și atenție și dacă aveți șansa de a utiliza unul dintre ele, aș recomanda să le încercați.
Accentsconagua