Rör aldrig kod igen Filament.io, för icke-utvecklare överallt

Om du någonsin har försökt att manuellt klistra in en kodbit som Google Analytics spårningskod till din webbplats genom att gräva in i PHP-mallfiler, så vet du hur skrämmande det kan vara. Filament.io gör det lika enkelt som att dra och släppa. Åtminstone är det löftet.

Komma igång

Gå över till filament.io och tryck på sign up-knappen. Du måste skapa en inloggning, men Facebook och Google-konton kan användas för snabb en knappåtkomst. Därefter måste du ange domänen du ska använda den på - du kan lägga till mer senare.

Om du kör WordPress kommer det att upptäckas när det skannar webbplatsen och det föreslås att du installerar det medföljande pluginet eftersom det ger dig finare kontroll över vilken typ av sidor filamentfunktionen innehåller (t.ex. endast inlägg och inte statiska sidor).

I nästa steg kommer filament-registreringsskärmen att ge dig ett kort JavaScript-fragment - klistra in det på plugin-inställningssidan. Det kan vara den sista biten av JavaScript-kod du någonsin behöver! Du kan använda Filament utan plugin, men du har inte så många alternativ att filtrera var skript visas.

Lägga till Apps

Skärmen Filament är en live förhandsgranskning av din webbplats så att du kan utforma visuellt där du vill att apps ska gå. Börja med att lägga till en fin uppsättning sociala knappar som heter Flare. Navigera till ett inlägg i förhandsgranskningen av webbplatsen.

Från sidofältet, slå Ny för att öppna Flare-alternativen. Flare är en härlig anpassad uppsättning delknappar som ser mycket trevligare ut än de vanliga nätverkslevererade knapparna som du förmodligen ser på sidan av den här artikeln. En märkeslogotyp ingår som kan avlägsnas genom att köpa en premiumlicens för plugin.

Spara inställningarna, dra och släpp sedan den nya Flare-modulen på din webbplats. En första uppsättning filtreringsalternativ visas sedan. Gå vidare och lägg till den Alla mina inlägg.

Du får då en annan uppsättning filter att anpassa. Dessa aktiveras av WordPress-plugin. Som utvecklare är jag van vid kringliggande skript i olika PHP om klausuler (Inte säker på vad det här är? Läs vår PHP Beginners Guide), men jag kan verkligen uppskatta kraften hos dessa filter för dem som inte har kunskap om WordPress-typ av detektering.

På en teknisk nivå lägger WordPress-plugin en uppsättning metataggar till din sidoutgång som berättar Filament vilken sorts sida den är; Filament Javascript initieraren upptäcker det och sprutar de skript du vill ha på den specifika sidan enligt dina etablerade filter. Det manipulerar inte skripten på något annat sätt - bara sprutar in dem på sidan.

Du måste klicka Publicera innan ändringar skickas ut till din webbplats, och de kan ta några minuter att visas, så var inte panik om det inte är omedelbart synligt.

Klicka på instrumentbräda länk för att lägga till fler appar, eller du kan skapa ytterligare Flare-enheter (om du till exempel vill ha en specifik design eller flera knappar på hemsidan).

I skrivande stund finns det totalt 6 tillgängliga appar:

• Blossa, en social bookmarking plugin.
• Murgröna, vilket gör det möjligt för användare att enkelt dela citat som de markerar från dina artiklar.
• Pass, ett intressant sätt att framhäva all din personliga sociala profil (ja, jag inser att det här låter lite socialt centrerat för tillfället)
• MailChimp är en prenumeration på den utmärkta postlistorna (som förresten är gratis för upp till 12 000 e-postmeddelanden i månaden och 2.000 abonnenter)
• Google Analytics bör vara bekant för alla med en webbplats Ryan skapade den här fantastiska nybörjarguiden för att förstå din analysdata.
• Till sist, CodeDrop Låt dig hantera andra koduttag som du har fått någon annanstans.

Från instrumentpanelen klickar du på Lansera. Lägg märke till rullgardinsmenyn för att välja webbplatser - du kan hantera flera webbplatser från ett enda konto.

Är det något bra?

Det visuella layoutverktyget är överraskande effektivt och undviker krånget för att försöka lista ut exakt rätt positionering manuellt. Om du inte är säker på att redigera temafiler är det en livsparare. Men det kan bara fungera inom ramen för ditt befintliga tema. Det snabbar automatiskt till några element som den hittar på sidan, men det kan inte t.ex. skapa en ny kolumn för en widget om ditt tema bara har en kolumn.

Det blir också fel ibland, som oundvikligen kommer din sida också att ha dynamiska element som glidare; eller ditt tema CSS kan störa widgeten. Du kan behöva spela runt - men för det mesta fungerar det bra.

Även som webbutvecklare uppskattar jag användarvänligheten och central script management. Mina footerfiler är vanligtvis fulla av kod för att bara skriva ut skript på en viss sida - det gör det löjligt enkelt, att rensa temafiler.

Urvalet av appar är ganska begränsat just nu, men självklart kan du alltid lägga till dina egna enkla kodtillägg via CodeDrop-modulen - och det finns fler apps som lovas. Jag befinner mig och önskar att denna funktionalitet inkluderades som standard med WordPress - för alla framsteg i teman anpassning, är vi fortfarande kvar med hjälp av arcane PHP mall redigering för att lägga till JavaScript-snippets. För närvarande fyller Filament.io ett hårdbehövligt hål i funktionalitet som många av oss aldrig ens visste existerade. Har du gett det ett steg? Berätta för dig dina tankar.

Utforska mer om: JavaScript, Wordpress.