Nikad ne dirajte kôd iznova Filament.io, za bilo gdje tko nije za programere

Ako ste ikada pokušali ručno zalijepiti isječak koda kao što je Google Analytics kôd za praćenje na vaše web mjesto kopanjem 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 stvoriti prijavu, ali Facebook i Google računi mogu se koristiti za brzi pristup jednim gumbom. Zatim morate unijeti domenu na kojoj ćete je koristiti - možete je dodati kasnije.

Ako pokrećete WordPress, otkrivat će se kada skenira web mjesto, a preporučuje se instaliranje isporučenog dodatka jer vam omogućuje precizniju kontrolu nad onim tipom stranica koje sadrže funkciju filca (poput samo postova, a ne statičkih stranica).

Na sljedećem koraku zaslon za prijavu filamenta dat će vam kratki JavaScript isječak - zalijepite ga na stranicu postavki dodatka. To bi mogao biti posljednji bit JavaScript koda koji će vam ikada trebati! Možete koristiti Filament bez dodatka, ali nećete imati toliko opcija za filtriranje tamo gdje su prikazane skripte.

Dodavanje aplikacija

Alat Filament screen uživo pregled vaše web lokacije kako biste vizualno mogli 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 i 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 je Svi moji postovi.

Tada ćete imati još jedan set filtera za prilagodbu; ovo im omogućuje WordPress dodatak. Kao programer navikao sam na okolne skripte u raznim PHP-ovima ako klauzule (niste sigurni što su to? Pročitajte naš PHP Vodič za početnike), ali mogu zaista cijeniti snagu ovih filtera za one bez znanja o otkrivanju tipa WordPress 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 manipulira na bilo koji drugi način - samo ih ubrizgava na stranicu.

Trebat ćete kliknuti Objaviti prije nego što se izmjene pošalju na vašu web stranicu, 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 vašeg osobnog društvenog 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 s web mjesta; Ryan je stvorio ovaj sjajni početnički vodič za razumijevanje vaših analitičkih podataka.
• Konačno, CodeDrop omogućuje vam upravljanje bilo kojim drugim isječcima koda koji su vam davani 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 je iznenađujuće 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 postojeće teme. Automatski se priključuje na sve elemente koje pronađe na stranici, ali ne može, na primjer, 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. Smatram da bih želio da je ova funkcionalnost podrazumijevano uključena u WordPress - za sav napredak u prilagođavanju tema, još uvijek nam preostaje korištenje skrivenog uređivanja predložaka PHP-a za dodavanje JavaScript isječaka. 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.