Skip to content

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

Section titled “Učitajte Wink skripte na cijeloj stranici”
  1. U Ghost Admin panelu idite na Settings → Code Injection.
  2. U polje Site Header dodajte stilsku datoteku:
    <link rel="stylesheet" href="https://elements.wink.travel/styles.css">
  3. 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>
  4. Kliknite Save.

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

  1. Otvorite objavu ili stranicu u Ghost uređivaču.
  2. Upisivanjem / otvorite izbor kartica i odaberite HTML.
  3. Zalijepite HTML komponente, na primjer:
    <wink-content-loader
    layout="HOTEL"
    id="YOUR_LAYOUT_ID"
    ></wink-content-loader>
  4. Kliknite izvan kartice za pregled, zatim objavite.

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

  1. Otvorite postavke objave ili stranice (ikona zupčanika u uređivaču).
  2. Pomaknite se do Code Injection.
  3. Dodajte oznaku komponente u polje Footer (globalni app-loader treba biti samo u site-wide footeru).
  4. Spremite.
KomponentaHTML oznakaNamjena
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.