Ärge kunagi puudutage koodi uuesti: Filament.io, mitte-arendajatele kõikjal

Reklaam

Kui olete kunagi proovinud oma veebisaidile koodilõiku, näiteks Google Analyticsi jälgimiskoodi, PHP-mallifailidesse kaevates, siis teate, kui hirmutav see võib olla. Filament.io muudab selle nii lihtsaks kui lohistamine. Vähemalt see on lubadus.

Alustamine

Minge üle filament.io ja vajutage registreerumisnuppu. Peate looma sisselogimise, kuid Facebooki ja Google'i kontosid saab kasutada ühe nupuvajutusega kiireks juurdepääsuks. Järgmisena peate sisestama domeeni, kus seda kasutate - hiljem saate rohkem lisada.

Kui kasutate WordPressi, tuvastatakse see seda saidi skannimisel ja soovitatakse installida pakutav pistikprogramm see võimaldab teil täpsemalt kontrollida, millist tüüpi lehtedel hõõgniidi funktsionaalsus sisaldub (näiteks ainult postitused ja mitte staatilised) lehed).

Järgmisel etapil annab filamendi registreerumise ekraan teile lühikese JavaScripti lõigu - kleepige see pistikprogrammi seadete lehele. See võib olla viimane vajalik JavaScripti kood! Võite kasutada filamenti ilma pistikprogrammita, kuid teil pole nii palju võimalusi skriptide kuvamise filtreerimiseks.

Rakenduste lisamine

Hõõgniidi ekraan on teie saidi reaalajas eelvaade, et saaksite visuaalselt kujundada sinna, kuhu soovite rakendused minna. Alustage kena sotsiaalsete nuppude komplekti lisamisega, mille nimi on Flare. Navigeerige saidi eelvaates postitusse.

Külgribalt tabas Uus et avada Flare'i valikud. Flare on veetlev kohandatud jagamisnuppude komplekt, mis näeb välja palju kenam kui tavalised võrguga pakutavad nupud, mida näete tõenäoliselt selle artikli küljel. Komplekti kuulub kaubamärgiga logo, mille saab eemaldada pistikprogrammi lisalitsentsi ostmisega.

Salvestage sätted ja lohistage uus Flare-moodul oma saidile. Seejärel kuvatakse esialgne filtreerimisvalikute komplekt. Minge edasi ja lisage see Kõik minu postitused.

Seejärel on teil kohandamiseks veel üks filtrikomplekt; neid lubab WordPressi pistikprogramm. Arendajana olen harjunud ümbritsema skripte erinevates PHP-des, kui klauslid (pole kindel, mis need on? Loe meie PHP algajatele mõeldud juhend Õppige PHP-ga ehitama: krahhiradaPHP on keel, mida Facebook ja Vikipeedia kasutavad iga päev miljardite päringute teenindamiseks; inimeste veebiprogrammeerimise õpetamiseks kasutatav de facto keel. See on ilusti lihtne, kuid geniaalselt võimas. Loe rohkem ), kuid võin nende filtrite võimsust nende jaoks, kes WordPressi leht-tüüpi tuvastamise oskusteabeta oskavad, tõesti hinnata.

Tehnilisel tasandil lisab WordPressi pistikprogramm teie lehe väljundile metasiltide komplekti, mis ütlevad Filamentile, mis tüüpi leht see on; siis filament Javascripti initsiaator tuvastab selle ja süstib skriptid, mida soovite sellel konkreetsel lehel vastavalt teie loodud filtritele. See ei manipuleeri skriptidega muul viisil - süstib need lihtsalt lehele.

Peate klõpsama Avalda enne muudatuste saatmist teie saidile ja nende ilmumiseks võib kuluda mõni minut, nii et ärge paanitsege, kui see pole kohe nähtav.

Klõpsake nuppu Armatuurlaud Rakenduste lisamiseks saate luua lingi või saate luua täiendavaid Flare'i üksusi (kui näiteks soovite kodulehelt konkreetset kujundust või rohkem nuppe).

Selle kirjutamise ajal on kokku saadaval 6 rakendust:

• Leegitsema, sotsiaalse järjehoidjate pistikprogramm.
• Ivy, mis võimaldab kasutajatel hõlpsalt jagada tsitaate, mille nad teie artiklitest esile tõstavad.
• Pass, huvitav viis kogu oma isikliku sotsiaalse profiili esiletõstmiseks (jah, ma saan aru, et see kõlab praegu pisut sotsiaalkeskselt)
• MailChimp on suurepärase meililisti teenuse tellimus (mis on muide tasuta kuni 12 000 e-kirja kuus ja 2000 tellijat)
• Google Analytics peaks olema tuttav kõigile, kellel on veebisait; Ryan lõi see suurepärane algajate juhend Teie Google Analyticsi juhendKas teil on aimugi, kust teie külastajad tulevad, milliseid brausereid enamik neist kasutab, milliseid otsingumootoreid nad kasutavad või milline teie lehtedest on kõige populaarsem? Loe rohkem oma analüüsiandmete mõistmiseks.
• Lõpuks CodeDrop võimaldab teil hallata kõiki muid koodilõike, mis teile mujal on antud.

Klõpsake juhtpaneelil nuppu Käivita. Pange tähele saitide valimise rippmenüüd - saate ühe kontoga hallata mitut veebisaiti.

Kas see on midagi head?

Visuaalse paigutuse tööriist on üllatavalt tõhus, vältides vaeva, kui proovite käsitsi täpselt õiget asukohta välja mõelda. Kui te ei ole teemafailide redigeerimise kindel, on see elupäästja. Kuid see võib toimida ainult teie olemasoleva teema piires. See klõpsub automaatselt kõigi lehel leiduvate elementidega, kuid näiteks vidina jaoks uut veergu ei saa luua, kui teie teemal on ainult üks veerg.

Samuti läheb mõnikord valesti, kuna paratamatult on teie lehel ka dünaamilisi elemente, näiteks liugurid; või teie teema CSS võib vidinat häirida. Võib-olla peate mängima ringi, kuid enamasti töötab see kenasti.

Isegi veebiarendajana hindan kõrgelt kasutusmugavust ja skriptide tsentraalset haldamist. Minu jaluse failid on tavaliselt täis koodi, et skripte väljastada ainult konkreetsel lehel - see teeb selle naeruväärseks lihtsa, teemafailide puhastamise.

Rakenduste valik on praegu üsna piiratud, kuigi muidugi saate CodeDropi mooduli kaudu alati lisada omaenda lihtsaid koodilisandeid - ja lubatut on ka rohkem. Ma leian, et soovin, et see funktsioon hõlmaks vaikimisi ka WordPressi - kõigi rakendusesiseste edusammude jaoks teema kohandamine, JavaScripti lisamiseks on ikka veel vaja kasutada kaarekujulist PHP-malli redigeerimist katkendid. Praegu täidab Filament.io funktsionaalselt hädasti vajaliku augu, mida paljud meist isegi ei teadnud, et olemas on. Kas olete sellele kaasa andnud? Rääkige meile oma mõtetest.