Dacă ați lucrat vreodată cu un CMS, cum ar fi WordPress, probabil că sunteți familiarizat cu modul în care funcționează pluginurile. Ori de câte ori aveți nevoie de funcții suplimentare cum ar fi butoanele de partajare socială, Google Analytics, abonamente la buletine de știri și așa mai departe, trebuie să instalați un plugin și să adăugați funcția de care aveți nevoie.
Filament funcționează în același mod, oferindu-vă "aplicații" care vă permit adăugarea pe site-ul dvs. a butoanelor de partajare socială, Google Analytics, abonamente la buletine informative și alte funcționalități suplimentare. Dar există o mare diferență între filament și orice proces comparabil:
Aplicațiile filamentelor funcționează pretutindeni, de la site-uri statice HTML la cele care sunt alimentate de orice CMS
Dacă vedeți o aplicație Filament pe care o doriți, aveți libertatea să o utilizați dacă aveți un site static, un site WordPress, un site Ghost, un site Drupal, orice tip de site. Includeți un fragment mic de JavaScript în secțiunea capului site-ului dvs., apoi puteți glisa și fixa aplicații pe site-ul dvs. prin intermediul tabloului de bord Filament pentru a le adăuga în câteva secunde.
Primul pas este să vă îndreptați spre http://filament.io și să derulați în jos până la partea de jos unde veți vedea a Înregistrează-te gratuit buton.
Veți fi preluat pentru a vă înregistra unde veți avea opțiunea de a vă conecta cu Google+ sau Facebook sau pentru a crea un cont nou. După ce v-ați conectat, veți fi rugat să inserați domeniul site-ului dvs.:
Notă: Rețineți că nu puteți utiliza o adresă cu un subfolder la sfârșit. Trebuie să utilizați un subdomeniu sau un domeniu de nivel superior.
După ce faceți clic pe Următor → va fi furnizat un fragment de JavaScript pentru a copia și lipi în secțiunea capului site-ului dvs. sau înainte de eticheta corpului de închidere:
Notă: Dacă utilizați WordPress puteți face acest pas mai ușor prin pluginul oficial Filament.
După ce adăugați fragmentul pe site-ul dvs., puteți reveni și faceți clic pe Testați-vă conexiunea buton. Dacă ați conectat cu succes site-ul dvs. la Filament.io, veți obține o lumină verde și veți putea atinge Terminat pentru a continua.
Când testați conexiunea, Filament părăsește pagina dvs. de pornire, astfel încât dacă fragmentul a fost plasat pe pagini alte decât pagina de pornire puteți obține încă o lumină roșie. Atâta timp cât fragmentul este prezent pe paginile în care este nevoie, veți fi bine să mergeți.
Aflați mai multe despre motivul pentru care este acest lucruDin tabloul de bord Filament.io veți vedea colecția completă de aplicații pe care le puteți utiliza în prezent. Chiar acum există șase aplicații de a alege, cu încă opt pe drum.
Pentru a adăuga o aplicație pe site-ul dvs., faceți clic pe butonul de lansare, apoi faceți clic pe domeniul site-ului pe care doriți să-l adăugați.
Acest lucru vă va duce la interfața drag and drop a Filament, care vă oferă o previzualizare live a site-ului dvs. pentru a vă asigura că totul arată exact așa cum doriți înainte de a merge mai departe.
Apasă pe + NOU pentru a crea o nouă instanță a aplicației pe care o adăugați:
Veți avea ocazia de a da un nume aplicației dvs. de aplicație și introduceți preferința dvs. pentru mai multe setări diferite, care controlează totul, de la funcționalitatea aplicației la culoarea, stilul și locația acesteia:
Când ați terminat, faceți clic pe SALVEAZĂ SETĂRILE și veți vedea că noua dvs. aplicație apare în bara laterală.
Acum trageți și plasați noua instanță a aplicației din bara laterală în previzualizarea site-ului dvs. și va fi introdusă automat.
Când sunteți gata, faceți clic pe PUBLICA butonul din colțul din dreapta sus.
Ar trebui să vedeți acum aplicația în locația dvs. live. O notă despre interfață spune că ar putea dura câteva minute pentru ca modificările să apară, dar pentru mine schimbările au apărut instantaneu.
Puteți adăuga cât mai multe aplicații diferite, după cum doriți. Aruncați o privire la acest demo simplu pentru a vedea aplicațiile Flare și Ivy care rulează.
După cum sa menționat mai sus, în prezent există șase aplicații disponibile prin Filament.
Aplicația Flare adaugă o bară socială plutitoare de socializare în partea laterală a site-ului dvs. Puteți să-l configurați pentru a afișa linkuri către nouă servicii diferite, plus e-mail. De asemenea, va ține evidența numărului de acțiuni care au fost făcute prin acesta pentru fiecare serviciu, cu un număr total de "erupții" afișate în partea de sus.
Ivy este o aplicație destul de îngrijită, care permite vizitatorilor să evidențieze orice porțiune a textului și să o trimită prietenilor prin Facebook, Twitter sau Email.
Aplicația Passport vă permite să afișați un avatar mic al dvs., înconjurat de flyout-uri care poartă legături către diferitele site-uri de socializare pe care le folosiți și metodele de contact pe care le aveți.
CodeDrop vă oferă o modalitate de a insera HTML sau JavaScript în site-ul dvs., fără a edita de fapt codul site-ului. Vi se oferă un câmp în care puteți introduce coduri pentru lucruri precum formulare web, sondaje, conținut suplimentar și așa mai departe. Puteți alege apoi poziția de introducere a codului, fie în partea de sus, fie în partea de jos a secțiunii capului, partea de sus sau de jos a secțiunii caroseriei, fie într-o locație personalizată.
Pentru mulți oameni noi de a lucra cu propriul site web, integrarea formularelor de abonare la buletine informative poate fi un proces foarte descurajator. Aplicația Mailchimp oferă o modalitate de a trage și plasa un formular de buletine informative, fără a fi nevoie să vă împrăștiați codul.
Integrarea codului Google Analytics este o altă zonă care a fost o mare durere de cap pentru mulți oameni care încep cu propriile site-uri. Aplicația Google Analytics Filament înseamnă că oamenii nu trebuie să vă faceți griji în încercarea de a găsi locul potrivit pentru a adăuga codul. Se pot lipi doar în ID-ul de urmărire, trageți și fixați aplicația și sunt departe.
Există încă opt aplicații listate pe site-ul Filament ca fiind în curs de dezvoltare.
Dacă oricare dintre aceste aplicații sare ca fiind ceva ce vă place să utilizați, puteți să vă îndreptați către site-ul Filament și să voteze pentru a ajuta echipa să știe unde ar prefera timpul de dezvoltare.
Cine poate beneficia cel mai mult de utilizarea Filamentului? Depinde de aplicațiile pe care le priviți, tipul de site pe care intenționați să îl utilizați și despre cine vor fi utilizatorii.
Aplicații precum CodeDrop, Mailchimp și Google Analytics ar fi fantastice pentru persoanele care nu se simt confortabil cu codul de editare directă. Pentru designerii web, aceasta este o modalitate fantastică de a oferi clienților capacitatea de a avea grijă de sarcinile comune pe care altfel ar putea să le blocheze.
Știu că în timpul meu de freelancing am fost câțiva oameni cu care am lucrat și care ar fi iubit să-și ia mâinile pe astfel de funcționalități. Integrarea fragmentului de filamente ar putea fi făcută ca parte a unui proiect de creare a site-ului și, din acel moment, clienții ar putea să își asume controlul asupra lucrurilor pe care nu ar trebui să le vină înapoi pentru.
În ceea ce privește aplicațiile precum Flare, Ivy și Passport, acestea sunt potențial pentru oricine dat fiind că sunt destul de unice și oferă stilul propriu și metoda de interacțiune socială.
Toate aplicațiile curente, precum și cele care apar în viitor, pot fi de asemenea excelente pentru site-urile care rulează pe platforme care nu se potrivesc bine personalizării sau servicii care împiedică în mod deliberat editarea extensivă a codurilor. Cu cerința mică de a putea include un fragment JavaScript, aceasta deschide o mulțime de posibilități care altfel ar putea să nu fie disponibile.
Pentru a afla mai multe despre Filament, votați despre aplicațiile pe care doriți să le vedeți cel mai repede și pentru a încerca serviciul pentru tine, vizitați http://filament.io