Ghost

Ugrađena Ghostova značajka Code Injection omogućuje vam dodavanje skripti u globalni <head> i </body> vaše publikacije. Sve Ghost pretplate podržavaju code injection, što olakšava ugradnju Wink komponenti na bilo koju stranicu ili objavu.

Učitajte Wink skripte na cijeloj stranici

U Ghost Admin panelu idite na Settings → Code Injection.

U polje Site Header dodajte stilsku datoteku:

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

U polje Site Footer dodajte skriptu i učitavač aplikacije (zamijenite 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 komponentu u objavu ili stranicu

Ghostov uređivač podržava HTML karticu koja vam omogućuje umetanje sirovog HTML-a bilo gdje u vaš sadržaj.

Otvorite objavu ili stranicu u Ghost uređivaču.
Upisivanjem / otvorite izbor kartica i odaberite HTML.

Zalijepite HTML komponente, na primjer:

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

Kliknite izvan kartice za pregled, zatim objavite.

Code injection po stranici

Za komponentu koja treba biti vidljiva samo na jednoj stranici, Ghost također podržava code injection po stranici:

Otvorite postavke objave ili stranice (ikona zupčanika u uređivaču).
Pomaknite se do Code Injection.
Dodajte oznaku komponente u polje Footer (globalni app-loader treba biti samo u site-wide footeru).
Spremite.

Dostupne komponente

Komponenta	HTML oznaka	Namjena
Content loader	`<wink-content-loader>`	Prikaz hotelskih kartica, mreža, karata
Lookup	`<wink-lookup>`	Tražilica destinacija
Search button	`<wink-search-button>`	Otvori izbor itinerera
Account button	`<wink-account-button>`	Prijava / korisnički izbornik
Itinerary button	`<wink-itinerary-button>`	Prikaži trenutni itinerer
Itinerary picker	`<wink-itinerary-picker>`	Cijeli obrazac itinerera
Shopping cart	`<wink-shopping-cart-button>`	Gumb sažetka košarice

Pogledajte Web Components za potpuni popis atributa.