Kako dodati Scheditov rezervacijski gradnik v WordPress
Poseben Scheditov WordPress vtičnik ni potreben. Rezervacijski koledar nastavite v Scheditu, odprite kodo gradnika in v WordPress dodajte tri elemente integracije: skupno slogovno datoteko, skupni JavaScript in vsebnik posameznega koledarja.
Ta vodnik uporablja izvorni WordPress urejevalnik blokov. Enako načelo velja tudi za page builderje, ki omogočajo HTML, embed ali globalno lastno kodo.
Preden odprete WordPress
Delujoč Scheditov koledar
Pred objavo gradnika nastavite storitve, vire in razpoložljivost, ki jih želite ponuditi obiskovalcem WordPress spletnega mesta.
Dostop za urejanje WordPressa
Potrebujete pravico do urejanja ciljne strani in, če je treba CSS ali JavaScript dodati na ravni spletnega mesta, dostop do ustreznega načina za upravljanje frontend kode.
Scheditova koda gradnika
V nadzorni plošči Schedito odprite kodo gradnika. Schedito ponuja tri ločene elemente za kopiranje: CSS povezavo, JavaScript skripto in HTML vsebnik posameznega koledarja.
1. Kopirajte tri elemente Scheditove integracije
V nadzorni plošči Schedito odprite kodo rezervacijskega koledarja. Integracija je namenoma razdeljena na tri ločene elemente:
CSS povezava — naloži slog gradnika.
JavaScript skripta — naloži in zažene rezervacijsko funkcionalnost.
Vsebnik gradnika — določa organizacijo in javni koledar ter mesto prikaza rezervacijskega vmesnika.
Ti trije elementi naj ostanejo ločeni. CSS in JavaScript je praviloma treba naložiti samo enkrat, vsebnike posameznih koledarjev pa lahko postavite povsod, kjer želite prikazati rezervacije.
Trije elementi v Scheditu
1. CSS povezava
Naložite enkrat
2. JavaScript skripta
Naložite enkrat
3. DIV gradnika
Postavite na mesto prikaza koledarja
2. V blok Custom HTML vstavite DIV gradnika
Odprite WordPress stran, kjer želite strankam omogočiti rezervacijo, na primer Rezervacija, Termini, Kontakt ali stran posamezne storitve.
Dodajte blok Custom HTML. V novem bloku lahko tudi vtipkate /html.
Iz nadzorne plošče Schedito kopirajte samo HTML vsebnik gradnika in ga prilepite v blok. To je element posameznega koledarja z vrednostmi, kot sta data-organization-id in data-calendar-public-id.
CSS povezave in JavaScript skripte ne podvajajte v vsakem rezervacijskem bloku. Dodajte ju ločeno kot skupni frontend datoteki.
3. Scheditov CSS in JavaScript naložite samo enkrat
V nadzorni plošči Schedito kopirajte preostala elementa: CSS <link> in JavaScript <script>.
Gre za skupni frontend datoteki. Običajno ju naložite samo enkrat na strani oziroma na ravni spletnega mesta, kjer uporabljate Schedito. Ne ponavljajte ju za vsak rezervacijski koledar.
Če WordPress ali page builder ponuja globalno možnost za lastno kodo, je to lahko ustrezno mesto. Pri profesionalno vzdrževani WordPress temi lahko razvijalec ustrezne datoteke naloži tudi prek standardnega WordPress frontend mehanizma za enqueue.
Več Scheditovih koledarjev na istem spletnem mestu lahko uporablja isti CSS in JavaScript. Vsak koledar potrebuje le svoj <div>.
Priporočena WordPress struktura
CSS povezava — enkrat
JavaScript skripta — enkrat
Blok Custom HTML
DIV posameznega Scheditovega koledarja
Opomba o WordPress dovoljenjih in JavaScriptu
Novejše različice WordPressa omogočajo lastno HTML vsebino v urejevalniku blokov, JavaScript in druga potencialno nevarna koda pa sta odvisna od dovoljenj uporabnika. WordPress lahko ob shranjevanju odstrani nedovoljeno vsebino uporabniku, ki nima zahtevanih pravic.
Pri Scheditu vam vsega praviloma ni treba vstavljati v isti blok. DIV posameznega koledarja naj ostane na strani, skupni CSS in JavaScript pa naložite samo enkrat prek ustreznega mehanizma na ravni spletnega mesta.
Če skripta ali slogovna datoteka po shranjevanju izgine, je ne vstavljajte vedno znova v stran. Preverite WordPress dovoljenja in uporabite odobren način spletnega mesta za nalaganje frontend datotek.
4. Objavite in preizkusite kot stranka
Pravilen prikaz v urejevalniku ni dovolj. Preverite končno stran, razpoložljivost in oddajo rezervacije.
Odprite javno stran
Preizkusite objavljeni frontend, ne samo predogleda urejevalnika. Preverite, ali se Schedito naloži običajnemu obiskovalcu.
Dokončajte rezervacijo
Izberite storitev, datum in termin ter opravite pravo testno rezervacijo. Nato preverite rezultat v Scheditu.
Preverite odzivni prikaz
Preverite namizni in mobilni prikaz ter ali WordPress tema gradnika ne omejuje, skriva ali deformira.
Odpravljanje težav z WordPress rezervacijskim gradnikom
Tri dele integracije preverite ločeno. Najprej potrdite, da je Scheditov DIV prisoten ter vsebuje pravilna identifikatorja organizacije in javnega koledarja. Nato preverite, ali sta Scheditov CSS in JavaScript dejansko naložena na javni strani.
V razvijalskih orodjih brskalnika preverite neuspele zahteve za CSS ali JavaScript, JavaScript napake, varnostne omejitve ali kodo, ki jo je spremenil WordPress oziroma drug vtičnik.
Če WordPress odstrani sam DIV, preverite HTML in uporabniška dovoljenja. Če odstrani skripto ali drugo izvršljivo kodo, gre običajno za sanitizacijo ali omejitev dovoljenj.
Priporočena Scheditova nastavitev se izogne ponavljanju skript v vsebini: DIV ostane na strani, skupna CSS in JavaScript pa se naložita enkrat prek odobrenega frontend mehanizma spletnega mesta.
WordPress integracija verjetno deluje. Preverite Schedito: storitev, potrebne vire, ponavljajočo se razpoložljivost, izjeme za posamezne datume, obstoječe rezervacije, kapaciteto in obveznosti v povezanih zunanjih koledarjih.
Preverite širino, overflow, odmike in layout nadrejenega WordPress bloka ali vsebnika teme. Rezervacijskega vmesnika ne postavljajte v po nepotrebnem ozko fiksno kolono.
Če gradnik zunaj tega vsebnika deluje pravilno, težavo verjetno povzroča okoliški WordPress CSS.
V Scheditu izberite ustrezen svetli ali temni način in prilagodite podprte barve ter vizualne lastnosti.
Preverite tudi, ali WordPress tema uporablja zelo splošna CSS pravila za gumbe, obrazce ali druge elemente rezervacijskega vmesnika.
Po spremembah kode ali frontend datotek počistite ustrezne WordPress, CDN in brskalniške predpomnilnike. Optimizacija ali zakasnjen zagon JavaScripta lahko vpliva na zunanjo frontend kodo; Scheditove datoteke izključite iz takšne optimizacije, če ta preprečuje pravilno izvajanje.
WordPress je samo predstavitveni sloj
Ko gradnik deluje, storitve, razpoložljivost, sinhronizacijo koledarjev, kapaciteto in videz še naprej upravljajte v Scheditu namesto podvajanja teh pravil v WordPressu.
Začnite brezplačnoWordPress pregled
Vsi Scheditovi vodniki · Prilagajanje gradnika · Sinhronizacija z Google Koledarjem