©2023 netStek. Alle rechten voorbehouden.
Druk- en typfouten voorbehouden.
Dit is de meest actuele versie van het handboek. Het kan zijn dat er op jouw website nog een oudere versie van de software staat die op details afwijkt van hetgeen hier is omschreven. Aan dit handboek kunnen geen rechten worden ontleend.
Welkom bij het handboek voor netStek CMS v1.04
Doorzoek het handboek door je zoekterm te typen
Bij de meeste producten van netStek wordt netStek CMS meegeleverd. In dit document leggen we uit wat het is, wat je er mee kan en hoe jij het beheer van je website sneller, makkelijker en vooral goedkoper kunt uitvoeren dankzij netStek CMS.
netStek CMS is een softwarepakket dat bij je website wordt meegeleverd. Het softwarepakket "woont" op je webserver, in dezelfde map waar ook je website staat. Je hoeft het dus niet te downloaden of te installeren op je computer, maar benadert het met een speciale link (zie: Inloggen verderop).
Je gebruikt netStek CMS voor het beheren van teksten en afbeeldingen op je website. Ook kun je netStek CMS gebruiken om een blog op je website te beheren.
Naast (of in de plaats van) netStek CMS, is misschien (ook) netStek WebEditor inbegrepen bij jouw website. Wat is het verschil en wanneer gebruik je nu de één of de ander?
Kortgezegd:
CMS:
Bij het bouwen van jouw site hebben wij bewerkbare blokken voor je vastgelegd die we Tekstblokken noemen. De inhoud van zo'n blok kun je zelf aanpassen. Delen van de site die niet in zo'n blok zijn geplaatst, kun je dus ook niet zelf aanpassen. Dat is dan met een goede reden gedaan, bijvoorbeeld omdat je anders de structuur van de site zou kunnen beschadigen. Ook het menu van je website kun je niet zelf aanpassen.
"Tekstblok" is eigenlijk een verkeerde naam. Een tekstblok kan (naast tekst) namelijk ook een afbeelding, video, animatie, tabel of programmacode bevatten. Of een willekeurige combinatie van die elementen. Sterker nog - een pagina kan, in bepaalde gevallen, uit één groot tekstblok bestaan (menubalk en wat noodzakelijke technische elementen daargelaten).
Alle tekstblokken die we op jouw site hebben ingebouwd, zijn inzichtelijk in netStek CMS. Voor de overzichtelijkheid hebben we ze geplaatst onder kopjes met dezelfde naam als de pagina's op je website:
Door een tekstblok te openen, zie je aan de tekst of de afbeelding direct om welk deel van de site het gaat.
Inloggen in netStek CMS doe je als volgt:
Vul de gebruikersnaam en wachtwoord in (zie stap 4) en klik op Inloggen.
netStek CMS wordt gestart en je komt uit op het Tekstblokken-scherm.
Het is in de huidige versie van netStek CMS niet mogelijk om zelf je wachtwoord aan te passen. Wij kunnen dat echter wel voor je doen.
Dien daarvoor een supportticket in via onderstaande link en vergeet niet het contractnummer en het e-mailadres dat bij ons bekend is in te vullen. Het kan zijn dat iemand van netStek contact met je opneemt als er twijfel is over de echtheid van het verzoek; we willen immers niet dat kwaadwillenden toegang krijgen en je site kunnen beschadigen.
Je ontvangt het nieuwe wachtwoord zo snel mogelijk en per e-mail.
Het hoofdscherm van netStek CMS bestaat (sinds versie 3) uit drie tabbladen: Tekstblokken, Variabelen en Blog. Je kiest het gewenste tabblad met de balk bovenin het scherm:
Zoals je ziet, hebben we de knop voor het Blog-tabblad een afwijkend kleurtje gegeven. De knoppen voor het beheer van de inhoud van je site zijn duidelijk te herkennen aan de blauwe kleur.
Helemaal rechts zie je nog het Hulpcentrum. Dit is een menu waarin je onder andere dit handboek terugvindt en een supportticket kunt aanleggen.
netStek CMS start altijd in het Tekstblokken-scherm.
Bij het bouwen van jouw site hebben wij bewerkbare blokken voor je vastgelegd die we Tekstblokken noemen. De inhoud van zo'n blok kun je zelf aanpassen. Delen van de site die niet in zo'n blok zijn geplaatst, kun je dus ook niet zelf aanpassen. Dat is dan met een goede reden gedaan, bijvoorbeeld omdat je anders de structuur van de site zou kunnen beschadigen. Ook het menu van je website kun je niet zelf aanpassen.
"Tekstblok" is eigenlijk een verkeerde naam. Een tekstblok kan (naast tekst) namelijk ook een afbeelding, video, animatie, tabel of programmacode bevatten. Of een willekeurige combinatie van die elementen. Sterker nog - een pagina kan, in bepaalde gevallen, uit één groot tekstblok bestaan (menubalk en wat noodzakelijke technische elementen daargelaten).
Alle tekstblokken die we op jouw site hebben ingebouwd, zijn inzichtelijk in netStek CMS. Voor de overzichtelijkheid hebben we ze geplaatst onder kopjes met dezelfde naam als de pagina's op je website:
Door op het tabblad Tekstblokken te klikken, kom je op het tekstblokkenscherm (NB: na het inloggen in netStek CMS kom je ook op dit scherm terecht).
Dat scherm ziet er als volgt uit:
Het scherm bestaat uit drie onderdelen:
A Overzicht bestaande tekstblokken
B Knop om een bestaand tekstblok te bewerken
C Log jezelf uit
Waartoe dienen de kolommen Stack en Delete?
De kolommen Stack en Delete zijn alleen bedoeld voor intern gebruik door medewerkers van netStek. Als je ons vraagt om je ergens mee te helpen, dan kan het noodzakelijk zijn dat een medewerker van netStek inlogt op jouw netStek CMS-omgeving.
In die twee kolommen verschijnen dan knoppen die wij nodig hebben om nieuwe tekstblokken te integreren in je website of om een tekstblok te verwijderen als er een vervangend tekstblok voor in de plaats is aangelegd.
Om te voorkomen dat jij per ongeluk op zo'n knop klikt, zijn die knoppen voor jou verborgen. De kolommen hebben we laten staan om de opmaak van het Tekstblokken-tabblad niet te laten verspringen als wij inloggen.
Bij oplevering van je site zijn de tekstblokken gevuld met opvullende dummyinhoud. Door die tekstblokken te bewerken, kun je die tijdelijke inhoud vervangen door je eigen teksten, afbeeldingen, tabellen, links en video's.
Klik in het Tekstblokken-scherm op de bewerken-knop achter het tekstblok dat je wil bewerken:
Het volgende scherm verschijnt:
Het scherm bestaat uit acht onderdelen:
A Tekstblok aan/uit
Met deze schakelaar zet je met één klik een tekstblok aan- of uit.
Een uitgeschakeld tekstblok is onzichtbaar voor de bezoekers van je site.
Het tekstblok bestaat echter nog wel en kan op ieder gewenst moment weer aangezet worden.
Zeer geschikt voor meldingen van terugkerende maar tijdelijke aard.
B Naam
De naam van je tekstblok.
Deze naam is alleen voor jouw eigen overzicht en verschijnt alleen op het tekstblokken-scherm in netStek CMS (kolom "Embed").
De naam is dus niet zichtbaar voor de bezoekers van je site.
Wij hebben het tekstblok al een naam gegeven tijdens de bouw van je site, maar als je dat wil, kun je hier een naam typen die je beter vindt passen.
Dit veld heeft geen invloed op de weergave van het tekstblok voor je bezoekers.
C Page
Om het voor jou overzichtelijk te maken, categoriseren wij de tekstblokken per pagina in dit overzicht.
Je kunt het tekstblok zelf onder een andere categorie hangen als je dat prettig vindt.
Dit veld heeft geen invloed op de weergave van het tekstblok voor je bezoekers.
D Bestandsnaam
Onder deze naam wordt je tekstblok opgeslagen op de server.
Dit is van belang voor ondersteuning door netStek.
Dit veld heeft geen invloed op de weergave van het tekstblok voor je bezoekers.
E Inhoud
De eigenlijke inhoud van het tekstblok.
Dit is was je bezoekers zien op jouw website.
Het volgende kopje legt uit wat er mogelijk is binnen dit veld.
F Annuleren-knop
Heb je je bedacht? Met deze knop breek je het aanpassen van een nieuw tekstblok af.
Er wordt niets opgeslagen.
G Opslaan-knop
Slaat je wijzigingen op.
H Uitloggen
Log jezelf uit.
Eenmaal aan het bewerken geslagen, heb je de beschikking over diverse functies in de knoppenbalk van de editor.
Dikgedrukt
Maakt geselecteerde tekst dik gedrukt.
Schuingedrukt
Maakt geselecteerde tekst schuin gedrukt.
Doorgehaald
Maakt geselecteerde tekst doorgehaald.
Koptekst
Maakt de geselecteerde tekst op als koptekst.
Steeds als je op de knop klikt, wordt een kleinere maat koptekst geselecteerd.
Citaat (quote)
Maakt de geselecteerde tekst op als citaat.
Tekst met deze opmaak valt op tussen de andere tekst door een afwijkend lettertype en een grijs vlak op de kantlijn. Deze functie wordt gebruikt om (bijvoorbeeld) klanten te citeren of ter decoratie bij interviews.
Ongenummerde lijst
Maakt de geselecteerde tekst op als ongenummerde lijst, dus met bolletjes vóór ieder punt in de lijst.
Genummerde lijst
Maakt de geselecteerde tekst op als genummerde lijst, dus met volgnummers vóór de punten in de lijst.
Tabel
Voegt een tabel in op de plek van de cursor.
Afbeelding invoegen
Opent een bestandskiezer waarmee een afbeelding van de computer, smartphone of tablet kan worden geplakt in de tekst.
Opmerking: op een computer (Mac/Windows) kan een afbeelding ook van uit een venster naar de editor worden gesleept.
YouTube-video invoegen
Opent een hulpvenster waarmee een YouTube-video kan worden ingevoegd op de plek van de cursor.
Vimeo-video invoegen
Opent een hulpvenster waarmee een Vimeo-video kan worden ingevoegd op de plek van de cursor.
Afbeelding vanaf het web invoegen
Opent een hulpvenster waarmee een afbeelding vanaf een andere website kan worden ingevoegd op de plek van de cursor.
Link invoegen
Opent een hulpvenster waarmee een link naar een andere site (of een bestand op een andere site) kan worden ingevoegd op de plek van de cursor.
Code-opmaak
Maakt de geselecteerde tekst op als code en zorgt ervoor dat deze code niet als code wordt geïnterpreteerd door de browser. Werkt onder andere met HTML, JavaScript en CSS.
Horizontale regel
Voegt een horizontale regel (of: scheidingslijn) in op de plek van de cursor.
Ongedaan maken
Maakt de laatste handeling ongedaan en herstelt de situatie zoals die was vóór die laatste handeling werd uitgevoerd.
Opnieuw uitvoeren
Een stap teveel "ongedaan" gemaakt met de knop hierboven? Met de knop Opnieuw uitvoeren herstel je het ongedaan maken.
Voorbeeld weergeven
Toont een voorbeeld van hoe het tekstblok eruit zou zien als je het nu opslaat en op de site zou bekijken.
Let op: de voorbeeldfunctie houdt geen rekening met eventuele achtergrondkleuren of afwijkende opmaak zoals die op de website is ingeregeld op de plek waar het tekstblok geplaatst is.
Naast-elkaar-weergave
Toont standaard een voorbeeldvenster naast het invoervenster, waardoor je meteen ziet hoe je opmaak er uit komt te zien. Kan traag werken op langzamere computers.
Schermvullende weergave
Het scherm van je computer, smartphone of tablet wordt geheel gebruik voor de editor.
Markdown-guide
De website van Markdown wordt geopend in een nieuw venster. Hier kun je tips en truuks leren over deze opmaaktaal. Engelstalig.
Overzicht van sneltoetsen
Opent in een zwevend venster. Engelstalig.
In de tekstblokken en blogposts binnen netStek CMS kun je op verschillende manieren afbeeldingen toevoegen.
Afbeelding vanaf je eigen computer, tablet of smartphone toevoegen
Werk je op een computer (Mac of Windows)? Dan volstaat het om een afbeelding uit de Verkenner (Finder op een Mac) te slepen naar het Editor-scherm van netStek CMS. Zodra je loslaat, wordt de gesleepte afbeelding gekopiëerd naar de NetStek CMS-map op je webserver. Tevens verschijnt er een code in je tekst die ervoor zorgt dat de afbeelding die je hebt gesleept op die plek in de tekst wordt getoond aan de bezoeker. Let op: jij ziet dus alleen de code met een verwijzing, maar de bezoeker ziet op die plek een afbeelding.
Je kunt ook de volgende stappen uitvoeren:
Stap 1: Klik op de knop Afbeelding invoegen
Afbeelding invoegen
Opent een bestandskiezer waarmee een afbeelding van de computer, smartphone of tablet kan worden geplakt in de tekst.
Stap 2: netStek CMS opent een venster waarmee je je afbeelding kunt kiezen op je apparaat
Stap 3: Klik op [OK]
Afbeelding vanaf het web invoegen
Stap 1: Klik op de knop Afbeelding vanaf het web invoegen
Afbeelding vanaf het web invoegen
Opent een hulpvenster waarmee een afbeelding vanaf een andere website kan worden ingevoegd op de plek van de cursor.
Stap 2: netStek CMS toont dit venster:
Stap 3: Typ of plak de URL (het adres) van de afbeelding die je wil invoegen
Stap 4: Klik op [OK]
De afbeelding wordt nu toegevoegd als link.
Let op: als de afbeelding op de oorspronkelijke website verdwijnt of wordt aangepast, dan is dat ook op jouw website zichtbaar.
Auteursrecht op afbeeldingen van andere websites
Zorg ervoor dat je toestemming van de rechthebbende hebt om de afbeelding op deze wijze over te nemen van de oorspronkelijke website. In onze Algemene Voorwaarden kun je teruglezen dat het overnemen van afbeeldingen zonder toestemming van de rechthebbende niet is toegestaan.
Het zonder toestemming overnemen van auteursrechtelijk beschermd materiaal is niet alleen volgens onze Algemene Voorwaarden niet toegestaan, het is ook bij wet verboden. Juridische actie van een rechthebbende tegen jou kan kan er toe leiden dat netStek, op gerechtelijk bevel, verplicht is om je website uit de lucht te halen en/of je persoonsgegevens aan de rechthebbende te verstrekken.
Pas hier dus mee op.
Inhoud die periodiek moet worden aangepast, maar op meerdere plekken op je site voorkomt, is erg lastig om goed te beheren. Je ziet al snel iets over het hoofd. Daardoor toont je website tegenstrijdige informatie en worden je bezoekers in verwarring gebracht.
Door dat soort inhoud als een variabele op de website te plaatsen, zorg je er voor dat je nooit meer een pagina of alinea vergeet aan te passen.
Een variabele is een "plaatsvervangende tekst"; zeg maar een kenwoord dat we voor alle duidelijkheid ook nog eens omringen met dubbele accolades.
We noemen dat een tag: zo zie je meteen dat iets zo'n variabele is. Op de afbeelding hieronder zijn drie tags zichtbaar: {{geldigheidsdatum}}, {{bonusartikel}} en {{kado01}}
In het Variabelen-scherm van netStek CMS stel je in wat de waarden zijn van iedere variabele; netStek CMS zorgt er bij het tonen van de website aan je bezoekers voor dat al die tags worden vervangen door de juiste tekst. Je bezoeker merkt er dus niets van.
Een variabele kan ook worden gebruikt om een afbeelding in vast te leggen. Die afbeelding verschijnt dan overal waar die variabele wordt geplaatst op je website. Dat kan (in de meeste gevallen) bijvoorbeeld ook een achtergrondafbeelding zijn.
De variabele met een afbeelding nemen we op in de tekst met de knop:
Afbeelding vanaf het web invoegen
Opent een hulpvenster waarmee een afbeelding vanaf een andere website kan worden ingevoegd op de plek van de cursor.
Het eindresultaat:
Samenvattend:
Door op het tabblad Variabelen te klikken, kom je op het variabelenscherm.
Dat scherm ziet er als volgt uit:
Het scherm bestaat uit zeven onderdelen:
A Overzicht bestaande variabelen
B Knop om een nieuwe variabele aan te maken
C De tag van de variabele (om op te nemen in je website)
D Knop om de tag van de variabele naar het klembord van je apparaat te kopiëren
E Knop om een bestaande variabele te bewerken
F Knop om een bestaand tekstblok te wissen
G Log jezelf uit
Let op: wis je een variabele? Wees je er dan van bewust dat op alle plekken op je site waar de tag van die variabele was geplaatst, opeens de tag zichtbaar wordt voor je bezoekers (in plaats van de tekst of afbeelding).
Voor variabelen die door netStek zijn ingebouwd in je website, kan dit tot foutmeldingen leiden die mogelijk alleen door netStek kunnen worden opgelost. Hieraan kunnen kosten verbonden zijn.
Een gewiste variabele kun je niet meer terughalen!
Een tekstvariabele aanleggen is heel eenvoudig.
Stap 1: in het tabblad Variabelen van netStek CMS, klik je op +Nieuwe variabele toevoegen
Stap 2: onderstaand scherm verschijnt:
Vul de volgende velden in
A Naam
Vul een naam in waaraan jij de variabele makkelijk kan herkennen. Bijvoorbeeld: Tekst vakantiesluiting
B Tag
Vul de tagnaam in die je wil gebruiken. Let op: de accolades hoef je niet te typen, dat doet netStek CMS automatisch Bijvoorbeeld: vakantiesluiting
C Type variabele
Kies welke inhoud je variabele gaat krijgen: tekst of afbeelding. Wij leggen nu een tekstvariabele aan, dus kies voor "tekst"
D Waar dient deze variabele voor?
Omschrijf kort waar je deze variabele voor gebruikt. Dit is voor je eigen administratie. Bijvoorbeeld: tekst vakantiesluiting voorpagina en contactformulier
E Tekst
Typ hier de tekst in die overal op je site in plaats van de tag moet verschijnen. Bijvoorbeeld: De Dekbed Dump is wegens vakantie gesloten van 1 tot en met 15 augustus
F Pagina
Kies een pagina uit de lijst waarop de variabele zichtbaar is. Let op: dit is alleen voor je eigen gemak;
de variabele wordt op het tabblad Variabelen gegroepeerd onder de pagina die je hier kiest.
Het heeft geen verdere gevolgen voor de werking van de variabele.
G Notities
Voor je eigen administratie
Stap 3: sla je variabele op met de knop:
H Opslaan
Sla je variabele op
Je variabele is nu klaar voor gebruik (zie volgend hoofdstuk)
Een afbeeldingsvariabele aanleggen is net zo eenvoudig.
Stap 1: in het tabblad Variabelen van netStek CMS, klik je op +Nieuwe variabele toevoegen
Stap 2: onderstaand scherm verschijnt:
Vul de volgende velden in
A Naam
Vul een naam in waaraan jij de variabele makkelijk kan herkennen. Bijvoorbeeld: Tekst vakantiesluiting
B Tag
Vul de tagnaam in die je wil gebruiken. Let op: de accolades hoef je niet te typen, dat doet netStek CMS automatisch Bijvoorbeeld: afbeelding vakantiesluiting
C Type variabele
Kies welke inhoud je variabele gaat krijgen: tekst of afbeelding. Wij leggen nu een afbeeldingsvariabele aan, dus kies voor "afbeelding"
Het scherm verandert nu van opmaak en ziet er nu zo uit:
D Waar dient deze variabele voor?
Omschrijf kort waar je deze variabele voor gebruikt. Dit is voor je eigen administratie. Bijvoorbeeld: tekst vakantiesluiting voorpagina en contactformulier
E Kies een bestand…
klik op deze knop om een afbeelding te kiezen van je apparaat.
Een eenmaal aangelegde variabele is eenvoudig te plaatsen.
Stap 1: in het tabblad Variabelen van netStek CMS, klik je op de knop Tag kopiëren (aangegeven met D op onderstaande afbeelding)
Navigeer naar het tekstblok waar je de tag in wil plakken en plak daar de tag in.
Een eenmaal aangelegde variabele is eenvoudig te plaatsen.
Stap 1: in het tabblad Variabelen van netStek CMS, klik je op de knop Tag kopiëren (aangegeven met D op onderstaande afbeelding)
Stap 2: Navigeer naar het tekstblok waar je de tag in wil plakken en klik op de knop Afbeelding vanaf het web invoegen (A)
netStek CMS toont een melding en vraagt om de URL van de afbeelding:
> NB: het uiterlijk van dit venster verschilt per browser en kan er dus anders uitzien op jouw apparaat. De werking blijft echter gelijk.
Stap 3: Verwijder de tekst "https://" en plak de eerder gekopiëerde tag op die plek.
Stap 4: Klik op [OK]
De tag voor jouw afbeeldingsvariabele is nu opgenomen in het tekstblok.
Variabelen met tekst1 zijn ook te gebruiken op pagina's die je met netStek WebEditor bewerkt.
Let op: een alinea, titel, header of andere tekst die tijdens de bouw van de website is gedefinieerd als een netStek CMS tekstblok, kan niet met WebEditor worden bewerkt.2
Stap 1: in het tabblad Variabelen van netStek CMS, klik je op de knop Tag kopiëren (aangegeven met D op onderstaande afbeelding)
Stap 2: Open je browser
Stap 3: Navigeer naar de pagina waar je de tag in wil plakken
Stap 4: Log in in netStek WebEditor2
Stap 5: Plak de tag uit je klembord op de plek waar je de variabele wil weergeven. In het voorbeeld op het plaatje hebben we twee variabelen geplakt: een kop en een korte alinea.
Stap 6: Door de opmaak van de tag aan te passen in NetStek WebEditor, zorg je er ook voor dat de tekst in je variabele die opmaak krijgt.2 Dit hebben we in het voorbeeld op het plaatje hieronder gedaan met de koptekst van de alinea.
Stap 7: Sla op met de knop met het groene vinkje (A)
De wijzigingen zijn meteen zichtbaar voor de bezoekers van je website.
Tip: vergeet niet uit te loggen uit netStek WebEditor!
Echt nuttig worden variabelen pas als je ze gaat bewerken. Als toverkunst worden overal op je site teksten aangepast zodra je op [Opslaan] klikt! Dat scheelt niet alleen een hoo pzoek- en vervang werk, maar voorkomt ook dat je iets over het hoofd ziet.
Bewerken doe je als volgt:
Stap 1: in het tabblad Variabelen van netStek CMS, klik je op de knop Variabele bewerken (aangegeven met E op onderstaande afbeelding)
Als de variabele van het type tekst is, dan verschijnt het volgende scherm:
Het scherm bestaat uit zes onderdelen:
A Titel van de variabele
Voor je eigen administratie
Let op: de tag wordt ook getoond in dit scherm, maar kan niet meer aangepast worden.
Als het, om welke reden dan ook, toch wenselijk is dat de tag wordt aangepast, dien dan een supportticket in.
B Huidige inhoud van de variabele
Dit wordt aan je bezoekers getoond op alle plekken in je website waar de tag van deze variabele is geplaatst
C Pagina
Sorteert deze variabele onder de aangegeven pagina in het Variabelen-scherm
Voor je eigen administratie; dit veld heeft geen invloed op de werking van de variabele
D Notities
Voor je eigen administratie
E Knop om je wijziging(en) op te slaan
De wijzigingen zijn meteen zichtbaar voor de bezoekers van je website.
F Log jezelf uit
Als de variabele van het type afbeelding is, dan verschijnt het volgende scherm:
Het scherm bestaat uit zeven onderdelen:
A Titel van de variabele
Voor je eigen administratie
Let op: de tag wordt ook getoond in dit scherm, maar kan niet meer aangepast worden.
Als het, om welke reden dan ook, toch wenselijk is dat de tag wordt aangepast, dien dan een supportticket in.
B Huidige inhoud van de variabele
Dit wordt aan je bezoekers getoond op alle plekken in je website waar de tag van deze variabele is geplaatst
C Kies een bestand…
Opent een venster (computer) of app (smartphone/tablet) waarmee je een nieuwe foto kunt kiezen
D Pagina
Sorteert deze variabele onder de aangegeven pagina in het Variabelen-scherm
Voor je eigen administratie; dit veld heeft geen invloed op de werking van de variabele
E Notities
Voor je eigen administratie
F Knop om je wijziging(en) op te slaan
De wijzigingen zijn meteen zichtbaar voor de bezoekers van je website.
G Log jezelf uit
Een blog is zoiets als een online dagboek, maar dan openbaar. Iedereen kan dus lezen wat je er in schrijft.
In een blog plaats je regelmatig berichten. Anderen kunnen die berichten lezen en, indien jij dat toelaat, er op reageren. Een bericht hoeft niet alleen uit tekst te bestaan. Ook afbeeldingen en video's behoren tot de mogelijkheden.
Zakelijk worden blogs vooral gebruikt om de klantenbinding te bevorderen. De klant leest over het reilen en zeilen van het bedrijf en krijgt ook nieuws over nieuwe producten en diensten mee. Een zakelijk blog is daarmee een kruisbestuiving tussen communicatie, marketing en service.
Voor particulieren kan een blog een interessante manier zijn om jezelf te uiten. Laat familie en vrienden weten wat er in je leven speelt, zonder daarbij meteen je hele hebben-en-houden aan Facebook of Google te geven.
Voor zowel zakelijke als particuliere blogs geldt dat het aantal berichten alleen gelimiteerd is door de opslagruimte van je webserver. Lezers kunnen zich abonneren op je blog en krijgen dan middels een zogenaamde RSS-feed een bericht als er een nieuw post klaar staat.
Heb ik ook een blog?
Iedereen die bij netStek een product afneemt waar netStek CMS bij wordt meegeleverd, beschikt automatisch over een blog. Het kan echter zijn dat je in het webontwerp geen plek hebt gereserveerd om het blog te tonen; in dat geval zal er een pagina moeten worden toegevoegd om de blogberichten op te tonen. Dien daarvoor een supporticket in. Er kunnen kosten verbonden zijn aan het aanpassen van je site door netStek.
Heb je in de ontwerpfase wel een pagina gereserveerd voor een blog, dan verschijnen berichten die je plaatst automatisch op die pagina.
Door op het tabblad Blog te klikken, kom je op het blogscherm terecht.
Dat scherm ziet er als volgt uit:
Het scherm bestaat uit negen onderdelen:
A Overzicht van alle blogberichten in concept
Een blogbericht is in concept tot het wordt gepubliceerd (of klaargezet voor toekomstige publicatie; zie hieronder).
Een concept-blogbericht is alleen voor jou zichtbaar, niet voor je bezoekers.
Je kunt dus de tijd nemen om het bericht helemaal naar je wens te maken alvorens je het publiceert.
B Overzicht van geplande, toekomstige blogberichten
Bij het aanmaken van een nieuw blogbericht wordt ook een datum gevraagd.
Als je daar een datum in de toekomst invult, dan komt je blogbericht onder Toekomstig terecht in het overzicht.
Als de datum (en tijdstip!) van plaatsing is aangebroken, wordt het bericht automatisch gepubliceerd.
Het bericht wordt in dit scherm dan ook automatisch verplaatst naar Gepubliceerd
Je kunt dus berichten klaarzetten voor de toekomst.
C Overzicht van alle op dit moment gepubliceerde blogberichten
Gepubliceerde berichten kun je ook na publicatie nog aanpassen of verwijderen.
D Knop om een nieuwe blogpost aan te maken
E Datums van de blogberichten
Bij het aanmaken van een nieuw blogbericht wordt ook een datum gevraagd.
Als een datum in de toekomst ligt, wordt het betreffende bericht automatisch naar Toekomstig verplaatst
F Gepubliceerd blogbericht bekijken op de blogpagina
Je blog op de blogpagina van je site wordt geopend en het aangeklikte bericht wordt getoond.
Je ziet nu dus wat de bezoekers van je website/blog ook zien.
G Blogbericht bewerken
H Blogbericht wissen
Een gewist blogbericht kun je niet meer terughalen!
Wil je een bericht snel van je site verwijderen maar misschien later toch terugplaatsen? Kies er dan voor om het bericht om te zetten naar concept. Lees hier meer over onder het kopje Bestaand blogbericht bewerken
I Log jezelf uit
Een blogpost leg je als volgt aan:
Stap 1: Open netStek CMS en klik op het tabblad Blog
Stap 2: klik op de knop [+ nieuwe blogpost] ((D) op het plaatje hieronder)
Het volgende scherm verschijnt:
Het scherm bestaat uit elf onderdelen:
A Schakelaar concept/gepubliceerd
Een blogbericht is in concept tot het wordt gepubliceerd (of klaargezet voor toekomstige publicatie; zie F hieronder).
Een concept-blogbericht is alleen voor jou zichtbaar, niet voor je bezoekers.
Je kunt dus de tijd nemen om het bericht helemaal naar je wens te maken alvorens je het publiceert.
B Titel van je blogpost
Ook zichtbaar voor je bezoekers
C inhoud van je bericht
In het lichtgrijze vlak zie je meteen je bericht inclusief opmaak.
Zie ook Opmaaktools verderop
D Afbeelding voor je blikvanger selecteren
E Omschrijving van je blikvanger voor slechtzienden
Korte, tekstuele samenvatting van wat er op je blikvanger te zien is.
Niet alleen voor slechtzienden, ook Google (en andere zoekmachines) halen hier informatie uit.
F Datum/tijdstip publicatie
Wordt getoond aan de lezer van je blogpost.
Als je hier een datum/tijd invult die in de toekomst ligt, dan wordt het bericht geparkeerd onder Toekomstig (in het Blogscherm totdat de datum/tijd zijn aangebroken.
Dan wordt het bericht automatisch gepubliceerd en in het Blogscherm van Toekomstig naar Gepubliceerd verplaatst
Als je hier een datum/tijd invult die in het verleden ligt, dan wordt het bericht tussen de berichten gezet die in die tijd zijn gepubliceerd.
G Auteur
De naam van de persoon die dit blogbericht schrijft. Vooral handig bij zakelijke blogs waar meerdere mensen het blog vullen met blogposts.
Dit veld kan op verzoek worden verwijderd door netStek en is dus mogelijk niet in jouw CMS aanwezig.
H Categorie
Stelt je in staat om je blogposts in categorieën onder te verdelen.
De bezoeker van je blog kan je berichten op categorie sorteren om berichten binnen zijn interesse te vinden.
Dit veld kan op verzoek worden verwijderd door netStek en is dus mogelijk niet in jouw CMS aanwezig
I Tags
Geef trefwoorden op die met je blogbericht te maken hebben.
De bezoeker van je blog kan op een trefwoord klikken om soortgelijke berichten te vinden.
Niet te verwarren met de term "Tags" uit deVariabelen-functionaliteit uit netStek CMS
Dit veld kan op verzoek worden verwijderd door netStek en is dus mogelijk niet in jouw CMS aanwezig
J Sla je blogbericht op
Afhankelijk van de status van de schakelaar Concept/Gepubliceerd (A) en of de datum/tijd in (F) wel of niet in de toekomst ligt, wordt je bericht wel of niet meteen gepubliceerd en dus zichtbaar voor de bezoekers van je website.
K Log jezelf uit
Eenmaal aan het bewerken geslagen, heb je de beschikking over diverse functies in de knoppenbalk van de editor.
Dikgedrukt
Maakt geselecteerde tekst dik gedrukt.
Schuingedrukt
Maakt geselecteerde tekst schuin gedrukt.
Doorgehaald
Maakt geselecteerde tekst doorgehaald.
Koptekst
Maakt de geselecteerde tekst op als koptekst.
Steeds als je op de knop klikt, wordt een kleinere maat koptekst geselecteerd.
Citaat (quote)
Maakt de geselecteerde tekst op als citaat.
Tekst met deze opmaak valt op tussen de andere tekst door een afwijkend lettertype en een grijs vlak op de kantlijn. Deze functie wordt gebruikt om (bijvoorbeeld) klanten te citeren of ter decoratie bij interviews.
Ongenummerde lijst
Maakt de geselecteerde tekst op als ongenummerde lijst, dus met bolletjes vóór ieder punt in de lijst.
Genummerde lijst
Maakt de geselecteerde tekst op als genummerde lijst, dus met volgnummers vóór de punten in de lijst.
Tabel
Voegt een tabel in op de plek van de cursor.
Afbeelding invoegen
Opent een bestandskiezer waarmee een afbeelding van de computer, smartphone of tablet kan worden geplakt in de tekst.
Opmerking: op een computer (Mac/Windows) kan een afbeelding ook van uit een venster naar de editor worden gesleept.
YouTube-video invoegen
Opent een hulpvenster waarmee een YouTube-video kan worden ingevoegd op de plek van de cursor.
Vimeo-video invoegen
Opent een hulpvenster waarmee een Vimeo-video kan worden ingevoegd op de plek van de cursor.
Afbeelding vanaf het web invoegen
Opent een hulpvenster waarmee een afbeelding vanaf een andere website kan worden ingevoegd op de plek van de cursor.
Link invoegen
Opent een hulpvenster waarmee een link naar een andere site (of een bestand op een andere site) kan worden ingevoegd op de plek van de cursor.
Code-opmaak
Maakt de geselecteerde tekst op als code en zorgt ervoor dat deze code niet als code wordt geïnterpreteerd door de browser. Werkt onder andere met HTML, JavaScript en CSS.
Horizontale regel
Voegt een horizontale regel (of: scheidingslijn) in op de plek van de cursor.
Ongedaan maken
Maakt de laatste handeling ongedaan en herstelt de situatie zoals die was vóór die laatste handeling werd uitgevoerd.
Opnieuw uitvoeren
Een stap teveel "ongedaan" gemaakt met de knop hierboven? Met de knop Opnieuw uitvoeren herstel je het ongedaan maken.
Voorbeeld weergeven
Toont een voorbeeld van hoe het tekstblok eruit zou zien als je het nu opslaat en op de site zou bekijken.
Let op: de voorbeeldfunctie houdt geen rekening met eventuele achtergrondkleuren of afwijkende opmaak zoals die op de website is ingeregeld op de plek waar het tekstblok geplaatst is.
Naast-elkaar-weergave
Toont standaard een voorbeeldvenster naast het invoervenster, waardoor je meteen ziet hoe je opmaak er uit komt te zien. Kan traag werken op langzamere computers.
Schermvullende weergave
Het scherm van je computer, smartphone of tablet wordt geheel gebruik voor de editor.
Markdown-guide
De website van Markdown wordt geopend in een nieuw venster. Hier kun je tips en truuks leren over deze opmaaktaal. Engelstalig.
Overzicht van sneltoetsen
Opent in een zwevend venster. Engelstalig.
Concept-status
Een blogbericht is in concept tot het wordt gepubliceerd (of klaargezet voor toekomstige publicatie; zie hieronder).
Een concept-blogbericht is alleen voor jou zichtbaar, niet voor je bezoekers.
Je kunt dus de tijd nemen om het bericht helemaal naar je wens te maken alvorens je het publiceert.
Toekomstig-status
Indien een bericht een publicatiedatum in de toekomst heeft, is het bericht pas op die datum+tijd zichtbaar in het blog. Je kunt dus berichten "vooruit plannen".
Een bericht wordt automatisch van Toekomstig naar Gepubliceerd verplaatst als de datum+tijd verstreken zijn.
Gepubliceerd-status
Dit bericht is op dit moment zichtbaar voor je bezoekers.
Of de status nu concept, toekomstig of gepubliceerd is: een blogpost kun je altijd bewerken.
Navigeer daarvoor naar het tabblad Blog in netStek CMS en klik op de Edit-knop (G) achter het bericht dat je wil bewerken:
Het volgende scherm verschijnt:
Het scherm bestaat uit twaalf onderdelen:
A Schakelaar concept/gepubliceerd
Een blogbericht is in concept tot het wordt gepubliceerd (of klaargezet voor toekomstige publicatie; zie F hieronder).
Een concept-blogbericht is alleen voor jou zichtbaar, niet voor je bezoekers.
Je kunt dus de tijd nemen om het bericht helemaal naar je wens te maken alvorens je het publiceert.
B Titel van je blogpost
Ook zichtbaar voor je bezoekers
C Custom slug
Een toevoeging op het adres van je blog, waardoor bezoekerrs rechtstreeks naar een blogpost kunnen linken.
In dit voorbeeld is de Custom slug "citroën-2cv", waardoor het adres van deze blogpost bijvoorbeeld www.website.nl/blog/citroën-2cv zou zijn.
De custom slug kan niet worden aangepast en wordt gebaseerd op de titel van het blogbericht.
D inhoud van je bericht
In het lichtgrijze vlak zie je meteen je bericht inclusief opmaak.
Zie ook Opmaaktools verderop
E Afbeelding voor je blikvanger selecteren
F Omschrijving van je blikvanger voor slechtzienden
Korte, tekstuele samenvatting van wat er op je blikvanger te zien is.
Niet alleen voor slechtzienden, ook Google (en andere zoekmachines) halen hier informatie uit.
G Datum/tijdstip publicatie
Wordt getoond aan de lezer van je blogpost.
Als je hier een datum/tijd invult die in de toekomst ligt, dan wordt het bericht geparkeerd onder Toekomstig (in het Blogscherm totdat de datum/tijd zijn aangebroken.
Dan wordt het bericht automatisch gepubliceerd en in het Blogscherm van Toekomstig naar Gepubliceerd verplaatst
Als je hier een datum/tijd invult die in het verleden ligt, dan wordt het bericht tussen de berichten gezet die in die tijd zijn gepubliceerd.
H Auteur
De naam van de persoon die dit blogbericht schrijft. Vooral handig bij zakelijke blogs waar meerdere mensen het blog vullen met blogposts.
Dit veld kan op verzoek worden verwijderd door netStek en is dus mogelijk niet in jouw CMS aanwezig.
I Categorie
Stelt je in staat om je blogposts in categorieën onder te verdelen.
De bezoeker van je blog kan je berichten op categorie sorteren om berichten binnen zijn interesse te vinden.
Dit veld kan op verzoek worden verwijderd door netStek en is dus mogelijk niet in jouw CMS aanwezig
J Tags
Geen trefwoorden op die met je blogbericht te maken hebben.
De bezoeker van je blog kan op een trefwoord klikken om soortgelijke berichten te vinden.
Niet te verwarren met de Tags uit deVariabelen-functionaliteit uit netStek CMS
Dit veld kan op verzoek worden verwijderd door netStek en is dus mogelijk niet in jouw CMS aanwezig
K Sla je blogbericht op
Afhankelijk van de status van de schakelaar Concept/Gepubliceerd (A) en of de datum/tijd in (F) wel of niet in de toekomst ligt, wordt je bericht wel of niet meteen gepubliceerd en dus zichtbaar voor de bezoekers van je website.
L Log jezelf uit
Eenmaal aan het bewerken geslagen, heb je de beschikking over diverse functies in de knoppenbalk van de editor.
Dikgedrukt
Maakt geselecteerde tekst dik gedrukt.
Schuingedrukt
Maakt geselecteerde tekst schuin gedrukt.
Doorgehaald
Maakt geselecteerde tekst doorgehaald.
Koptekst
Maakt de geselecteerde tekst op als koptekst.
Steeds als je op de knop klikt, wordt een kleinere maat koptekst geselecteerd.
Citaat (quote)
Maakt de geselecteerde tekst op als citaat.
Tekst met deze opmaak valt op tussen de andere tekst door een afwijkend lettertype en een grijs vlak op de kantlijn. Deze functie wordt gebruikt om (bijvoorbeeld) klanten te citeren of ter decoratie bij interviews.
Ongenummerde lijst
Maakt de geselecteerde tekst op als ongenummerde lijst, dus met bolletjes vóór ieder punt in de lijst.
Genummerde lijst
Maakt de geselecteerde tekst op als genummerde lijst, dus met volgnummers vóór de punten in de lijst.
Tabel
Voegt een tabel in op de plek van de cursor.
Afbeelding invoegen
Opent een bestandskiezer waarmee een afbeelding van de computer, smartphone of tablet kan worden geplakt in de tekst.
Opmerking: op een computer (Mac/Windows) kan een afbeelding ook van uit een venster naar de editor worden gesleept.
YouTube-video invoegen
Opent een hulpvenster waarmee een YouTube-video kan worden ingevoegd op de plek van de cursor.
Vimeo-video invoegen
Opent een hulpvenster waarmee een Vimeo-video kan worden ingevoegd op de plek van de cursor.
Afbeelding vanaf het web invoegen
Opent een hulpvenster waarmee een afbeelding vanaf een andere website kan worden ingevoegd op de plek van de cursor.
Link invoegen
Opent een hulpvenster waarmee een link naar een andere site (of een bestand op een andere site) kan worden ingevoegd op de plek van de cursor.
Code-opmaak
Maakt de geselecteerde tekst op als code en zorgt ervoor dat deze code niet als code wordt geïnterpreteerd door de browser. Werkt onder andere met HTML, JavaScript en CSS.
Horizontale regel
Voegt een horizontale regel (of: scheidingslijn) in op de plek van de cursor.
Ongedaan maken
Maakt de laatste handeling ongedaan en herstelt de situatie zoals die was vóór die laatste handeling werd uitgevoerd.
Opnieuw uitvoeren
Een stap teveel "ongedaan" gemaakt met de knop hierboven? Met de knop Opnieuw uitvoeren herstel je het ongedaan maken.
Voorbeeld weergeven
Toont een voorbeeld van hoe het tekstblok eruit zou zien als je het nu opslaat en op de site zou bekijken.
Let op: de voorbeeldfunctie houdt geen rekening met eventuele achtergrondkleuren of afwijkende opmaak zoals die op de website is ingeregeld op de plek waar het tekstblok geplaatst is.
Naast-elkaar-weergave
Toont standaard een voorbeeldvenster naast het invoervenster, waardoor je meteen ziet hoe je opmaak er uit komt te zien. Kan traag werken op langzamere computers.
Schermvullende weergave
Het scherm van je computer, smartphone of tablet wordt geheel gebruik voor de editor.
Markdown-guide
De website van Markdown wordt geopend in een nieuw venster. Hier kun je tips en truuks leren over deze opmaaktaal. Engelstalig.
Overzicht van sneltoetsen
Opent in een zwevend venster. Engelstalig.
In de tekstblokken en blogposts binnen netStek CMS kun je op verschillende manieren afbeeldingen toevoegen.
Afbeelding vanaf je eigen computer, tablet of smartphone toevoegen
Werk je op een computer (Mac of Windows)? Dan volstaat het om een afbeelding uit de Verkenner (Finder op een Mac) te slepen naar de plek in de tekst in het Editor-scherm van netStek CMS. Zodra je loslaat, wordt de gesleepte afbeelding gekopiëerd naar de netStek CMS-map op je webserver en verschijnt er automatisch een link naar de afbeelding in je tekst.
Je kunt ook de volgende stappen uitvoeren:
Stap 1: Klik op de knop Afbeelding invoegen
Afbeelding invoegen
Opent een bestandskiezer waarmee een afbeelding van de computer, smartphone of tablet kan worden geplakt in de tekst.
Stap 2: netStek CMS opent een venster waarmee je je afbeelding kunt kiezen op je apparaat
Stap 3: Klik op [OK]
Afbeelding vanaf het web invoegen
Stap 1: Klik op de knop Afbeelding vanaf het web invoegen
Afbeelding vanaf het web invoegen
Opent een hulpvenster waarmee een afbeelding vanaf een andere website kan worden ingevoegd op de plek van de cursor.
Stap 2: netStek CMS toont dit venster:
Stap 3: Typ of plak de URL (het adres) van de afbeelding die je wil invoegen
Stap 4: Klik op [OK]
De afbeelding wordt nu toegevoegd als link.
Let op: als de afbeelding op de oorspronkelijke website verdwijnt of wordt aangepast, dan is dat ook op jouw website zichtbaar.
Zorg ervoor dat je toestemming hebt om de afbeelding op deze wijze over te nemen van de oorspronkelijke website.
Als blogger heb je de keuze of je je lezers wil laten reageren op je blogposts. Voor de bloggers die dat willen, biedt netStek CMS een optionele integratie met het discussie- en reactieplatform Disqus.
Als je kiest voor Disqus, wees je er dan van bewust dat dit bedrijf data verzamelt van de personen die zich registreren om een reactie te plaatsen. In Europa is het dan verplicht om je bezoekers daarop te wijzen in de cookiemelding op je website en in je privacyverklaring. Ook moet je je bezoekers de keuze geven om de Disqus-functie te tonen op de site.
Als je kiest voor reacties via Disqus, dan nemen wij dat op in je cookiemelding tijdens de bouw van je site. Ook zorgen wij er voor dat de Disqus-functie niet wordt geladen als de bezoeker nog geen toestemming heeft gegeven.
1 In de huidige versie van netStek WebEditor kun je nog niet werken met variabelen die een afbeelding bevatten. Dit volgt in een toekomstige update
2 Zie voor meer informatie het handboek van netStek WebEditor