Aldri berør kode igjen filament.io, for ikke-utviklere overalt

Hvis du noen gang har prøvd å manuelt lime inn en kodestykke som Google Analytics-sporingskode til nettstedet ditt ved å grave inn i PHP-malfiler, vet du hvor skremmende det kan være. Filament.io gjør det så enkelt som å dra og slippe. I det minste er det løftet.

Starter

Gå over til filament.io og trykk på påmeldingsknappen. Du må opprette en pålogging, men Facebook og Google-kontoer kan brukes til rask en-knapps tilgang. Deretter må du skrive inn domenet du vil bruke det på - du kan legge til senere.

Hvis du kjører WordPress, vil dette bli oppdaget når det skanner nettstedet, og det foreslås at du installerer det medfølgende pluginet, da det gir deg finere kontroll over hvilken type sider som inneholder filamentfunksjonaliteten (for eksempel bare innlegg og ikke statisk sider).

På neste trinn vil Filament-registreringsskjermen gi deg en kort JavaScript-kodebrikke - lim inn dette på siden for plugininnstillinger. Det kan være den siste biten av JavaScript-kode du trenger! Du kan bruke Filament uten plugin, men du vil ikke ha så mange muligheter for å filtrere hvor skript vises.

Legger til apper

Filament-skjermbildet er et levende forhåndsvisning av nettstedet ditt, slik at du kan designe visuelt hvor du vil at apper skal gå. Start med å legge til et fint sett med sosiale knapper kalt Flare. I forhåndsvisningen på siden navigerer du til et innlegg.

Fra sidefeltet, trykk Ny for å åpne Flare-alternativene. Flare er et herlig tilpasset sett med delingsknapper som ser mye bedre ut enn standardnettverksforbedrede knapper som du sannsynligvis ser på siden av denne artikkelen. En merket logo er inkludert som kan fjernes ved å kjøpe en premium lisens for plugin.

Lagre innstillingene, og dra og slipp den nye Flare-modulen på nettstedet ditt. Et første sett med filtreringsalternativer vil da vises. Gå videre og legg den til Alle mine innlegg.

Du vil da ha et annet sett med filtre for å tilpasse; disse er aktivert av WordPress plugin. Som utvikler er jeg vant til omliggende skript i forskjellige PHP hvis klausuler (Ikke sikker på hva disse er? Les vår PHP Beginners Guide), men jeg kan virkelig sette pris på effekten av disse filtrene for de uten kjennskap til WordPress-sideteknisk deteksjon.

På et teknisk nivå legger WordPress-pluginet et sett med metakoder til sidenes utgang som forteller Filament hvilken type side det er; Filament Javascript initiator oppdager da det, og injiserer skriptene du vil ha på den aktuelle siden i henhold til dine etablerte filtre. Det manipulerer ikke skriptene på noen annen måte - bare spruter dem på siden.

Du må klikke publisere før endringer sendes ut på nettstedet ditt, og de kan ta noen minutter å vises, så ikke bli panikk hvis det ikke er umiddelbart synlig.

Klikk på dashbord lenke for å legge til flere programmer, eller du kan opprette flere flare-enheter (hvis du for eksempel ønsket et bestemt design eller flere knapper på hjemmesiden).

På tidspunktet for skrivingen er det totalt 6 apper tilgjengelig:

• flare, et sosialt bokmerke-plugin.
• Eføy, som gjør at brukerne enkelt kan dele sitater som de fremhever fra artiklene dine.
• Pass, en interessant måte å markere all din personlige sosiale profil (ja, jeg skjønner at dette høres litt sosialt sentrisk for øyeblikket)
• MailChimp er et abonnement på den utmerkede mailinglisten tjenesten (som forresten er gratis for opptil 12.000 e-postmeldinger i måneden og 2000 abonnenter)
• Google Analytics bør være kjent for alle med et nettsted; Ryan opprettet denne flotte nybegynnereveiledningen for å forstå dine analysedata.
• Endelig, CodeDrop Lar deg administrere andre kodestykker du har fått andre steder.

Fra dashbordet klikker du Launch. Legg merke til rullegardinmenyen for å velge nettsteder - du kan administrere flere nettsteder fra en enkelt konto.

Er det bra?

Det visuelle layoutverktøyet er overraskende effektivt, slik at du ikke klarer å finne ut nøyaktig riktig posisjonering manuelt. Hvis du ikke er sikker på å redigere temafiler, er det en livsparer. Men det kan bare fungere innenfor det eksisterende temaets rammer. Det klikker automatisk på elementene den finner på siden, men det kan for eksempel ikke opprette en ny kolonne for en widget hvis temaet ditt bare har en kolonne.

Det blir også noe feil iblant, siden uunngåelig vil siden din også ha dynamiske elementer som skyveknapper; eller temaet ditt kan forstyrre widgeten. Du må kanskje leke deg - men for det meste fungerer det pent.

Selv som webutvikler, setter jeg pris på brukervennlighet og sentral scripthåndtering. Mine footer-filer er vanligvis fulle av kode for å skrive ut skript bare på en bestemt side - dette gjør det latterlig enkelt, rydder opp temafiler.

Utvalget av apper er ganske begrenset i øyeblikket, selvfølgelig kan du selv legge til dine egne enkle kode tillegg via CodeDrop-modulen - og det er flere apps lovet. Jeg finner meg selv som ønsker at denne funksjonaliteten ble inkludert som standard med WordPress - for alle fremskritt i temaoppdatering, er vi fortsatt igjen med bruk av arcane PHP-mallredigering for å legge til JavaScript-utdrag. For nå fyller Filament.io et hardt nødvendig hull i funksjonalitet som mange av oss aldri engang visste eksisterte. Har du gitt det en tur? Fortell oss dine tanker.

Utforsk mer om: JavaScript, Wordpress.