Nikad ne dodirujte kôd: Filament.io, za bilo gdje tko nije za programere

Oglas

Ako ste ikada pokušali ručno zalijepiti isječak koda kao što je Google Analytics kôd za praćenje na svoju web stranicu kopajući u datoteke predloška PHP-a, znat ćete kako zastrašujuća može biti. Filament.io čini ga jednostavnim poput povlačenja i ispuštanja. Barem, to je obećanje.

Početak rada

Prijeđite na filament.io i pritisnite gumb za prijavu. Morat ćete kreirati prijavu, ali Facebook i Google računi mogu se koristiti za brzi pristup jednim gumbom. Zatim ćete trebati unijeti domenu na kojoj ćete je koristiti - možete je dodati kasnije.

Ako imate WordPress, to će se otkriti kada skenira web mjesto, a preporučuje se instalirani dodatak kao omogućuje vam finiju kontrolu nad onom vrstom stranica koje sadrže funkciju niti (poput samo postova, a ne statičkih stranice).

Na sljedećem koraku zaslon za prijavu filca dat će vam kratki JavaScript isječak - zalijepite ga na stranicu postavki dodataka. To bi mogao biti posljednji bit JavaScript koda koji će vam ikada trebati! Možete upotrebljavati Filament bez dodatka, ali nećete imati više opcija za filtriranje gdje se prikazuju skripte.

Dodavanje aplikacija

Alat Filament screen uživo pregled vaše web lokacije kako biste mogli vizualno dizajnirati tamo gdje želite aplikacije. Započnite dodavanjem lijepog niza društvenih gumba koji se zovu Flare. U pregledu web mjesta idite do posta.

S bočne trake, pogodite Novi za otvaranje opcija Flare. Flare je simpatični prilagođeni skup gumba za dijeljenje koji izgledaju puno ljepše od standardnih tipki koje pruža mreža, a koje vjerojatno vidite sa strane ovog članka. Uključen je logotip marke koji se može ukloniti kupnjom premium licence za dodatak.

Spremite postavke, a zatim povucite i ispustite novi modul Flare na svoje web mjesto. Potom će se prikazati početni skup opcija filtriranja. Samo naprijed i dodaj ga Svi moji postovi.

Tada ćete imati drugi skup filtara koje možete prilagoditi; ovo im omogućuje WordPress dodatak. Kao programer, navikao sam na okolne skripte u raznim PHP-ima ako klauzule (Niste sigurni što su to? Pročitajte naše PHP Vodič za početnike Naučite graditi s PHP-om: Crash CoursePHP je jezik koji Facebook i Wikipedija koriste za posluživanje milijardi zahtjeva dnevno; de facto jezik koji se koristio za podučavanje web programiranju ljudi. To je prekrasno jednostavno, ali sjajno snažno. Čitaj više ), ali stvarno mogu cijeniti snagu ovih filtera za one koji nemaju poznavanje WordPressa za otkrivanje tipa stranice.

Na tehničkoj razini, WordPress dodatak dodaje skup metaoznaka na izlazu vaše stranice koji Filamentu govore o kojoj se vrsti stranice radi; tada inicijator JavaScripta Filament otkriva to i ubrizgava skripte koje želite na toj određenoj stranici u skladu s vašim ustaljenim filtrima. Ne skripti manipuliraju na bilo koji drugi način, već ih ubrizgavaju u stranicu.

Morat ćete kliknuti Objaviti prije nego se izmjene pošalju na vašu web lokaciju, a mogu potrajati i nekoliko minuta, tako da ne paničarite ako nisu odmah vidljive.

Klikni na kontrolna ploča vezu za dodavanje dodatnih aplikacija ili možete stvoriti dodatne Flare jedinice (na primjer, ako želite poseban dizajn ili više gumba na početnoj stranici).

U vrijeme pisanja teksta ukupno je dostupno 6 aplikacija:

• bljesak, dodatak za društvene oznake.
• Bršljan, što korisnicima omogućuje jednostavno dijeljenje citata koje ističu iz vaših članaka.
• Putovnica, zanimljiv način isticanja svih vaših osobnih društvenih profila (da, shvaćam da u ovom trenutku zvuči pomalo socijalno usmjereno)
• MailChimp pretplata je za izvrsnu uslugu popisa poštanskih adresa (koja je, usput rečeno, besplatna za čak 12.000 e-poruka mjesečno i 2.000 pretplatnika)
• Google Analytics treba biti upoznat sa svima koji posjeduju web mjesto; Ryan je stvorio ovaj sjajni vodič za početnike Vaš vodič za Google AnalyticsImate li ideju odakle dolaze posjetitelji, koje preglednike većina koristi, koje tražilice koriste ili koja je od vaših stranica najpopularnija? Čitaj više za razumijevanje vaših analitičkih podataka.
• Konačno, CodeDrop omogućuje vam upravljanje bilo kojim drugim isječcima koda koji su vam dati drugdje.

Na nadzornoj ploči kliknite lansiranje. Primijetite padajući izbornik kako biste odabrali web stranice - s jednog računa možete upravljati više web lokacija.

Je li to dobro?

Alat za vizualni izgled iznenađujuće je učinkovit, izbjegavajući gnjavažu prilikom pokušaja ručnog pronalaženja točno ispravnog pozicioniranja. Ako niste sigurni da uređujete datoteke tema, to vam je spas. Ali to može raditi samo u granicama vaše postojeće teme. Automatski se postavlja na bilo koji element koji se nađe na stranici, ali na primjer ne može stvoriti novi stupac za widget ako vaša tema ima samo jedan stupac.

Ponekad također postaje pogrešno, jer će neizbježno vaša stranica također imati dinamične elemente, poput klizača; ili vam CSS tema može ometati widget. Možda ćete morati igrati okolo, ali uglavnom to djeluje lijepo.

Čak i kao web programer cijenim jednostavnost korištenja i upravljanje centralnim skriptama. Moje datoteke s podnožjem obično su pune koda za ispis skripti samo na određenoj stranici - što čini ovo smiješno jednostavno, čišćenje tema tema.

Izbor aplikacija je trenutno prilično ograničen, mada naravno uvijek možete dodati svoje jednostavne dodatke koda putem modula CodeDrop - i obećanih je više aplikacija. Mislim da bih želio da je ova funkcionalnost podrazumijevano uključena u WordPress - za sve napredak u sustavu prilagođavanje teme, još uvijek nam je preostalo korištenje skrivenog uređivanja predložaka PHP-a za dodavanje JavaScripta isječke. Za sada, Filament.io popunjava prijeko potrebnu rupu u funkcionalnosti za koju mnogi od nas nikada nisu ni znali da postoje. Jeste li ga dali? Recite nam svoje misli.