Ghost

Ghost įmontuota Code Injection funkcija leidžia pridėti scenarijus į globalų <head> ir </body> jūsų leidinyje. Visuose Ghost planuose palaikomas kodo įterpimas, todėl lengva įterpti Wink komponentus bet kuriame puslapyje ar įraše.

Įkelkite Wink scenarijus visame tinklalapyje

Ghost administravimo skydelyje eikite į Settings → Code Injection.

Lauke Site Header pridėkite stiliaus lapą:

<link rel="stylesheet" href="https://elements.wink.travel/styles.css">

Lauke Site Footer pridėkite scenarijų ir programos įkroviklį (pakeiskite YOUR_CLIENT_ID):

<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader client-id="YOUR_CLIENT_ID"></wink-app-loader>

Spauskite Save.

Pridėkite komponentą į įrašą arba puslapį

Ghost redaktorius palaiko HTML kortelę, leidžiančią įterpti žalią HTML bet kur turinyje.

Atidarykite įrašą arba puslapį Ghost redaktoriuje.
Įveskite /, kad atidarytumėte kortelių pasirinkimą, ir pasirinkite HTML.

Įklijuokite komponento HTML, pavyzdžiui:

<wink-content-loader
  layout="HOTEL"
  id="YOUR_LAYOUT_ID"
></wink-content-loader>

Spauskite už kortelės ribų peržiūrai, tada paskelbkite.

Kodo įterpimas atskiram puslapiui

Jei komponentas turi būti rodomas tik viename puslapyje, Ghost taip pat palaiko kodo įterpimą atskiram puslapiui:

Atidarykite įrašo arba puslapio nustatymus (įrankių piktograma redaktoriuje).
Slinkite iki Code Injection.
Lauke Footer pridėkite komponento žymę (globalus app-loader turi būti tik svetainės pabaigoje).
Išsaugokite.

Galimi komponentai

Komponentas	HTML žyma	Paskirtis
Turinio įkroviklis	`<wink-content-loader>`	Rodo viešbučių korteles, tinklus, žemėlapius
Paieška	`<wink-lookup>`	Paieškos juosta kryptims
Paieškos mygtukas	`<wink-search-button>`	Atidaro maršruto pasirinkimą
Paskyros mygtukas	`<wink-account-button>`	Prisijungimas / vartotojo meniu
Maršruto mygtukas	`<wink-itinerary-button>`	Rodo esamą maršrutą
Maršruto pasirinkėjas	`<wink-itinerary-picker>`	Pilna maršruto forma
Prekių krepšelio mygtukas	`<wink-shopping-cart-button>`	Krepšelio santraukos mygtukas

Pilną atributų sąrašą žr. Web Components.