Nikoli ne dotikajte kode znova: Filament.io, za povsod ne-razvijalce

Oglas

Če ste kdaj poskušali ročno prilepiti delček kode, kot je sledilna koda Google Analytics, na vaše spletno mesto z vkopom v datoteke predloge PHP, boste vedeli, kako zastrašujoče je lahko. Filament.io omogoča preprosto vlečenje in spuščanje. Vsaj to je obljuba.

Uvod

Pojdite na filament.io in pritisnite gumb za prijavo. Ustvariti boste morali prijavo, vendar lahko za hiter dostop z enim gumbom uporabite račune Facebook in Google. Nato morate vnesti domeno, ki jo boste uporabljali - pozneje jih lahko dodate.

Če imate nameščen WordPress, bo to zaznano, ko pregleda spletno mesto, in predlagamo, da priložen vtičnik namestite kot omogoča natančnejši nadzor nad tem, katere vrste strani vsebujejo funkcijo filamentov (na primer samo objave in ne statične) strani).

Na naslednjem koraku vam bo zaslon za prijavo v nitko dodal kratek delček JavaScript - prilepite to na stran z nastavitvami vtičnika. To je morda zadnji del kode JavaScript, ki jo boste kdaj potrebovali! Filament lahko uporabljate tudi brez vtičnika, vendar ne boste imeli toliko možnosti za filtriranje, kjer so prikazani skripti.

Dodajanje aplikacij

Orodje Filament zaslon predogled vašega spletnega mesta v živo, tako da lahko vizualno oblikujete kamor želite, da gredo aplikacije. Začnite z dodajanjem lepega nabora socialnih gumbov z imenom Flare. V predogledu spletnega mesta se pomaknite do objave.

S stranske vrstice zadeti Novo da odprete možnosti Flare. Flare je prijeten nabor gumbov za skupno rabo po meri, ki so videti veliko lepši od običajnih gumbov, ki jih ponuja omrežje, ki jih verjetno vidite na strani tega članka. Priložen je logotip blagovne znamke, ki ga lahko odstranite z nakupom premium licence za vtičnik.

Shranite nastavitve in povlecite nov modul Flare na svoje spletno mesto. Nato se prikaže začetni niz možnosti filtriranja. Pojdi naprej in dodaj Vse moje objave.

Nato boste imeli še en nabor filtrov, ki jih lahko prilagodite; to omogoča vtičnik WordPress. Kot razvijalci sem navajen, da okoliščine skripta v različnih PHP, če klavzule (niste prepričani, kaj so to? Preberite naše Vodnik za začetnike PHP Naučite se graditi s PHP: Crash CoursePHP je jezik, ki ga Facebook in Wikipedia uporabljata za vsakdanje milijarde zahtev; de facto jezik, ki se uporablja za poučevanje ljudi spletnega programiranja. Je čudovito preprost, a briljantno močan. Preberi več ), vendar resnično cenim moč teh filtrov za tiste, ki ne poznajo novice o odkrivanju vrste strani WordPress.

Na tehnični ravni vtičnik WordPress na izhod strani doda niz meta oznak, ki povedo Filamentu, za kakšno stran je; nato začetnik Filament Javascript to zazna in injicira skripte, ki jih želite na tej določeni strani, v skladu s svojimi uveljavljenimi filtri. S skripti ne manipulira na noben drug način - le vbrizga jih na stran.

Boste morali klikniti Objavi preden se spremembe pošljejo na vaše spletno mesto in se lahko pojavijo nekaj minut, zato ne bodite panični, če niso takoj vidni.

Kliknite na Armaturna plošča povezavo, da dodate več aplikacij ali ustvarite dodatne enote Flare (če ste na primer želeli določen dizajn ali več gumbov na domači strani).

V času pisanja je na voljo 6 aplikacij:

• Požar, vtičnik za socialne zaznamke.
• Bršljan, ki uporabnikom omogoča preprosto deljenje ponudb, ki jih poudarjajo iz vaših člankov.
• Potni list, zanimiv način za poudarjanje vseh vaših osebnih socialnih profilov (da, vem, da to trenutno zveni malo socialno usmerjeno)
• MailChimp je naročnina na odlično storitev poštnega seznama (ki je mimogrede brezplačna za do 12.000 e-poštnih sporočil na mesec in 2000 naročnikov)
• Google Analytics mora biti seznanjen s kom, ki ima spletno mesto; Ryan je ustvaril ta odličen vodnik za začetnike Vaš vodič po storitvi Google AnalyticsAli imate kakšno idejo, od kod prihajajo vaši obiskovalci, kateri brskalniki jih uporabljajo, katere iskalnike uporabljajo ali katere od vaših strani so najbolj priljubljene? Preberi več za razumevanje vaših analitičnih podatkov.
• Končno CodeDrop omogoča upravljanje z drugimi odrezki kode, ki ste jih dobili drugje.

Na nadzorni plošči kliknite Kosilo. Zaznajte spustni seznam, da izberete spletna mesta - z enim računom lahko upravljate več spletnih mest.

Je kaj dobro?

Orodje za vizualno postavitev je presenetljivo učinkovito, saj se tako izognete težavam, da bi ročno ugotovili pravilno pravilno pozicioniranje. Če ne boste samozavestno urejali datotek tem, je varčevanje z življenjem. Vendar lahko deluje le znotraj omejitev obstoječe teme. Samodejno se zaskoči na vse elemente, ki jih najde na strani, vendar na primer ne more ustvariti novega stolpca za pripomoček, če ima vaša tema samo en stolpec.

Včasih gre tudi narobe, saj bo vaša stran neizogibno imela tudi dinamične elemente, kot so drsniki; ali pa bo vaš CSS tema motil v pripomoček. Morda se boste morali igrati okoli, vendar večinoma deluje lepo.

Tudi kot spletni razvijalec cenim enostavnost uporabe in centralno upravljanje skriptov. Moje datoteke z nogi so ponavadi polne kode, da se skripte izpišejo samo na določeni strani - to omogoča enostavno smešno čiščenje tematskih datotek.

Izbira aplikacij je trenutno precej omejena, čeprav seveda vedno lahko dodate svoje preproste dodatke kode prek modula CodeDrop - in obljubljenih je več aplikacij. Želim si, da bi to funkcijo privzeto vključil WordPress - za vse napredke v prilagajanje teme, še vedno nam je ostalo za uporabo skrivnega urejanja predlogov PHP za dodajanje JavaScript odrezki Za zdaj Filament.io zapolnjuje slabo potrebno luknjo v funkcionalnosti, za katero mnogi od nas sploh niso vedeli, da obstaja. Ste ga že dali? Povejte nam svoje misli.