Cheat sheet

Hoofdpagina

Banners

Banners bestaan enkel uit beelden, deze worden opgeslagen in speciale artikels waar enkel het beeld belangrijk is, de rest van de tekst wordt niet gebruikt. De banners worden in alle talen gebruikt, er is geen verschil.

Ga ernaar

In de Kijker

In de kijker bestaat uit een beeld, een introtekst en een link.
je kunt de link kopieren uit de adressenbald van de desbetreffende pagina, verwijder het eerste deel van de url tot de eerste /
bvb http://www.seastar.be/nl/contact.html wordt nl/contact.html

Ga ernaar

Agenda

De agenda komt vanuit google calendar, de volgende 3 items worden getoond. Om de multi language capaciteit aan te maken scheiden we de verschillende talen met een "pipe" teken : |
we gebruiken 3 velden : titel, plaats en beschrijving
in volgorde : Nederlands|Frans|Engels de plaats wordt gebruikt om een link in te geven, bijvoobeeld naar de infopagina van het evenement. de urls voor verschillende talen zijn ook gescheiden door het "pipe" teken.
bijvoorbeeld : http://seastarbe.webhosting.be/nl/ons-aanbod/individuele-bezoekers/10-havenrondvaart.html|http://seastarbe.webhosting.be/fr/nos-services/visiteurs-individuels/66-visite-du-port-individuel.html|http://seastarbe.webhosting.be/en/our-cruises/107-havenrondvaart.html
als je in de beschrijving een nieuwe lijn wilt gebruiken dan doe je dat met <br>

Introtekst

Introtekst

De introtekst vindt je terug onder de niet gecategoriseerde artikels, telkens met de titel introtekst en dan de taal.

 

Ga ernaar

Contactitems

Contactitems

De contactitems bewerk je niet met de editor !!! als je dat doet wordt code gewist. 

druk op Contactgegevens Seastar Rederij Nieuwpoort Diksmuide 2017 02 20 22.04.19, sluit artikel, heropen artikel zodat je niets verliest van opmaak !!

dit is de voorbeeldcode :

<a href="#" class="uk-icon-button uk-icon-button-large uk-icon-fax"> </a>
<h3>058 23 24 00</h3>

uk-icon-fax kun je vervangen door een andere tekst, zie onderaan pagina hier

de tekst tussen <h3> en </h3> kun je ook vervangen door wat je wilt.

