Nikdy se nedotýkejte kódu Filament.io, pro všechny, kteří nejsou vývojáři

Pokud jste se někdy pokusili ručně vložit fragment kódu, jako je sledovací kód Google Analytics, na svůj web kopáním do souborů šablony PHP, budete vědět, jak to může být skličující. Filament.io je stejně jednoduché jako přetažení a přetažení. Alespoň to je slib.

Začínáme

Vydejte se na filament.io a stiskněte tlačítko pro registraci. Budete si muset vytvořit přihlašovací údaje, ale pro rychlý přístup jedním tlačítkem lze použít účty Facebook a Google. Dále budete muset zadat doménu, ve které ji používáte - další můžete přidat později.

Pokud používáte WordPress, bude to detekováno při prohledávání webu a je doporučeno nainstalovat poskytnutý plugin, protože vám umožní jemnější kontrolu nad tím, jaký typ stránek obsahuje funkci vlákna (jako jsou pouze příspěvky a nikoli statické) stránky).

V dalším kroku se na registrační obrazovce Filament zobrazí krátký úryvek kódu JavaScript - vložte jej na stránku nastavení pluginu. Může to být poslední kousek kódu JavaScript, který kdy budete potřebovat! Můžete použít vlákno bez pluginu, ale nebudete mít tolik možností filtrovat, kde se skripty zobrazují.

Přidávání aplikací

Nástroj Filament screen - živý náhled vašeho webu, takže můžete vizuálně navrhovat, kam mají aplikace jít. Začněte přidáním pěkné sady sociálních tlačítek s názvem Flare. V náhledu webu přejděte na příspěvek.

Z postranního panelu stiskněte Nový otevřete možnosti Flare. Flare je nádherná vlastní sada tlačítek sdílení, která vypadají mnohem hezčí než standardní tlačítka poskytovaná sítí, která pravděpodobně uvidíte na straně tohoto článku. Součástí je značkové logo, které lze odstranit zakoupením prémiové licence pro plugin.

Uložte nastavení a poté přetáhněte nový modul Flare na svůj web. Poté se zobrazí počáteční sada možností filtrování. Jděte do toho a přidejte jej do Všechny mé příspěvky.

Poté budete mít k dispozici další sadu filtrů; ty jsou povoleny pluginem WordPress. Jako vývojář jsem zvyklý na okolní skripty v různých PHP, pokud jsou klauzule (Nejste si jisti, co to je? Přečtěte si naši příručku pro začátečníky PHP), ale mohu opravdu ocenit sílu těchto filtrů pro ty, kteří nemají knowhow WordPress detekce typu stránky.

Na technické úrovni doplněk WordPress přidá do výstupu vaší stránky sadu metaznaček, které sdělují Filamentu, jaká je to stránka; inicializátor Fasment Javascript to zjistí a vloží skripty, které chcete na dané stránce, podle vašich zavedených filtrů. Skripty nijak nemanipulují - pouze je vkládají na stránku.

Musíte kliknout Publikovat před odesláním změn na váš web a může trvat několik minut, než se objeví, takže nepropadejte panice, pokud to není okamžitě viditelné.

Klikněte na Přístrojová deska odkaz pro přidání dalších aplikací, nebo můžete vytvořit další jednotky Flare (pokud jste například chtěli konkrétní design nebo více tlačítek na domovské stránce).

V době psaní je k dispozici celkem 6 aplikací:

• Světlice, plugin pro sociální záložky.
• Břečťan, což uživatelům umožňuje snadno sdílet nabídky, které zvýrazní z vašich článků.
• Cestovní pas, zajímavý způsob, jak zdůraznit veškerý váš osobní sociální profil (ano, uvědomuji si, že to v současné době zní trochu sociálně zaměřeně)
• MailChimp je předplatné vynikající služby seznamu adres (což je mimochodem zdarma až 12 000 e-mailů měsíčně a 2 000 předplatitelů)
• Google Analytics by měl být obeznámen s kýmkoli s webovou stránkou; Ryan vytvořil tohoto skvělého průvodce pro začátečníky, který chápe vaše analytické údaje.
• Konečně, CodeDrop umožňuje spravovat jakékoli další úryvky kódu, které jste dostali jinde.

Na hlavním panelu klikněte na Zahájení. Všimněte si rozbalovací nabídky a vyberte weby - z jednoho účtu můžete spravovat více webů.

Je to dobré??

Nástroj pro vizuální rozvržení je překvapivě účinný a vyhýbá se problémům s manuálním určováním přesně správného umístění. Pokud si nejste jisti úpravou tematických souborů, jedná se o záchranu života. Může však fungovat pouze v mezích existujícího tématu. Automaticky se přichytí ke všem prvkům, které na stránce najde, ale nemůže například vytvořit nový sloupec pro widget, pokud má téma pouze jeden sloupec..

Někdy se to také pokazí, protože vaše stránka bude nevyhnutelně obsahovat také dynamické prvky, jako jsou posuvníky; nebo vaše téma CSS může ovlivňovat widget. Možná budete muset hrát - ale z velké části to funguje dobře.

I jako webový vývojář oceňuji snadnost použití a centrální správu skriptů. Moje soubory zápatí jsou obvykle plné kódu pro výstup skriptů pouze na konkrétní stránce - díky tomu je směšné snadné čištění souborů témat.

Výběr aplikací je v současné době poměrně omezený, ale samozřejmě můžete vždy přidat své vlastní jednoduché přidání kódu prostřednictvím modulu CodeDrop - a jsou zde další slibované aplikace. Zjistil jsem, že si přeji, aby byla tato funkce ve výchozím nastavení zahrnuta do WordPressu - pro všechny pokroky v přizpůsobování motivů nám stále ještě zbývá použít tajemné úpravy PHP šablony pro přidání úryvků JavaScriptu. Filament.io zatím vyplňuje nezbytně potřebnou díru ve funkčnosti, kterou mnozí z nás nikdy nevěděli, že existuje. Nechal jsi to jít? Řekněte nám své myšlenky.