Nekad vairs nepieskarieties kodam: Filament.io, visur izstrādātājiem

Reklāma

Ja kādreiz esat mēģinājis savā vietnē manuāli ielīmēt tāda koda fragmentu kā Google Analytics izsekošanas kods, iedziļinoties PHP veidņu failos, jūs zināt, cik tas var būt drausmīgi. Filament.io padara to tik vienkāršu kā vilkšana un nomešana. Vismaz tas ir solījums.

Darba sākšana

Dodieties uz filament.io un nospiediet reģistrēšanās pogu. Jums būs jāizveido pieteikšanās, taču ātru piekļuvi ar vienu pogu var izmantot Facebook un Google kontus. Pēc tam jums būs jāievada domēns, kurā to izmantosit - vēlāk varēsit pievienot vairāk.

Ja izmantojat WordPress, tas tiks atklāts, skenējot vietni, un tiek ieteikts instalēt piegādāto spraudni kā tas ļauj precīzāk kontrolēt, kāda veida lapās ir kvēldiega funkcionalitāte (piemēram, tikai stabi, nevis statiski) lapas).

Nākamajā posmā kvēldiega pierakstīšanās ekrāns parādīs jums īsu JavaScript fragmentu - ielīmējiet to spraudņa iestatījumu lapā. Tas varētu būt pēdējais JavaScript koda fragments, kas jums jebkad būs nepieciešams! Jūs varat izmantot Filament bez spraudņa, taču jums nebūs tik daudz opciju, lai filtrētu, kur tiek parādīti skripti.

Lietotņu pievienošana

Kvēldiega ekrāns ir vietnes reāllaika priekšskatījums, lai jūs varētu vizuāli noformēt to, kurp vēlaties doties. Sāciet, pievienojot jauku sociālo pogu komplektu ar nosaukumu Flare. Vietnes priekšskatījumā dodieties uz ziņu.

No sānjoslas hit Jauns lai atvērtu Flare opcijas. Flare ir apburošs pielāgots kopīgošanas pogu komplekts, kas izskatās daudz jaukāk nekā standarta tīkla piedāvātās pogas, kuras jūs, iespējams, redzat šī raksta pusē. Komplektā ir iekļauts firmas logo, kuru var noņemt, iegādājoties spraudņa premium licenci.

Saglabājiet iestatījumus, pēc tam velciet un nometiet jauno Flare moduli savā vietnē. Pēc tam parādīsies sākotnējais filtrēšanas opciju komplekts. Iet uz priekšu un pievienojiet to Visas manas ziņas.

Pēc tam jums būs vēl viens filtru komplekts, ko pielāgot; tos ir iespējojis WordPress spraudnis. Kā izstrādātājs es esmu pieradis apņemt skriptus dažādos PHP, ja klauzulas (nezināt, kas tie ir? Izlasiet mūsu PHP iesācēju ceļvedis Iemācieties veidot ar PHP: avārijas kurssPHP ir valoda, kuru Facebook un Wikipedia lieto, lai katru dienu apkalpotu miljardiem pieprasījumu; de-facto valoda, ko izmanto, lai mācītu cilvēkiem tīmekļa programmēšanu. Tas ir skaisti vienkāršs, bet izcili spēcīgs. Lasīt vairāk ), bet es tiešām varu novērtēt šo filtru jaudu tiem, kuriem nav zināšanu par WordPress lapas veida noteikšanu.

Tehniskā līmenī WordPress spraudnis jūsu lapas izvadei pievieno meta tagu kopu, kas Filament norāda, kāda veida lapa tā ir; tad Filament Javascript inicializētājs to atrod un injicē vēlamos skriptus attiecīgajā lapā atbilstoši izveidotajiem filtriem. Tas nekādā veidā nemanipulē ar skriptiem - vienkārši ievada tos lapā.

Jums būs jānoklikšķina Publicēt pirms izmaiņas tiek nosūtītas uz jūsu vietni, un var paiet dažas minūtes, līdz tās parādās, tāpēc nevajag paniku, ja tās nav uzreiz redzamas.

