Rør aldrig kode igen Filament.io, for ikke-udviklere overalt

Hvis du nogensinde har prøvet at manuelt indsætte et kodestykker som Google Analytics-sporingskode på dit websted ved at grave i PHP-skabelonfiler, ved du, hvor skræmmende det kan være. Filament.io gør det så simpelt som at trække og droppe. I det mindste er det løftet.

Kom godt i gang

Gå over til filament.io og tryk på tilmeldingsknappen. Du skal oprette et login, men Facebook- og Google-konti kan bruges til hurtig adgang med en knap. Derefter skal du indtaste det domæne, du bruger det på - du kan tilføje mere senere.

Hvis du kører WordPress, vil dette blive opdaget, når det scanner webstedet, og det foreslås, at du installerer det medfølgende plugin, da det giver dig finere kontrol over, hvilken type sider der har filamentfunktionaliteten indeholdt (såsom kun indlæg og ikke statisk sider).

I det næste trin giver Filament-tilmeldingsskærmen dig et kort JavaScript-uddrag - indsæt dette på siden med plugin-indstillinger. Det er muligvis den sidste bit af JavaScript-kode, du nogensinde har brug for! Du kan bruge Filament uden plugin, men du har ikke så mange muligheder for at filtrere, hvor scripts vises.

Tilføjelse af apps

Filamentskærmeværktøjet er en live preview af dit websted, så du kan designe visuelt, hvor du vil have apps til at gå. Start med at tilføje et pænt sæt sociale knapper kaldet Flare. Naviger til et indlæg i forhåndsvisning af webstedet.

Fra sidebjælken, ramt Ny for at åbne Flare-indstillingerne. Flare er et dejligt brugerdefineret sæt deleknapper, der ser meget pænere ud end de standardknapknapper, der leveres med netværket, som du sandsynligvis ser på siden af ​​denne artikel. Et branded logo er inkluderet, som kan fjernes ved at købe en premium-licens til plugin.

Gem indstillingerne, og træk og slip det nye Flare-modul på dit websted. Et første sæt filtreringsindstillinger vises derefter. Gå videre og tilføj det til Alle mine indlæg.

Derefter har du et andet sæt filtre, som du kan tilpasse; disse er aktiveret af WordPress-plugin. Som udvikler er jeg vant til at omfatte scripts i forskellige PHP, hvis der er klausuler (Ikke sikker på, hvad disse er? Læs vores PHP Begyndere Guide), men jeg kan virkelig sætte pris på kraften i disse filtre til dem uden kendskab til WordPress sidetype-detektion.

På et teknisk niveau tilføjer WordPress-plugin et sæt metatags til din sideoutput, der fortæller Filament, hvilken type side det er; Filament Javascript-initialisereren registrerer det derefter og indsprøjter de scripts, du ønsker på den pågældende side, i henhold til dine etablerede filtre. Det manipulerer ikke manuskripterne på nogen anden måde - sprøjter dem bare ind på siden.

Du skal klikke Offentliggøre før ændringer sendes ud til dit websted, og det kan tage et par minutter at vises, så du må ikke få panik, hvis det ikke umiddelbart er synligt.

Klik på instrumentbræt link for at tilføje flere apps, eller du kan oprette yderligere Flare-enheder (hvis du f.eks. ville have et specifikt design eller flere knapper på hjemmesiden).

I skrivende stund er der i alt 6 apps tilgængelige:

• flare, et socialt bookmarking-plugin.
• Vedbend, hvilket gør det muligt for brugere let at dele tilbud, som de fremhæver fra dine artikler.
• Pas, en interessant måde at fremhæve al din personlige sociale profil (ja, jeg er klar over, at dette lyder lidt social-centralt i øjeblikket)
• MailChimp er et abonnement på den fremragende postlistetjeneste (som for øvrig er gratis for op til 12.000 e-mails om måneden og 2.000 abonnenter)
• Google Analytics skal være bekendt med enhver med et websted; Ryan oprettede denne fantastiske begynderguide til forståelse af dine analysedata.
• Langt om længe, CodeDrop lader dig administrere alle andre kodestykker, som du har fået et andet sted.

Klik på i instrumentbrættet Lancering. Bemærk rullemenuen for at vælge websteder - du kan administrere flere websteder fra en enkelt konto.

Er det godt?

Det visuelle layoutværktøj er overraskende effektivt, så man undgår besværet med at prøve at finde ud af nøjagtigt den rette positionering manuelt. Hvis du ikke er sikker på at redigere temafiler, er det en livredder. Men det kan kun arbejde inden for rammerne af dit eksisterende tema. Den knipses automatisk til alle elementer, den finder på siden, men det kan for eksempel ikke oprette en ny kolonne til en widget, hvis dit tema kun har en kolonne.

Det bliver også nogle gange forkert, da din side uundgåeligt også vil have dynamiske elementer, såsom glider. eller dit tema CSS kan forstyrre widgeten. Du skal muligvis lege - men for det meste fungerer det pænt.

Selv som webudvikler sætter jeg pris på brugervenligheden og central scriptstyring. Mine sidefødefiler er normalt fulde af kode til udskrivning af scripts kun på en bestemt side - dette gør det latterligt let, rydde op i temafiler.

Valget af apps er i øjeblikket temmelig begrænset, selvom du selvfølgelig altid kan tilføje dine egne enkle kode tilføjelser gennem CodeDrop-modulet - og der er flere apps, der er lovet. Jeg finder ud af, at denne funktionalitet som standard blev inkluderet i WordPress - for alle fremskridt inden for tilpasning af temaer har vi stadig brug af arcane PHP-skabelonredigering for at tilføje JavaScript-kodestykker. I øjeblikket udfylder Filament.io et hårdt nødvendigt hul i funktionalitet, som mange af os aldrig engang vidste, at der eksisterede. Har du givet det en chance? Fortæl os dine tanker.