Share
Als je ooit met een CMS zoals WordPress hebt gewerkt, is het waarschijnlijk dat je bekend bent met de manier waarop plug-ins werken. Wanneer u extra functionaliteit nodig hebt, zoals knoppen voor sociaal delen, Google Analytics, nieuwsbriefabonnementen, enzovoort, installeert u gewoon een plug-in en wordt de functionaliteit die u nodig heeft toegevoegd.
Filament werkt op vrijwel dezelfde manier, waardoor u "apps" krijgt waarmee u sociale delenknoppen, Google Analytics, nieuwsbriefabonnementen en andere extra functionaliteit aan uw website kunt toevoegen. Maar er is een groot verschil tussen filament en een vergelijkbaar proces:
Filament-apps werken overal, van statische HTML-sites naar sites die worden aangedreven door een CMS
Als u een Filament-app ziet die u bevalt, bent u vrij om deze te gebruiken, of u nu een statische site, een WordPress-site, een Ghost-site, een Drupal-site of welk type site dan ook heeft. U neemt een klein stukje JavaScript op in het hoofdgedeelte van uw site. Vervolgens kunt u apps naar uw site slepen en neerzetten via het Filament-dashboard om ze binnen enkele seconden toe te voegen.
De eerste stap is om naar http://filament.io te gaan en helemaal naar beneden te scrollen waar je een ziet Schrijf je gratis in knop.
Je wordt meegenomen om te registreren waar je de mogelijkheid hebt om in te loggen met Google+ of Facebook, of om een nieuw account te maken. Nadat u bent aangemeld, wordt u vervolgens gevraagd het domein van uw site in te voegen:
Notitie: Houd hier rekening mee dat u aan het eind geen adres met een submap kunt gebruiken. U moet een subdomein of een domein op het hoogste niveau gebruiken.
Na het klikken op de volgende knop krijgt u een JavaScript-fragment om te kopiëren en te plakken in het hoofdgedeelte van uw site of vóór de afsluitende body-tag:
Notitie: Als u WordPress gebruikt, kunt u deze stap gemakkelijker maken via de officiële Filament-plug-in.
Nadat u het fragment aan uw site hebt toegevoegd, kunt u terugkomen en op de knop klikken Test uw verbinding knop. Als u uw site met Filament.io hebt verbonden, krijgt u een groen licht en kunt u op de Gedaan om verder te gaan.
Wanneer je de verbinding test, geeft het filament een pingsignaal op je startpagina, dus als het fragment op pagina's is geplaatst anders dan op de startpagina kunt u nog steeds een rood licht krijgen. Zolang het fragment aanwezig is op de pagina's waar het nodig is, bent u klaar om te gaan.
Lees meer over waarom dit isVanuit het Filament.io Dashboard ziet u de volledige verzameling apps die u momenteel kunt gebruiken. Op dit moment zijn er zes apps om uit te kiezen, met nog eens acht om onderweg te zijn.
Om een app aan uw site toe te voegen, klikt u op de opstartknop en vervolgens op het domein van de site waaraan u het wilt toevoegen.
Hiermee gaat u naar de interface voor slepen en neerzetten van Filament, waarmee u een live voorvertoning van uw site kunt bekijken, zodat u er zeker van kunt zijn dat alles er net zo uitziet als u wilt voordat u doorgaat.
Klik op de + NIEUWE om een nieuw exemplaar te maken van de app die u toevoegt:
U krijgt de mogelijkheid om uw app-instantie een naam te geven en uw voorkeur in te voeren voor verschillende instellingen die alles regelen, van de functionaliteit van de app tot de kleur, stijl en locatie:
Als u klaar bent, klikt u op INSTELLINGEN OPSLAAN en je ziet je nieuwe app-instantie in de zijbalk verschijnen.
Sleep nu uw nieuwe app-instantie vanuit de zijbalk naar het voorbeeld van uw site en deze wordt automatisch ingevoegd.
Als u klaar bent, klikt u op de PUBLICEREN knop in de rechterbovenhoek.
Je zou nu de app op zijn plaats op je live site moeten zien. Een opmerking op de interface zegt dat het enkele minuten kan duren voordat de wijzigingen worden weergegeven, maar voor mij zijn de wijzigingen direct zichtbaar.
U kunt zoveel verschillende apps toevoegen als u maar wilt. Bekijk deze eenvoudige demo om de Flare en Ivy-apps te zien draaien.
Zoals hierboven vermeld, zijn er op dit moment zes apps beschikbaar via Filament.
De Flare-app voegt een zwevende sociale share-balk aan de zijkant van uw site. U kunt het configureren om koppelingen naar negen verschillende services weer te geven, plus e-mail. Het houdt ook het aantal gedeelde mappen bij dat voor elke service is gemaakt, met een totaal aantal "flares" bovenaan.
Ivy is een aardige kleine app waarmee bezoekers elk gedeelte van de tekst kunnen markeren en naar vrienden kunnen sturen via Facebook, Twitter of e-mail.
Met de paspoort-app kun je een kleine avatar van jezelf weergeven, omringd door fly-outs met links naar de verschillende sociale netwerksites waar je bent en contactmethoden die je mogelijk hebt.
CodeDrop biedt u een manier om HTML of JavaScript in uw site in te voegen, zonder de code van de site daadwerkelijk te bewerken. U krijgt een veld waarin u code kunt plakken voor zaken als webformulieren, enquêtes, extra inhoud, enzovoort. U kunt vervolgens kiezen naar welke positie u de code wilt invoegen, hetzij bovenaan of onderaan het hoofdgedeelte, bovenaan of onderaan het bodygedeelte, of op een aangepaste locatie.
Voor veel mensen die nog niet eerder met hun eigen website hebben gewerkt, kan het integreren van nieuwsbriefabonnementsformulieren een enorm proces zijn. De Mailchimp-app biedt een manier om een bulletinformulier te slepen en neer te zetten zonder met code te moeten rotzooien.
Het integreren van Google Analytics-code is een ander gebied dat veel hoofdpijn heeft veroorzaakt voor veel mensen die beginnen met hun eigen sites. De Google Analytics-app van Filament betekent dat mensen zich geen zorgen hoeven te maken over het vinden van de juiste plek om hun code toe te voegen. Ze kunnen gewoon hun tracking-ID plakken, de app slepen en neerzetten en ze zijn weg.
Er zijn nog acht andere apps op de Filament-website vermeld als zijnde in ontwikkeling.
Als een van die apps eruit springt als iets dat je graag zou willen gebruiken, kun je naar de Filament-website gaan en er voor stemmen om het team te laten weten waar ze hun ontwikkelingstijd prefereren..
Wie kan het meeste profiteren van het gebruik van filament? Het hangt af van welke van de apps u bekijkt, van het type site waarop u de app wilt gebruiken en van wie de gebruikers zullen zijn.
Apps zoals CodeDrop, Mailchimp en Google Analytics zijn fantastisch voor mensen die niet vertrouwd zijn met het direct bewerken van code. Voor webontwerpers is dit potentieel een fantastische manier om klanten de mogelijkheid te bieden om te zorgen voor algemene taken waar ze anders misschien aan vast zouden komen te zitten.
Ik weet dat ik in mijn eigen tijd als freelancer heb gewerkt aan verschillende mensen met wie ik had gewerkt en die graag dergelijke functies in handen zou hebben gekregen. Het integreren van het Filament-fragment kan worden gedaan als onderdeel van een project voor het maken van een site, en vanaf dat moment kunnen klanten de controle over dingen overnemen die ze liever niet bij u hoeven terug te.
Wat betreft apps zoals Flare, Ivy en Passport, die zijn potentieel voor iedereen gezien ze vrij uniek zijn en voorzien in hun eigen stijl en methode van sociale interactie.
Alle huidige apps, evenals die in de toekomst komen, kunnen ook geweldig zijn voor sites die worden uitgevoerd op platforms die zich niet goed lenen voor aanpassing, of services die opzettelijk uitgebreide codebewerking voorkomen. Met de kleine vereiste om één JavaScript-fragment te kunnen opnemen, opent dit heel wat mogelijkheden die anders misschien niet beschikbaar zouden zijn.
Voor meer informatie over Filament, stem op de apps die u het snelst wilt zien en om de service zelf uit te proberen, ga naar http://filament.io
Accentsconagua