Doorzoek het handboek door je zoekterm te typen

Bij sommige websites van netStek wordt netStek WebEditor meegeleverd. In dit document leggen we uit wat het is, wat je er mee kan en hoe jij deze software kunt gebruiken om je de inhoud van jouw site aan te passen.

netStek WebEditor is een softwarepakket dat "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 WebEditor voor het beheren van teksten, afbeeldingen en video's op je website.

Naast (of in de plaats van) netStek WebEditor, is misschien (ook) netStek CMS inbegrepen bij jouw website. Wat is het verschil en wanneer gebruik je nu de één of de ander?

Kortgezegd:

CMS:

• stelt je in staat om grote stukken van je site in één keer te bewerken
• laat je tekstblokken hergebruiken: komt een tekst vaker voor op je site, dan kun je die in één keer aanpassen met netStek CMS
• kent variabelen en stelt je in staat om bepaalde woorden, afbeeldingen of andere zaken op de pagina's van je site centraal te beheren
• kent, naast beheer van je site, ook een blogmodule

WebEditor:

• laat je de aanpassingen op de pagina zélf doorvoeren, dus niet vanuit een centraal scherm
• geeft je een what you see is what you get (WYSIWYG)-manier van werken
• bewerken gaat per alinea, koptekst of lijst. Dit in tegenstelling tot netStek CMS waar je grote stukken tekst in één keer kunt bewerken
• wordt door de meeste klanten als gebruiksvriendelijker dan netStek CMS ervaren, maar wel minder krachtig en minder veelzijdig
• kent géén centrale bewerking en beheer van teksten, afbeeldingen, video's en tabellen
• kent géén variabelen
• kent géén blogmodule
• is niet in staat om de kopafbeelding van je site aan te passen

Of je één van deze producten of beide producten hebt, is afhankelijk van de inrichting van je website. Dit spreken we vooraf met je door tijdens het opstellen van het wensenpakket voor je site.

Inloggen in netStek WebEditor doe je als volgt:

1. Open de browser op je computer en ga naar Mijn netStek
2. Log in met je contractnummer en het Mijn netStek wachtwoord. Deze heb je ontvangen in het welkomstpakket van netStek en staan in de documentatie van je website.
3. Klik op Producten en vervolgens op het tabblad Webdiensten
4. Je vindt hier de gebruikersnaam en het wachtwoord voor WebEditor én de link waarmee je inlogt

3. Klik op de Inloggen-link
4. Je komt op onderstaand inlogscherm terecht:

5. Vul je gebruikersnaam en wachtwoord in die je in Mijn netStek hebt gevonden (zie stap 4).
6. Klik op de blauwe knop Inloggen

Je website wordt nu geopend. In eerste instantie lijkt het alsof er niets gebeurd is, maar er zijn nu een aantal knoppen in beeld gekomen (A). Onder het kopje Bewerken lees je hoe je verder gaat.

Het is in de huidige versie van netStek CMS niet mogelijk om zelf je wachtwoord opnieuw in te stellen nadat je hem bent vergeten. 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.

1. Nadat je bent ingelogd, verschijnen er twee nieuwe knoppen op je site (A):

2. Klik op de blauwe knop met het potlood om de site te bewerken
3. De knop met de blauwe pijl verandert in twee nieuwe knoppen. hierover later meer.
4. Je kunt nu met je muis of wijsvinger (op een apparaat met een aanraakingsgevoelig scherm) een object (koptekst, alinea, link, afbeelding of video) op de pagina selecteren om te bewerken (A)
• Objecten die je kunt aanpassen, lichten geel op als je er overheen beweegt.
• Als een object beveiligd is tegen bewerken, dan verschijnt er een verbodsbord bij je muispijltje

5. Door te klikken op een object dat geel oplicht, wordt dat object bewerkbaar (B):

6. Je kunt de bestaande tekst vervangen (overschrijven), aanvullen of aanpassen zoals je dat gewend bent te doen in een tekstverwerker. Gebruik hiervoor de zwevende knoppenbalk.

7. Voor een overzicht van alle knoppen op de knoppenbalk, zie Opmaaktools

Vergeet je wijzigingen niet op te slaan

Met een tabel kun je gegevens in kolommen en rijen weergeven - vergelijkbaar met een spreadsheet als Excel, maar zonder de rekenfuncties.

1. Om een tabel aan te leggen, klik je op de plek op de pagina waar de tabel moet komen en vervolgens op de volgende knop:

2. Er verschijnt een invoerhulp om je tabel naar smaak in te richten

Je kunt hier drie aspecten van je tabel aanpassen:

• Table head: de bovenste regel van je tabel krijgt een afwijkende achtergrondkleur. Bedoeld voor kolomkoppen.
• Table body (columns): het aantal kolommen dat je tabel krijgt. Standaard 3 kolommen, maximaal 99 kolommen.
• Table foot: voeg een extra regel toe onderaan de tabel met een afwijkende opmaak.

Met het groene vinkje voeg je de tabel in je tekst in.

3. Je kunt extra regels toevoegen door te klikken in de meest rechtse kolom van de middelste rij ((A)) en op [ENTER] te drukken
• dit werkt niet als je in de onderste rij, oftewel de table foot klikt en op [ENTER] drukt
4. Door te dubbelklikken in de velden, kun je tekst invoeren in je tabel.

Vergeet je wijzigingen niet op te slaan

Afbeeldingen van het type jpg, jpeg en png kunnen eenvoudig toegevoegd worden aan je pagina. Ook bestaande afbeeldingen kunnen eenvoudig gewijzigd worden.

