Ghost

Ghosti sisseehitatud Code Injection funktsioon võimaldab teil lisada skripte oma väljaande globaalsesse <head> ja </body>. Kõik Ghosti paketid toetavad koodi manustamist, muutes Wink komponentide lisamise mis tahes lehele või postitusele lihtsaks.

Laadige Wink skriptid kogu saidil

Ghost Admin paneelis minge Settings → Code Injection.

Lisage Site Header lahtrisse stiilileht:

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

Lisage Site Footer lahtrisse skript ja rakenduse laadija (asendage 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>

Klõpsake Save.

Lisage komponent postitusele või lehele

Ghosti redaktor toetab HTML kaarti, mis võimaldab teil sisestada toorest HTML-i ükskõik kuhu oma sisus.

Avage postitus või leht Ghosti redaktoris.
Tippige /, et avada kaardivalija, ja valige HTML.

Kleepige komponendi HTML, näiteks:

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

Klõpsake kaardist väljaspool, et eelvaadet näha, seejärel avaldage.

Lehekohane koodi manustamine

Komponendi jaoks, mis peaks ilmuma ainult ühel lehel, toetab Ghost ka lehekohast koodi manustamist:

Avage postituse või lehe seaded (hammasratta ikoon redaktoris).
Kerige alla Code Injection sektsiooni.
Lisage komponendi silt Footer väljale (globaalne app-loader peab olema ainult saidi jaluses).
Salvestage.

Saadaval komponendid

Komponent	HTML silt	Eesmärk
Sisu laadija	`<wink-content-loader>`	Kuvab hotellikaarte, võrgustikke, kaarte
Otsing	`<wink-lookup>`	Sihtkohtade otsinguriba
Otsingunupp	`<wink-search-button>`	Avab marsruudi valija
Konto nupp	`<wink-account-button>`	Sisselogimine / kasutajamenüü
Marsruudi nupp	`<wink-itinerary-button>`	Kuvab praeguse marsruudi
Marsruudi valija	`<wink-itinerary-picker>`	Täielik marsruudi vorm
Ostukorvi nupp	`<wink-shopping-cart-button>`	Ostukorvi kokkuvõtte nupp

Vaadake täielikku atribuudi viidet Web Components lehel.