Ga ernaar

  • Banners

    Banners bestaan enkel uit beelden, deze worden opgeslagen in speciale artikels waar enkel het beeld belangrijk is, de rest van de tekst wordt niet gebruikt. De banners worden in alle talen gebruikt, er is geen verschil.

    Ga ernaar

  • In de Kijker

    In de kijker bestaat uit een beeld, een introtekst en een link.
    je kunt de link kopieren uit de adressenbald van de desbetreffende pagina, verwijder het eerste deel van de url tot de eerste /
    bvb http://www.seastar.be/nl/contact.html wordt nl/contact.html

    Ga ernaar

  • Agenda

    De agenda komt vanuit google calendar, de volgende 3 items worden getoond. Om de multi language capaciteit aan te maken scheiden we de verschillende talen met een "pipe" teken : |
    we gebruiken 3 velden : titel, plaats en beschrijving
    in volgorde : Nederlands|Frans|Engels de plaats wordt gebruikt om een link in te geven, bijvoobeeld naar de infopagina van het evenement. de urls voor verschillende talen zijn ook gescheiden door het "pipe" teken.
    bijvoorbeeld : http://seastarbe.webhosting.be/nl/ons-aanbod/individuele-bezoekers/10-havenrondvaart.html|http://seastarbe.webhosting.be/fr/nos-services/visiteurs-individuels/66-visite-du-port-individuel.html|http://seastarbe.webhosting.be/en/our-cruises/107-havenrondvaart.html
    als je in de beschrijving een nieuwe lijn wilt gebruiken dan doe je dat met <br>

  • Introtekst

    Introtekst

    De introtekst vindt je terug onder de niet gecategoriseerde artikels, telkens met de titel introtekst en dan de taal.

     

    Ga ernaar

  • Contactitems

    Contactitems

    De contactitems bewerk je niet met de editor !!! als je dat doet wordt code gewist. 

    druk op Contactgegevens Seastar Rederij Nieuwpoort Diksmuide 2017 02 20 22.04.19, sluit artikel, heropen artikel zodat je niets verliest van opmaak !!

    dit is de voorbeeldcode :

    <a href="#" class="uk-icon-button uk-icon-button-large uk-icon-fax"> </a>
    <h3>058 23 24 00</h3>

    uk-icon-fax kun je vervangen door een andere tekst, zie onderaan pagina hier

    de tekst tussen <h3> en </h3> kun je ook vervangen door wat je wilt.

    Ga ernaar

    Kalender

    Kalender items

    Kalender items bevatten eerst 3 tekst velden : datum, begin en einde

    De introtekst wordt samengesteld uit deze drie velden.

    Daarenboven kun je in introtekst nog meer kwijt

    beschrijving is het hoofdartikel en vul je best met een verwijzing naar de beschrijving in 'ons aanbod'

    Ga ernaar

    Agenda

    De agenda komt vanuit google calendar, de volgende 10 items worden getoond. Om de multi language capaciteit aan te maken scheiden we de verschillende talen met een "pipe" teken : |
    we gebruiken 3 velden : titel, plaats en beschrijving
    in volgorde : Nederlands|Frans|Engels de plaats wordt gebruikt om een link in te geven, bijvoobeeld naar de infopagina van het evenement. de urls voor verschillende talen zijn ook gescheiden door het "pipe" teken.
    bijvoorbeeld : http://seastarbe.webhosting.be/nl/ons-aanbod/individuele-bezoekers/10-havenrondvaart.html|http://seastarbe.webhosting.be/fr/nos-services/visiteurs-individuels/66-visite-du-port-individuel.html|http://seastarbe.webhosting.be/en/our-cruises/107-havenrondvaart.html
    als je in de beschrijving een nieuwe lijn wilt gebruiken dan doe je dat met <br>

    • Kalender items

      Kalender items bevatten eerst 3 tekst velden : datum, begin en einde

      De introtekst wordt samengesteld uit deze drie velden.

      Daarenboven kun je in introtekst nog meer kwijt

      beschrijving is het hoofdartikel en vul je best met een verwijzing naar de beschrijving in 'ons aanbod'

      Ga ernaar

    • Agenda

      De agenda komt vanuit google calendar, de volgende 10 items worden getoond. Om de multi language capaciteit aan te maken scheiden we de verschillende talen met een "pipe" teken : |
      we gebruiken 3 velden : titel, plaats en beschrijving
      in volgorde : Nederlands|Frans|Engels de plaats wordt gebruikt om een link in te geven, bijvoobeeld naar de infopagina van het evenement. de urls voor verschillende talen zijn ook gescheiden door het "pipe" teken.
      bijvoorbeeld : http://seastarbe.webhosting.be/nl/ons-aanbod/individuele-bezoekers/10-havenrondvaart.html|http://seastarbe.webhosting.be/fr/nos-services/visiteurs-individuels/66-visite-du-port-individuel.html|http://seastarbe.webhosting.be/en/our-cruises/107-havenrondvaart.html
      als je in de beschrijving een nieuwe lijn wilt gebruiken dan doe je dat met <br>

      Algemene artikels

      Ons aanbod

      In ons aanbod zijn zowel de categorie en subcategorie die je kiest belangrijk als de tags die je toevoegd.

      De gekozen categorie, dat is de specifieke pagina waar je artikel in verschijnt

      De tags die je toevoegt zijn de filter items waar je op de pagina "ons aanbod" kunt op filteren.  Het voordeel van tags is dat een artikel verschillende tags kan hebben.  Een artikel kan slechts tot een categorie behoren.  Het voordeel om met categoriën te werken is dat je de volgorde van de artikels kunt beheren.

      De Schepen, Nieuws

      Deze items gebruiken dezelfde layout als ons aanbod, maar tags zijn hier niet belangrijk.

      Gedeelde info

      elk artikel bevat verschillende zaken

      introtekst en introbeeld worden gebruikt in de teasers

       

      Hoofdbeeld

      Laad een beeld op van maximum 6mb

      Het systeem vraagt om het beeld juist te snijden

      Nuttige info in de kijker

      tekst, gebruik <br> om een nieuwe lijn in te voeren, 

      hou het kort

      Hoofdtekst

      De hoofdbrok van info komt hier

      tweede kolom

      De tekst in de tweede kolom in het zwarte gedeelde

      gebruik deze plaats om tekst die in de kijker moet staan, 

      bvb lijst met beknopte info

       

      galerij

      doe hier best niet meer dan 4 beelden

       

      Kolom onderaan

      helemaal onder aan de tekst

      best gebruikt voor 'de kleine lettertjes bvb'

      Fotogalerij thumbnails

      hier kun je een grotere fotogalerij mee maken, als je klikt op de thumbnail wordt een popup geopend met het grote beeld

      • Hoofdbeeld

        Laad een beeld op van maximum 6mb

        Het systeem vraagt om het beeld juist te snijden

      • Nuttige info in de kijker

        tekst, gebruik <br> om een nieuwe lijn in te voeren, 

        hou het kort

      • Hoofdtekst

        De hoofdbrok van info komt hier

      • tweede kolom

        De tekst in de tweede kolom in het zwarte gedeelde

        gebruik deze plaats om tekst die in de kijker moet staan, 

        bvb lijst met beknopte info

         

      • galerij

        doe hier best niet meer dan 4 beelden

         

      • Kolom onderaan

        helemaal onder aan de tekst

        best gebruikt voor 'de kleine lettertjes bvb'

      • Fotogalerij thumbnails

        hier kun je een grotere fotogalerij mee maken, als je klikt op de thumbnail wordt een popup geopend met het grote beeld