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

reklama

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řetahování. 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 musíte zadat doménu, ve které ji budete používat - další můžete přidat později.

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

V dalším kroku se na registrační obrazovce Filament zobrazí krátký fragment 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 Odlesky. 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ý obklopovat skripty v různých PHP, pokud jsou klauzule (Nejste si jisti, co to je? Přečtěte si naše Příručka pro začátečníky PHP Naučte se stavět s PHP: Crash CoursePHP je jazyk, který Facebook a Wikipedia používají k obsazení miliard žádostí denně; de-facto jazyk používaný pro výuku programování lidí na webu. Je to krásně jednoduché, ale brilantně silné. Přečtěte si více ), ale mohu opravdu ocenit výkon těchto filtrů pro ty, kteří nemají znalosti o detekci typu stránky WordPress.

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 poté zjistí a vloží skripty, které chcete na dané stránce, podle vašich zavedených filtrů. Skripty nijak nezpracovávají - pouze je vloží 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 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 kohokoli s webovou stránkou; Ryan vytvořil tento skvělý průvodce pro začátečníky Váš průvodce po Google AnalyticsMáte představu, odkud vaši návštěvníci přicházejí, jaké prohlížeče většina z nich používá, jaké vyhledávací nástroje používají nebo která z vašich stránek je nejoblíbenější? Přečtěte si více porozumět vašim analytickým datům.
• 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á motiv 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 pomocí modulu CodeDrop - a jsou zde další slibované aplikace. Zjistil jsem, že si přeji, aby tato funkce byla ve výchozím nastavení součástí WordPress - pro všechny pokroky v systému přizpůsobení motivu, stále nám zbývá s použitím tajemných úprav šablon PHP přidat JavaScript úryvky. 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.