Noklikšķiniet uz Mērinstrumentu panelis saite, lai pievienotu vairāk lietotņu, vai arī varat izveidot papildu Flare vienības (ja, piemēram, mājaslapā vēlējāties noteiktu dizainu vai vairākas pogas).

Rakstīšanas laikā kopumā ir pieejamas 6 lietotnes:

• Uzliesmojums, sociālās grāmatzīmes spraudnis.
• Efeja, kas lietotājiem ļauj viegli dalīties ar pēdiņām, kuras viņi izceļ no jūsu rakstiem.
• Pase, interesants veids, kā izcelt visu savu personīgo sociālo profilu (jā, es apzinos, ka šobrīd tas izklausās nedaudz sociāli orientēts)
• MailChimp ir lieliskā adresātu saraksta pakalpojuma abonements (kas, starp citu, ir bezmaksas līdz 12 000 e-pastiem mēnesī un 2000 abonentiem)
• Google Analytics jābūt pazīstamam ikvienam, kam ir vietne; Raiens izveidoja šī lieliskā rokasgrāmata iesācējiem Jūsu ceļvedis Google AnalyticsVai jums ir ideja, no kurienes nāk jūsu apmeklētāji, kādus pārlūkus viņi izmanto visvairāk, kādas meklētājprogrammas viņi izmanto vai kura no jūsu lapām ir vispopulārākā? Lasīt vairāk lai izprastu savus analītiskos datus.
• Visbeidzot CodeDrop ļauj pārvaldīt visus citus koda fragmentus, kas jums ir piešķirti citur.

Informācijas panelī noklikšķiniet uz Palaist. Ievērojiet nolaižamo izvēlni, lai izvēlētos vietnes - no viena konta varat pārvaldīt vairākas vietnes.

Vai tas ir kaut kas labs?

Vizuālā izkārtojuma rīks ir pārsteidzoši efektīvs, izvairoties no grūtībām, mēģinot manuāli izdomāt precīzi pareizo pozicionēšanu. Ja neesat pārliecināts, ka rediģējat motīvu failus, tas ir dzīvības glābējs. Bet tas var darboties tikai jūsu esošās tēmas ietvaros. Tas automātiski tiek piesaistīts visiem elementiem, ko tas atrod lapā, bet, piemēram, logrīkam nevar izveidot jaunu kolonnu, ja motīvam ir tikai viena kolonna.

Dažreiz tas notiek arī nepareizi, jo jūsu lapā neizbēgami būs arī dinamiski elementi, piemēram, slīdņi; vai arī jūsu motīva CSS var traucēt logrīka darbību. Jums, iespējams, būs jāspēlē apkārt, taču lielākoties tas darbojas labi.

Pat kā tīmekļa izstrādātājs es novērtēju lietošanas vienkāršību un centrālo skriptu pārvaldību. Manos kājenes failos parasti ir pilns kods, lai izvadītu skriptus tikai noteiktā lapā - tas padara to smieklīgi vienkāršu, tīrot motīvu failus.

Pašlaik lietotņu izvēle ir diezgan ierobežota, lai gan, protams, jūs vienmēr varat pievienot savus vienkāršos koda papildinājumus, izmantojot CodeDrop moduli - un ir arī daudz citu apsolīto lietotņu. Es uzskatu, ka vēlos, lai šī funkcionalitāte pēc noklusējuma tiktu iekļauta WordPress - visiem jaunumiem, kas tiek veikti vietnē motīvu pielāgošanu, mums joprojām atliek izmantot nesakārtotu PHP veidņu rediģēšanu, lai pievienotu JavaScript fragmenti. Pagaidām Filament.io aizpilda tik ļoti nepieciešamo funkcionalitātes caurumu, par kuru daudzi no mums pat nenojauta, ka pastāv. Vai jūs to esat devis? Pastāstiet mums savas domas.