Ghost

Ghost iebūvētā Code Injection funkcija ļauj pievienot skriptus globālajā <head> un </body> jūsu publikācijā. Visi Ghost plāni atbalsta koda injekciju, padarot vienkāršu Wink komponentu iegulšanu jebkurā lapā vai ierakstā.

Ielādēt Wink skriptus visā vietnē

Ghost Admin panelī dodieties uz Settings → Code Injection.

Laukā Site Header pievienojiet stila lapu:

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

Laukā Site Footer pievienojiet skriptu un lietotnes ielādētāju (aizvietojiet 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>

Noklikšķiniet uz Save.

Pievienot komponentu ierakstam vai lapai

Ghost redaktors atbalsta HTML karti, kas ļauj ievietot neapstrādātu HTML jebkurā jūsu saturā.

Atveriet ierakstu vai lapu Ghost redaktorā.
Ierakstiet /, lai atvērtu karšu izvēlni, un izvēlieties HTML.

Ielīmējiet komponenta HTML, piemēram:

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

Noklikšķiniet ārpus kartes, lai priekšskatītu, pēc tam publicējiet.

Koda injekcija pa lapām

Komponentam, kas jāparāda tikai vienā lapā, Ghost atbalsta arī koda injekciju pa lapām:

Atveriet ieraksta vai lapas iestatījumus (zobrata ikona redaktorā).
Ritiniet līdz Code Injection.
Pievienojiet komponenta tagu laukā Footer (globālais app-loader jābūt tikai vietnes kājenē).
Saglabājiet.

Pieejamie komponenti

Komponents	HTML tags	Mērķis
Saturs ielādētājs	`<wink-content-loader>`	Rāda viesnīcu kartītes, režģus, kartes
Meklēšana	`<wink-lookup>`	Meklēšanas josla galamērķiem
Meklēšanas poga	`<wink-search-button>`	Atver maršruta izvēlni
Konta poga	`<wink-account-button>`	Pieslēgšanās / lietotāja izvēlne
Maršruta poga	`<wink-itinerary-button>`	Rāda pašreizējo maršrutu
Maršruta izvēlne	`<wink-itinerary-picker>`	Pilna maršruta forma
Iepirkumu grozs	`<wink-shopping-cart-button>`	Groza kopsavilkuma poga

Skatiet Web Components pilnu atribūtu sarakstu.