Gå til indhold

Ghost

Ghosts indbyggede Code Injection-funktion giver dig mulighed for at tilføje scripts til det globale <head> og </body> i din udgivelse. Alle Ghost-planer understøtter code injection, hvilket gør det nemt at integrere Wink-komponenter på enhver side eller indlæg.

  1. Gå til Settings → Code Injection i Ghost Admin-panelet.
  2. Tilføj stylesheet i boksen Site Header:
    <link rel="stylesheet" href="https://elements.wink.travel/styles.css">
  3. Tilføj script og applikationsloader i boksen Site Footer (erstat 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. Klik på Save.

Tilføj en komponent til et indlæg eller en side

Sektion kaldt “Tilføj en komponent til et indlæg eller en side”

Ghost-editoren understøtter et HTML-kort, som giver dig mulighed for at indsætte rå HTML hvor som helst i dit indhold.

  1. Åbn indlægget eller siden i Ghost-editoren.
  2. Skriv / for at åbne kortvælgeren og vælg HTML.
  3. Indsæt komponentens HTML, for eksempel:
    <wink-content-loader
    layout="HOTEL"
    id="YOUR_LAYOUT_ID"
    ></wink-content-loader>
  4. Klik uden for kortet for at forhåndsvise, og udgiv derefter.

For en komponent, der kun skal vises på én side, understøtter Ghost også per-side code injection:

  1. Åbn indstillingerne for indlægget eller siden (tandhjulsikonet i editoren).
  2. Rul ned til Code Injection.
  3. Tilføj komponent-tagget i feltet Footer (den globale app-loader skal kun være i site-wide footer).
  4. Gem.
KomponentHTML-tagFormål
Content loader<wink-content-loader>Vis hotelkort, gitter, kort
Lookup<wink-lookup>Søgefelt til destinationer
Search button<wink-search-button>Åbn rejseplanvælger
Account button<wink-account-button>Log ind / brugermenu
Itinerary button<wink-itinerary-button>Vis aktuel rejseplan
Itinerary picker<wink-itinerary-picker>Fuld rejseplansformular
Shopping cart<wink-shopping-cart-button>Oversigt over indkøbskurv

Se Web Components for den fulde attributreference.