LET OP: de kopafbeelding (ook wel: banner- of headerafbeelding) kun je niet vervangen met netStek WebEditor. Dit kan wel met netStek CMS. Heb je geen netStek CMS, neem dan contact op met de klantenservice van netStek; wij kunnen de afbeelding wel voor je vervangen. Hier kunnen kosten aan verbonden zijn.

Afbeelding vanaf je eigen computer, tablet of smartphone toevoegen

1. Klik op de plek waar je de afbeelding wil invoegen. Maak eventueel ruimte voor de afbeelding door één of meerdere malen op [ENTER] te drukken.
2. Klik op de knop:

3. Er verschijnt een invoerhulp:

A Remove Image: Verwijder de bestaande afbeelding
 Tip: gebruik hiervoor liever het prullenbakje in de knoppenbalk;
 het prullenbakje ruimt ook de opmaak op
B Eerder geüploade afbeeldingen voor hergebruik
C Nieuwe afbeelding toevoegen vanaf je computer, smartphone of tablet

4. Klik op C Nieuwe afbeelding uploaden
5. Afhankelijk van het type apparaat dat je gebruikt gebeurt nu het volgende:
• Gebruik je een Windows PC? Er verschijnt een bestandskeuzescherm van Windows. Navigeer naar de afbeelding die je zoekt en dubbelklik erop om die afbeelding te uploaden naar je site.
• Gebruik je een Apple-computer? Er verschijnt een bestandskeuzescherm van de Finder in macOS. Navigeer naar de afbeelding die je zoekt en dubbelklik erop om die afbeelding te uploaden naar je site.
• Gebruik je een Android-smartphone of Android-tablet? Op de meeste telefoons verschijnt een bestandskeuzescherm van Android. Op sommige telefoons verschijnt de meegeleverde foto-app. Tik op de afbeelding die je zoekt om die afbeelding te uploaden naar je site.
• Gebruik je een Apple iPhone of iPad? De ingebouwde Foto's-app wordt gestart. Navigeer naar de afbeelding die je zoekt en tik erop om die afbeelding te uploaden naar je site.
6. De afbeelding is nu zichtbaar in de geüploade afbeeldingen:

7. Klik één keer op de nieuwe foto om hem te markeren
8. Klik vervolgens op de groene knop met het vinkje om de afbeelding op je site te plaatsen

Vergeet je wijzigingen niet op te slaan

Bestaande afbeelding op de site vervangen

1. Klik (op de site terwijl je bent ingelogd in WebEditor) op de afbeelding die je wil vervangen.
2. Klik op de knop:

3. Klik op de plek waar je de nieuwe, vervangende afbeelding wil invoegen. Maak eventueel ruimte voor de afbeelding door één of meerdere malen op [ENTER] te drukken.
4. Klik op de knop:

5. Er verschijnt een invoerhulp:

A Remove Image: Verwijder de bestaande afbeelding
 Tip: gebruik hiervoor liever het prullenbakje in de knoppenbalk;
 het prullenbakje ruimt ook de opmaak op
B Eerder geüploade afbeeldingen voor hergebruik
C Nieuwe afbeelding toevoegen vanaf je computer, smartphone of tablet

6. Klik op C Nieuwe afbeelding uploaden
7. Afhankelijk van het type apparaat dat je gebruikt gebeurt nu het volgende:
• Gebruik je een Windows PC? Er verschijnt een bestandskeuzescherm van Windows. Navigeer naar de afbeelding die je zoekt en dubbelklik erop om die afbeelding te uploaden naar je site.

• Gebruik je een Apple-computer? Er verschijnt een bestandskeuzescherm van de Finder in macOS. Navigeer naar de afbeelding die je zoekt en dubbelklik erop om die afbeelding te uploaden naar je site.
• Gebruik je een Android-smartphone of Android-tablet? Op de meeste telefoons verschijnt een bestandskeuzescherm van Android. Op sommige telefoons verschijnt de meegeleverde foto-app. Tik op de afbeelding die je zoekt om die afbeelding te uploaden naar je site.
• Gebruik je een Apple iPhone of iPad? De ingebouwde Foto's-app wordt gestart. Navigeer naar de afbeelding die je zoekt en tik erop om die afbeelding te uploaden naar je site.

8. De afbeelding is nu zichtbaar in de geüploade afbeeldingen:

9. Klik één keer op de nieuwe foto om hem te markeren
10. Klik vervolgens op de groene knop met het vinkje om de afbeelding op je site te plaatsen

Vergeet je wijzigingen niet op te slaan

Video's van YouTube en Vimeo kunnen worden toegevoegd.

Let op: op dit moment is het nog niet mogelijk om video's vanaf je eigen computer, smartphone of tablet te plaatsen op je site.

1. Klik op de plek op je site waar je de video wil invoegen. Maak eventueel ruimte voor de video met de [ENTER] toets op je toetsenbord.
2. Klik op de knop:

3. Onderstaande invoerhulp verschijnt:

4. Vul het adres (URL) van de Youtube- of Vimeo-video in bij (A)

5. Zodra je het adres (URL) van de Youtube- of Vimeo-video in hebt gevuld bij (A), verschijnt er een voorbeeld van de video in het grote vlak in de invoerhulp. Zo weet je zeker dat je de juiste video hebt geselecteerd:

6. Klik op de groene knop met het vinkje om de video op je site te plaatsen.

Ben je tevreden met al je wijzigingen? Sla ze dan op om ze direct zichtbaar te maken voor al je bezoekers!

1. Klik op de groene knop met het vinkje ((A) in de afbeelding hierboven)
2. Je wijzigingen zijn nu opgeslagen.