Ghost

Ugrađena Ghost funkcija Code Injection omogućava vam da dodate skripte u globalni <head> i </body> vaše publikacije. Svi Ghost planovi podržavaju code injection, što olakšava ugradnju Wink komponenti na bilo koju stranicu ili post.

Učitajte Wink skripte na celom sajtu

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 (zamenite 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 na Save.

Dodajte komponentu u post ili stranicu

Ghost editor podržava HTML karticu koja vam omogućava da ubacite sirovi HTML bilo gde u vaš sadržaj.

Otvorite post ili stranicu u Ghost editoru.
Ukucajte / da otvorite izbor kartica i izaberite HTML.

Nalepite HTML komponente, na primer:

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

Kliknite van kartice da biste videli pregled, zatim objavite.

Code injection po stranici

Za komponentu koja treba da se pojavi samo na jednoj stranici, Ghost takođe podržava code injection po stranici:

Otvorite podešavanja posta ili stranice (ikona zupčanika u editoru).
Skrolujte do Code Injection.
Dodajte tag komponente u polje Footer (globalni app-loader treba biti samo u footeru na nivou celog sajta).
Sačuvajte.

Dostupne komponente

Komponenta	HTML tag	Svrha
Content loader	`<wink-content-loader>`	Prikaz hotelskih kartica, mreža, mapa
Lookup	`<wink-lookup>`	Pretraživač destinacija
Search button	`<wink-search-button>`	Otvaranje izbora itinerera
Account button	`<wink-account-button>`	Prijava / korisnički meni
Itinerary button	`<wink-itinerary-button>`	Prikaz trenutnog itinerera
Itinerary picker	`<wink-itinerary-picker>`	Kompletan formular itinerera
Shopping cart	`<wink-shopping-cart-button>`	Dugme sa pregledom korpe

Pogledajte Web Components za kompletnu referencu atributa.