Ghost

Vgrajena funkcija Code Injection v Ghostu vam omogoča dodajanje skript v globalni <head> in </body> vaše publikacije. Vsi Ghost načrti podpirajo code injection, kar omogoča enostavno vdelavo Wink komponent na katerokoli stran ali objavo.

Naložite Wink skripte za celotno spletno mesto

V Ghost Admin panelu pojdite na Settings → Code Injection.

V polje Site Header dodajte slogovno datoteko:

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

V polje Site Footer dodajte skripto in nalagalnik aplikacije (zamenjajte 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>

Kliknite Save.

Dodajte komponento v objavo ali stran

Ghostov urejevalnik podpira HTML kartico, ki vam omogoča vstavljanje surovega HTML kjerkoli v vaši vsebini.

Odprite objavo ali stran v Ghost urejevalniku.
Vtipkajte /, da odprete izbirnik kartic, in izberite HTML.

Prilepite HTML komponente, na primer:

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

Kliknite izven kartice za predogled, nato objavite.

Code injection za posamezno stran

Za komponento, ki naj se prikaže samo na eni strani, Ghost podpira tudi code injection za posamezno stran:

Odprite nastavitve objave ali strani (ikona zobnika v urejevalniku).
Pomaknite se do Code Injection.
Dodajte oznako komponente v polje Footer (globalni app-loader mora biti le v globalnem footerju).
Shrani.

Na voljo komponente

Komponenta	HTML oznaka	Namen
Content loader	`<wink-content-loader>`	Prikaz hotelskih kartic, mrež, zemljevidov
Lookup	`<wink-lookup>`	Iskalna vrstica za destinacije
Search button	`<wink-search-button>`	Odpri izbirnik poti
Account button	`<wink-account-button>`	Prijava / uporabniški meni
Itinerary button	`<wink-itinerary-button>`	Prikaži trenutno potovanje
Itinerary picker	`<wink-itinerary-picker>`	Celoten obrazec poti
Shopping cart	`<wink-shopping-cart-button>`	Gumb za povzetek košarice

Oglejte si Web Components za celoten seznam atributov.