Niciodată nu atingeți codul din nou Filament.io, pentru non-dezvoltatori de pretutindeni

Dacă ați încercat vreodată să inserați manual un fragment de cod ca și codul de urmărire Google Analytics pe site-ul dvs., săpând în fișiere de șabloane PHP, veți ști cât de greu poate fi. Filament.io îl face la fel de simplu ca și tragerea și picurarea. Cel puțin, asta e promisiunea.

Noțiuni de bază

Treceți pe filament.io și apăsați butonul de înscriere. Va trebui să creați un cont de conectare, dar conturile Facebook și Google pot fi utilizate pentru acces rapid cu un singur buton. Apoi, va trebui să introduceți domeniul pe care îl veți utiliza - puteți adăuga mai multe mai târziu.

Dacă rulați WordPress, acest lucru va fi detectat când scanează site-ul și este sugerat să instalați plugin-ul furnizat, deoarece vă permite să controlați mai bine ce tip de pagini au funcționalitatea filamentului conținut (cum ar fi numai mesajele și nu statice pagini).

În pasul următor, ecranul de înscriere Filament vă va oferi un scurt fragment JavaScript - inserați-l în pagina cu setările pluginului. Acesta ar putea fi ultimul cod JavaScript pe care îl veți avea vreodată nevoie! Puteți folosi Filament fără plugin, dar nu veți avea la fel de multe opțiuni pentru a filtra unde sunt afișate scripturile.

Adăugarea de aplicații

Instrumentul de ecran Filament este o previzualizare în timp real a site-ului dvs., astfel încât să puteți proiecta vizual în cazul în care doriți ca aplicațiile să meargă. Începeți prin adăugarea unui set frumos de butoane sociale numite Flare. În previzualizarea site-ului, navigați la o postare.

Din bara laterală, apăsați Nou pentru a deschide opțiunile Flare. Flare este un set personalizat încântător de butoane pentru partajare care arată mult mai plăcut decât butoanele standard furnizate de rețea pe care probabil le vedeți pe partea laterală a acestui articol. Un logo de marcă este inclus, care poate fi eliminat prin achiziționarea unei prime licențe pentru plugin.

Salvați setările, apoi glisați și fixați noul modul Flare pe site-ul dvs. Un set inițial de opțiuni de filtrare va apărea apoi. Continuați și adăugați-o Toate mesajele mele.

Veți avea apoi un alt set de filtre pentru a personaliza; acestea sunt activate de pluginul WordPress. Ca dezvoltator sunt obisnuit sa scriu scripturi in diferite clase PHP (daca nu esti sigur ce sunt acestea?), Dar pot aprecia cu adevarat puterea acestor filtre pentru cei fara know-how-ul WordPress.

La nivel tehnic, pluginul WordPress adaugă un set de meta tag-uri către ieșirea paginii dvs., care îi spun Filamenti ce fel de pagină este; inițializatorul Javascript din Filament detectează apoi și injectează scripturile pe care le doriți pe acea pagină în funcție de filtrele stabilite. Nu manipulează scripturile în nici un alt mod - doar le injectează pe pagină.

Va trebui să faceți clic pe Publica înainte ca schimbările să fie trimise pe site-ul dvs. și ar putea dura câteva minute pentru a apărea, astfel încât să nu vă panicați dacă nu este imediat vizibil.

Faceți clic pe Tablou de bord link pentru a adăuga mai multe aplicații sau puteți crea unități Flare suplimentare (dacă, de exemplu, ați dorit un design specific sau mai multe butoane pe pagina principală).

La momentul redactării, în total sunt disponibile 6 aplicații:

• semnal luminos, un plugin social bookmarking.
• Iederă, care permite utilizatorilor să împărtășească cu ușurință citate pe care le evidențiază din articolele dvs..
• Pașaport, o modalitate interesantă de a evidenția întregul profil social personal (da, îmi dau seama că acest lucru este puțin momentan social-centric)
• MailChimp este un abonament pentru serviciul excelent de listă de corespondență (care, de altfel, este gratuit pentru până la 12.000 de e-mailuri pe lună și 2000 de abonați)
• Google Analytics ar trebui să fie familiar pentru oricine are un site web; Ryan a creat acest ghid de început pentru înțelegerea datelor dvs. de analiză.
• In cele din urma, CodeDrop vă permite să gestionați orice alte fragmente de cod pe care le-ați primit în altă parte.

Din tabloul de bord, faceți clic pe Lansa. Observați că derulați în jos pentru a selecta site-uri - puteți gestiona mai multe site-uri dintr-un singur cont.

Este orice bun?

Instrumentul pentru aspectul vizual este surprinzător de eficient, evitând dificultatea de a încerca să dai seama exact poziționarea corectă manual. Dacă nu sunteți încrezător în editarea fișierelor tematice, este vorba de un economizor de viață. Dar nu poate funcționa decât în ​​limitele temei existente. Se fixează automat la toate elementele pe care le găsește pe pagină, dar nu poate crea, de exemplu, o coloană nouă pentru un widget dacă tema dvs. are doar o coloană.

De asemenea, uneori se întâmplă lucruri greșite, deoarece, în mod inevitabil, pagina dvs. va avea și elemente dinamice, cum ar fi glisoarele; sau tema dvs. CSS poate interfera cu widget-ul. Este posibil să trebuiască să jucați - dar, în cea mai mare parte, funcționează frumos.

Chiar și ca dezvoltator web, apreciez ușurința utilizării și managementul script-ului central. Fișierele mele de subsol sunt, de obicei, pline de cod pentru scripturile de ieșire numai pe o anumită pagină - acest lucru face ca ridiculos ușor, curățarea fișierelor temă.

Selectarea aplicațiilor este destul de limitată în prezent, deși, desigur, puteți oricând să adăugați propriile adăugiri de coduri simple prin modulul CodeDrop - și există mai multe aplicații promise. Mă găsesc dorind ca această funcționalitate să fie inclusă în mod implicit cu WordPress - pentru toate avansurile în personalizarea temelor, rămânem în continuare folosirea unei editări șablon arcane PHP pentru a adăuga fragmente JavaScript. Deocamdată, Filament.io umple o gaură necesară în funcționalitate pe care mulți dintre noi niciodată nu știau că a existat. Ai dat-o? Spune-ne gândurile tale.

Explorați mai multe despre: JavaScript, Wordpress.