handleiding blockwise - mach3builders · inhoudsopgave (kl i k op het onderwerp voor meer i nf o)...
TRANSCRIPT
Handleiding Blockwise
(versie 9-2016)
Onderdeel van
Inhoudsopgave
1
Inhoudsopgave (klik op het onderwerp voor meer info)
Aan de slag met Blockwise 4
Account aanmaken
Website aanmaken
Website bouwen
Basisiconen 6
Algemene iconen
Pagina 8
Hoe maak ik pagina's aan?
Pagina verplaatsen
Pagina verwijderen
Pagina dupliceren
Pagina instellingen
Blokken 10
De lagen van een blok
Wat kun je in een blok aanpassen
Hoogte uitvullen
Blok uitvullen & hoogte uitvullen
Social media
Formulieren 14
Contactformulier
Veld toevoegen
Veld opties
Voorvertoning
Eigenschappen
Styling
Melding bij versturen
Koppelingen
Onderdeel van
Inhoudsopgave
2
Niveaus
Thema 17
Pagina
Blokken
Elementen
Tekstvak
Button
Media
Kaart
Tekst 26
Tekst bewerken
Type heading
Afbeeldingen en video’s 28
Afbeelding of video invoegen
Galerij bewerken
Afbeelding opmaak
Afbeeldingen opdelen in mappen
Achtergrond Media
Digitale magazine maken 32
Overig 33
Aan de slag met meertaligheid
De rollen binnen Blockwise
Een onepager maken
Je website downloaden of publiceren
Mouseover
Gebruikers aanmaken
Werken met klantaccounts
Private label
Onderdeel van
Inhoudsopgave
3
Aan de slag met Blockwise
Met Blockwise kun je jouw professionele website zelf bouwen & designen tegelijk. Door middel van de
kant-en-klare blokken kun je direct zonder technische kennis de websites van jouw klanten in elkaar
klikken. Zet jouw Blockwise website met een klik online en door middel van de publiceer functie is
wijzigingen doorvoeren kinderspel. Blockwise betekent het gemak van standaard functionaliteit
gecombineerd met eenvoud.
Komt je er niet uit met de handleiding, bel of mail dan onze support: 010-8208890 of via
[email protected] Met plezier staan we voor je klaar!
Remo Hollaar
support manager
Onderdeel van
Inhoudsopgave
4
Account aanmaken
● Ga naar www.blockwise.nl voor het aanmaken van je Blockwise account.
● Voer je naam, optioneel: bedrijfsnaam, e-mailadres en wachtwoord in. Let op: het is belangrijk
dat je je e-mailadres juist invoert, anders ontvang je geen activatielink.
● Door op de ontvangen activatielink te klikken kun je aan de slag in je gemaakte account.
● Nu kun je aan de slag met het maken van je website of online magazine.
Website aanmaken
● Als je een Blockwise account hebt aangemaakt, log je in door je e-mailadres en je
wachtwoord in te voeren.
● Wanneer je in het linker menu op website klikt, verschijnt het websiteoverzicht.
● Klik vervolgens op ‘website aanmaken’ om je domeinnaam in te voeren en de gewenste
instellingen aan te passen.
● Favicon is de afbeelding die in je browser-tab wordt getoond. Klik op bladeren om een
afbeelding te uploaden, klik vervolgens op opslaan. De afbeelding verschijnt na publiceren
van je website aan de linkerzijde in de adressenbalk van de browser of in het tabblad van de
browser.
● Je website is nu succesvol in Blockwise aangemaakt.
● Je website verschijnt onder de balk “naam website”.
● Klik op de website om deze te kunnen bewerken.
Onderdeel van
Inhoudsopgave
5
Website bouwen
● Je begint door op de pagina home te klikken.
● Je komt nu op de bewerkingspagina, hier kun je jouw pagina’s bewerken.
● Aan de linkerzijde zie je het menu met daarin de ‘blokhoofdstukken’.
● In de menubalk aan de linkerzijde kun je kiezen uit diversen blokken die relevant zijn voor
jouw webpagina onderdeel.
● Klik op het desbetreffende blokhoofdstuk om je keuze te maken.
● Wanneer je een blok uit hebt gekozen, houd je jouw muis ingedrukt op dit blok en sleep je
deze in de pagina.
● Aan de hand van de blauwe lijnen, die verschijnen als je jouw muis ingedrukt houdt op een
blok, kan je jouw blok naar de gewenste plaats slepen.
● Door op het blok te gaan staan verschijnt er een potloodje aan de rechterzijde van het blok,
klik op het potloodje om het blok te bewerken.
● Een blok bestaat uit:
○ Blok
○ Kolom
○ Box
○ Elementen
● Door op het desbetreffende vlak te klikken kan je de gewenste voorwerpen bewerken. Verder
in de handleiding lees je de uitleg en werking van de Blokken.
● Klik je op het vlak dat je wilt bewerken, er verschijnen dan rechts van het scherm
bewerkingsinstellingen, hierin kun je aan de slag voor jouw design wensen.
Basisiconen
Hieronder volgt een overzicht met iconen welke je in Blockwise kunt gebruiken.
Algemene iconen
Icoon Omschrijving
Thema: dit is de algemene bewerkingstool van jouw website, als je hier de instellingen (b.v. lettertype, grootte van de letters, kleuren en schaduwen) van tevoren instelt. Bouw en design je veel efficiënter. Je kunt op detailniveau jouw thema instellen. De uitleg van de namen waar je wat op welke plek kunt aanpassen lees je in het hoofdstuk Thema.
Onderdeel van
Inhoudsopgave
6
Potlood: Hiermee start je de bewerking van jouw blok.
Uitloggen: Met deze button log je uit.
Voorvertoning: hier kun je zien hoe jouw website eruit komt te zien voor bezoekers, de link (in je browser) kun je delen met andere en zij zien dan de preview website. Na publiceren wordt de website pas supersnel.
Modus: als de modus op het potloodje staat kun je je website bewerken.
Modus Als de modus op het vingertje staat kun je jouw website in Blockwise weergeven (deze instelling is bijna hetzelfde als voorvertoning, het verschil is dat je in Blockwise blijft).
Schermgrootte: hiermee kun je controleren hoe jouw website op diverse devices worden weergeven. B.v. op mobiel, tablet en liggend mobiel.
Vinkje: je kunt met het vinkje alle aanpassingen binnen een blok opslaan. Let op: opgeslagen aanpassingen kunnen niet ongedaan gemaakt worden. Doordat wij al jouw aanpassingen direct opslaan op onze server, kun je niet met control-z de bewerking ongedaan maken. Let hierop! Door eerst het blok even onder favorieten (zie volgend icoon) op te slaan, kun je altijd jouw oude bewerking terughalen.
Favorieten: heb je een blok voorzien van opmaak en wil je dit blok gebruiken op andere pagina's dan kan dat met favorieten. Het blok verschijnt dan links van je scherm onder favorieten.
Globaal: als je een blok globaal maakt komt deze in de lijst globaal te staan. Zodra je dit ‘globale blok’ kopieert in een ander pagina en je wijzigt iets in het blok, dan wordt het op alle dezelfde globale blokken doorgevoerd. Links van het scherm kun je de opgeslagen blok vinden onder globaal.
Code bewerken
Deze optie is op aanvraag, het biedt de mogelijkheid om specifieke aanpassingen binnen een blok zelf te programmeren. Je kan dus de HTML, LESS/CSS en Ja vascript zelf aanpassen. Let op! Als je zelf de programmeertaal aanpast, ben je zelf verantwoordelijk als er iets niet goed aansluit na een update. Dus werk hier alleen in als je echt kennis hebt van programmeren.
Support: heb je vragen dan kun je snel en gratis contact opnemen met de onze support afdeling.We zijn te bereiken op 010-8208890 of per mail: [email protected].
Kopiëren: biedt de mogelijkheid om jouw website of pagina te kopiëren. Wijzigingen in de gekopieerde pagina of website hebben geen invloed op de originele website.
Verwijderen: je kunt hiermee jouw website, pagina of blok verwijderen.
Onderdeel van
Inhoudsopgave
7
Downloaden: biedt de mogelijkheid voor partners om de website te downloaden
Pagina aanmaken Hier maak je een nieuwe websitepagina aan.
Toon verborgen elementen: Dit icoon zorgt ervoor dat elementen in het blok, die je hebt verborgen, weer zichtbaar worden. Let op, als je op deze button klikt worden alle verborgen elementen in je blok weer zichtbaar.
Opmaak vastzetten: hiermee kun je de opmaak van een blok opslaan. Je kunt meerdere opmaken vastzetten. Let op: een opgeslagen opmaak die is toegepast in een blok, wordt niet aangepast als je de instelling in het thema wijzigt.
De instellingen knop.
Hierin zie je onder welk account je bent ingelogd.
De pagina terug knop.
Pagina
Hoe maak ik pagina's aan?
● Ga naar het website overzicht.
● Ga naar jouw website.
● Klik op de blauwe knop ''pagina aanmaken’ er verschijnt nu een venster waar je onder het
kopje algemeen de pagina een naam kunt geven. Er zijn ook verschillende vindbaarheid en
zichtbaarheid functies die je kunt gebruiken om jouw website zoekmachinevriendelijk te
maken. Als je klaar bent kun je rechtsonder in het menu de pagina opslaan. De nieuwe
pagina verschijnt dan bovenaan.
Pagina verplaatsen
Door met de muis aan de linker kant van de blok te gaan
staan verschijnt er een rechthoek, houdt de rechthoek
ingedrukt om de pagina te kunnen verslepen.
Door middel van de blauwe lijnen kun je de volgorde van
Onderdeel van
Inhoudsopgave
8
de pagina’s aanpassen. Dit doe je door de pagina naar de gewenste plaats te slepen.
Wil je het niveau van een pagina aanpassen, hou dan de gewenste pagina ingedrukt. Sleep vervolgen
het blok naar de pagina waaronder deze moet komen te staan.
Pagina verwijderen
Als je een pagina wilt verwijderen, ga dan naar het paginaoverzicht. Klik op het prullenbakje om jouw
pagina te verwijderen. Let op! Verwijderd is verwijderd.
Onderdeel van
Inhoudsopgave
9
Pagina dupliceren
● Ga naar het websiteoverzicht.
● Klik op de website die je wilt bewerken.
● Houd de muis op de pagina die je wilt dupliceren.
● Klik op ‘pagina kopiëren’.
● Klik op ‘pagina bewerken’ om de gedupliceerde pagina een nieuwe naam te geven.
● Sla de bewerkte pagina op.
Pagina instellingen
● Valt onder pagina: hiermee kun je het niveau van jouw pagina bepalen, met andere
woorden: je bepaalt onder welke pagina de gewenste pagina weergegeven moet worden.
● Afbeelding: klik op bladeren om een afbeelding te kiezen, klik vervolgens op opslaan. Deze
verschijnt dan in het uitklapmenu. Let op: dit is alleen van toepassing wanneer je een digitaal
magazine wilt maken.
● Navigatie: dit is alleen van toepassing wanneer je een magazine wilt maken. Klikt hier voor
het maken van een magazine.
● URL: de URL is de naam van een pagina, dus niet van de website. Vul hier alleen een URL in
wanneer de gewenste URL afwijkt van de automatisch gegenereerde URL.
● Meta/SEO: uiteraard plaats je metatags op alle pagina’s, dus niet alleen de eerste index. Zorg
er wel voor dat iedere pagina zijn eigen relevante tags krijgt, met trefwoorden en begrippen
die betrekking hebben op de inhoud. Het lijkt misschien veel werk om voor iedere pagina
aparte metatags te verzinnen maar je zult zien dat het werkt en dat je beter gevonden wordt
door Google en dus jouw doelgroep van je website.
○ Meta Titel
○ Meta omschrijving
○ Meta trefwoorden
Onderdeel van
Inhoudsopgave
10
● Uitzetten: je kunt een pagina uitzetten, dat betekent dat de desbetreffende pagina niet meer
actief is.
● Verbergen in menu’s: door een pagina te verbergen wordt de desbetreffende pagina niet
meer in de menu weergegeven, maar deze bestaat nog wel. Zo kun je doormiddel van een
linkje door verwijzen naar de gewenste pagina.
● Conversiecode: om te meten hoeveel jouw Adwords campagne in Google oplevert, kun je
een conversiecode in jouwwebwinkel plaatsen. Deze code zorgt ervoor dat Google kan meten
welke Adwords campagnes tot conversie (resultaat) hebben geleid. Ga naar
www.google.nl/adwords/ voor het aanvragen van een conversiecode.
Blokken
De lagen van een blok
Een blok bestaat uit verschillende vlakken, namelijk: het blok, kolom, box en elementen. Niet ieder
blok heeft deze indeling, maar elk blok bevat minstens één van deze vlakken.
Blok
Onderdeel van
Inhoudsopgave
11
Kolom
Box
Elementen
Onderdeel van
Inhoudsopgave
12
Wat kun je in een blok aanpassen
Een blok vastzetten (sticky)
Door middel van de instelling sticky, kun je ervoor zorgen dat het gewenste blok niet mee beweegt
met de gehele website.
Hoogte uitvullen
Hoogte uitvullen, dit zorgt er voordat het blok de overgebleven ruimte van de pagina opvult.
Blok uitvullen & hoogte uitvullen
Je kunt ervoor kiezen om het blok over de gehele pagina uit te laten vullen, je selecteert dan beide
instellingen.
Onderdeel van
Inhoudsopgave
13
Social media
Met dit blok kunnen bezoekers jouw pagina delen op social media. Je kunt ook een link toevoegen
aan een icoontje. Dit doe je door erop te klikken, er verschijnt dan aan de rechterzijde een optie met
‘link’.
Formulieren
Contactformulier
In Blockwise kun je een contact formulier bewerken. Een contact formulier is een geweldige manier
om jouw bezoekers een opmerking of feedback over je diensten te laten versturen. Ook is het erg
handig omdat klanten gemakkelijk vragen kunnen stellen middels een contactformulier. Ook kun je de
opgegeven e-mailadressen gebruiken voor marketingdoeleinden, als de desbetreffende personen
daar toestemming voor hebben gegeven.
Wanneer je een contact formulier in je pagina gesleept hebt, klik je op het potloodje om deze te
kunnen bewerken. Klik vervolgens op het formulier. Er verschijnt nu aan de rechterzijde een blauwe
knop
‘’formulier bewerken’’.
Onderdeel van
Inhoudsopgave
14
Wanneer je op deze knop klikt verschijnt er een venster, hierin kun je jouw formulier bewerken.
Veld toevoegen
In de kolom onder veld toevoegen staan velden die je in jouw formulier kunt toevoegen. Dit doe je
door op een veld te klikken.
Veld opties
Met behulp van tekstvakken, selectbox, checkbox, radio button en bestand uploaden is het mogelijk
het formulier dynamisch te maken in de interactie met de klant. Bijvoorbeeld met de optie “radio
button” kun je meerdere keuze opties aanmaken en beheren.
Onderdeel van
Inhoudsopgave
15
Voorvertoning
Onder voorvertoning staan de velden die je aan jouw formulier hebt toegevoegd.
Door met jouw muis aan de linker kant van een veld te staan verschijnt er een rechthoek, hou de
rechthoek ingedrukt om het veld naar de gewenste positie te slepen. Wil je een veld
verwijderen, dan houd je jouwmuis op het veld en klik je op het prullenbakje die aan de rechterzijde
van het veld verschijnt.
Eigenschappen
Wanneer je op een veld klikt verschijnen er in de rechter kolom de eigenschappen van het veld. In het
veld label kun je aangeven wat er ingevuld moet worden in een veld. In het veld standaardwaarde kun
je vooraf content in een blok toevoegen, zodat bezoekers standaard informatie niet meer hoeven in te
vullen.
Styling
Standaard opmaak
De formulieren kun je naar eigen inzicht
stylen. Door een veld aan te klikken komen
er aan de rechterkant de opmaak opties
standaard en focus. De standaard opmaak
opties zijn de opties die in beeld komen
wanneer de klant het veld invult. Verder heb
je nog de focus opmaak mogelijkheden. Dit
is de weergave van het veld wanneer je er
met de muis op klikt.
Onderdeel van
Inhoudsopgave
16
Placeholder opmaak
Ook is het mogelijk om de placeholder aan te passen.
De placeholder is de tekst die zichtbaar is in de
velden. Deze is dan bijvoorbeeld qua kleur of font aan
te passen. Zodra een bezoeker een veld invult zal het
lettertype en font gebruikt worden van de standaard
opmaak.
Veldopties opmaak
Om een veldoptie te stylen klik je een optie aan en krijg je aan de rechterkant twee keuzes
“Standaard” en “Actief”. De standaard opmaak bepaald hoe de optie wordt weergegeven zonder
interactie. Om de opmaak te bepalen wanneer iemand een optie aanklikt kan dit geregeld worden via
de tab “Actief”. Hier is het mogelijk om de actieve kleur en font aan te passen en overige elementen te
stylen.
Melding bij versturen
In de velden van Meldingen kun je de
foutmelding en succesmelding
instellen. Dit krijgt de afzender te zien
na het versturen van het formulier.
Koppelingen
De website is ‘de afzender’ van het formulier, de website heeft geen e-mailadres. Daarom is het van
belang dat er een bestaand e-mailadres wordt ingevuld. Met dit e-mail adres wordt het formulier
verstuurd. Zorg ervoor dat de bezoeker zijn e-mail adres op het formulier kwijt kan.
Onderdeel van
Inhoudsopgave
17
Niveaus
Niveau 1: dit is het hoofdmenu van jouw website, dit is standaard zichtbaar. Niveau 2: dit is het
submenu van jouw website. Dit zijn de pagina’s die onder de hoofdpagina’s verschijnen.
Thema
Pagina
Achtergrondkleur
hiermee kun je de achtergrondkleur van de pagina
aanpassen.
Achtergrondafbeelding
hiermee kun je een afbeelding invoegen in de pagina.
Achtergrondpositie
hiermee bepaal je de positie van een afbeelding binnen
de pagina.
Achtergrondgrootte
hiermee bepaal je hoe de afbeelding in de pagina
weergegeven wordt.
Achtergrond herhalen
Hiermee kun je te kleinen foto’s voor de pagina zich
laten herhalen.
Onderdeel van
Inhoudsopgave
18
Blokken
Blok uitvullen
Hiermee kun je ervoor zorgen dat het blok zich over
de gehele pagina uitvult. (Klik op voorvertonen om
het resultaat te zien).
Content uitvullen
Hiermee zorg je ervoor dat de content zich over het
gehele blok uitvult.
Achtergrondkleur
Hiermee kun je de achtergrond kleur van een blok
aanpassen.
Achtergrondafbeelding
Hiermee kun je de achtergrondafbeelding van een
blok aanpassen (let op: voor bepaalde blokken zoals
Header gelden andere instellingen).
Achtergrondpositie
Hiermee bepaal je de positie van de afbeelding.
Achtergrondgrootte
Bepaalt de grootte van een afbeelding in een blok.
Achtergrond herhalen
Hiermee kun je te kleinen afbeelding binnen een
blok zich laten herhalen.
Tekst uitlijning
Bepaalt de positie van de tekst.
Schaduw
Hier kun je jouw blok schaduw geven. Je bepaalt de
Onderdeel van
Inhoudsopgave
19
sterkte van de schaduw door een getal in te voeren.
Ruimtes horizontaal
Hiermee bepaal je de hoeveelheid lege ruimte aan de zijkanten van jouwblok.
Ruimtes verticaal
Hiermee bepaal je de hoeveelheid lege ruimte aan de boven- en onderkant van jouw blok.
Extra ruimte boven
Wanneer je hier een getal in vult dan komt er extra lege ruimte aan de bovenkant van jouw blok.
Extra ruimte onder
Wanneer je hier een getal invult dan komt er extra lege ruimte onderaan jouw blok.
Elementen
Heading header
Heading Header is de titel van een Header blok. Blok die een Heading Header bevat is de ‘Header’.
Content hoofd heading
Content hoofd heading is de titel van een blok dat voornamelijk content bevat. Blokken die een
Onderdeel van
Inhoudsopgave
20
Content hoofd heading bevatten zijn: content, showcase, prijsstelling en team.
Content sub heading
Content sub heading is de ondertitel van een tekst, de content sub heading staat meestal onder de
titel van een tekst. Blokken die een content sub heading bevatten zijn: content, showcase, tegels,
prijsstelling, team en contact.
Item hoofd heading
Item hoofd heading is de titel van een bijbehorend Item: blokken die een Item hoofd heading bevatten
zijn: showcase, nieuws, portfolio, team en FAQ.
Item sub heading
Item sub heading is de datum van een tekst, bijvoorbeeld een nieuws bericht. Een blok die een item
heading bevat is nieuws.
Onderdeel van
Inhoudsopgave
21
Footer Heading
Footer heading is de titel van een footer blok. Blok die een Footer heading bevat is de Footer.
Tekstvak
Header tekstvak
Header tekstvak is de tekst van de zogenoemde titel header heading: blokken die een Header
tekstvak bevatten: Header, Hero.
Onderdeel van
Inhoudsopgave
22
Content intro tekstvak
Content intro tekstvak is de inleiding van een tekst. Blokken die Content intro tekstvak bevatten zijn:
content, showcase, team en contact.
Button
Bekijk button
Met de Bekijk button kan je andere pagina’s bekijken of gewenste keuzes selecteren. Blokken die een
Bekijk button bevatten zijn: content, nieuw en prijsstelling.
Onderdeel van
Inhoudsopgave
23
Meer button
Met de ‘Meer button’ kun je meer informatie opvragen door erop te klikken. Blokken die een Meer
button bevatten zijn: showcase, tegels, nieuws, portfolio en team.
Media
Logo media
Logo media is een vlak in een blok waar je jouw logo in kunt plaatsen. Logo media is te vinden in de
blokken header, navigatie, contact en footer. Let op! De afbeelding die hier geplaatst wordt zal altijd in
het geüploade formaat worden weergegeven.
Onderdeel van
Inhoudsopgave
24
Een contentmedia
Dit is een afbeelding dat in een blok staat. Je kunt de content media vinden in de volgende blokken:
content en showcase.
Item Media
Een media item is een afbeelding dat ergens aan gelinkt kan worden. Je kunt de afbeelding ook
vervangen door een video. Een media item komt voor in de volgende blokken: nieuws, team en
portfolio.
Achtergrond media
Dit is een afbeelding die op de achtergrond van een blok staat. Je kunt ervoor kiezen om hier een
video te plaatsen. Je kunt Achtergrond media terugvinden in de blokken: header, hero en tegels.
Kaart
Kaart achtergrond
Bij een kaart achtergrond is het gehele blok gevuld met een kaart waar je een locatie kunt laten zien.
Je vindt de Kaart achtergrond in het blok contact.
Onderdeel van
Inhoudsopgave
25
Kaart content
Kaart content heeft dezelfde instellingen en opmaak als kaart achtergrond. Het verschil is dat je de
kaart content een effect mee kunt geven. Tal van teksten en foto’s kun je mooie effecten meegeven,
het zorgt voor aandacht op een bepaalt onderwerp.
Kleur
Met de instelling kleur kun je de huisstijl van
jouw website bepalen. Hier zie je de kleuren
weergegeven die jij gebruikt op jouw website.
Deze kleuren kun je aanpassen in kleuren. Let
op: de wijziging geld voor de gehele website.
Onderdeel van
Inhoudsopgave
26
Bijvoorbeeld: Je wilt alle rode kleuren in je website veranderen in blauw, dan klik je op het rode
vierkantje en kies je voor de kleur blauw. Nu zijn alle rode kleuren blauw.
Tekst
Tekst bewerken
Instellingen
● Verbergen: hiermee kun je de ‘niet gewenste elementen’ verbergen. Verborgen elementen
kunnen weer zichtbaar gemaakt worden door op “toon verborgen elementen” te klikken.
Wanneer je op toon verborgen elementen klikt worden alle elementen die je verborgen had
weer zichtbaar.
● Effect: je kunt een effect geven aan jouw tekst. Dit doe je door op het dropdownmenu te
klikken en een effect uit te kiezen. Bijvoorbeeld: ‘inschuiven van links’. De tekst wordt dan
ingeschoven vanaf links wanneer je op de pagina komt. Als de website wordt bezocht wordt
het effect 1 x aan de bezoeker getoond. Gaat de bezoeker van de pagina af en komt hij of zij
weer terug op de pagina dan zijn de effecten weer werkzaam.
Opmaak
● Achtergrondkleur: wanneer je de achtergrondkleur wilt veranderen, klik je op het vierkantje en
kies je de gewenste kleur. Je kan de kleur ook transparant maken door 100% te veranderen
in een lager getal. Hiermee kun je voor jouw design ook mooie effecten maken.
● Achtergrondafbeelding: wanneer je klikt op bestanden kun je een standaard afbeelding
invoegen, een standaard icoontje of een afbeelding uploaden van jouw computer.
● Achtergrondpositie: hiermee kun je de positie van de achtergrondafbeelding bepalen.
● Achtergrondgrootte: wanneer je voor origineel kiest, dan zal de afbeelding of het icoontje de
originele grootte aannemen. Kies je voor vullend, dan zal de afbeelding of het icoontje het
tekstvak helemaal vullen. Je kunt ook kiezen voor passend, dan zal de afbeelding of het
icoontje net binnen de horizontale lijnen blijven.
● Achtergrond herhalen: je kunt ervoor kiezen om de achtergrond te herhalen over het gehelen
tekstvak, verticaal herhalen of horizontaal te herhalen.
● Randdikte: selecteer eerst een randstijl en bepaal daarna de randdikte door een getal in te
vullen.
● Randstijl: je kunt een tekstvak een rand meegeven. De styling van deze rand kun je wijzigen.
● Randkleur: door in het vierkantje te klikken, kun je de rand een andere kleur geven.
Onderdeel van
Inhoudsopgave
27
● Ronde hoeken: wanneer je hier een getal invult zullen de hoeken ronder worden.
● Tekst uitlijning: je kunt kiezen om de tekst links, in het midden of rechts uit te lijnen.
● Tekstkleur: wanneer je de tekst een andere kleur wil geven, dan klik je op het vierkantje en
kies je de kleur die jij wilt.
● Lettergrootte: je kan de lettergrootte veranderen door er een uit te kiezen, of door zelf een
getal in te vullen. In de editor boven het tekstveld kun je de opmaak van de letters stijlen.
● Lettertype: wanneer je een ander lettertype wilt, dan werk je vanuit de editor boven je tekst.
Of je klikt je op het dropdownteken. Er verschijnen dan verschillende soorten lettertypes.
Wanneer je op het plusje naast een naam klikt, dan verschijnen de verschillende diktes van
dat lettertype.
● Letterstijl: met letterstijl kun je ervoor kiezen om de tekst vet, cursief of onderstreept weer te
geven.
● Kapitalisatie: wanneer je op het dropdownteken klikt en vervolgens op ‘Eerste hoofdletter’,
dan zal de eerste letter van ieder woord groot zijn. Klik je op ‘Hoofdletters’, dan zullen alle
letters bestaan uit alleen maar hoofdletters. Klik je op ‘Kleine letters’, dan zullen alle letters
klein blijven.
● Regelafstand: wanneer je hier een getal invult, zal de afstand tussen de regels kleiner of
groter worden.
● Letterafstand: wanneer je hier een getal invult, zal de afstand tussen de letters groter worden.
● Tekst schaduw: wanneer je hier een getal invult, zal de tekst een schaduw krijgen. Hoe groter
het getal, des te meer schaduw.
● Tekst terugloop: tekst terugloop zorg ervoor dat je tekst netjes onder elkaar komt.
● Schaduw: wanneer je hier een getal invult, zal er een schaduw om het tekstvak komen.
● Ruimtes horizontaal: als je hier een getal invult, zal het tekstvak groter worden in de breedte.
● Ruimtes verticaal: wanneer je hier een getal invult, zal het tekstvak groter worden in de
lengte.
● Ruimte onder: wanneer je hier een groter getal invult, zal er meer ruimte ontstaan aan de
onderkant van het tekstvak.
Type heading
Door de juiste H1, H2 en H3 tags te gebruiken kun je de SEO (search engine optimalisation) van je
website verbeteren. Zoekmachines, zoals Google, bepalen door middel van heading tags waar jou
content over gaat. Voor Google is de indeling van je website erg belangrijk. Door de juiste indeling te
bepalen voor jou website, kan Google beter bepalen waar je website over gaat. Een goed boek
Onderdeel van
Inhoudsopgave
28
bestaat uit een inhoud, hoofdstukken, paragrafen en sub paragrafen. Deze indeling kun je ook
meegeven in jouw website door middel van Heading Type. Deze staan in Blockwise als H1, H2 en
H3.
De H1 Heading is de eerste kop van de tekst, deze dien je maar 1 een keer te gebruiken per pagina.
Een boek kan namelijk maar 1 koptitel hebben, dit geld ook voor een website. Blockwise noemt de
koptitel automatische H1. Je kunt er ook voor kiezen dat je website ook tussenkoppen bevatten,
hiervoor kun je H2 en H3 kiezen. Door de Heading tags H1, H2 en H3 kan Google bepalen hoe
belangrijk een content is. Kies daarom een logische titel die de inhoud van de content dekt, als je dit
goed benoemd wordt de vindbaarheid van jouw website in Google sterk verbeterd.
H1, H2 en H3
Afbeeldingen en video’s
Afbeelding of video invoegen
Video invoegen
Klik op een afbeelding in een blok. Er verschijnt
aan de rechterzijde een kolom met instellingen.
Klik op het balkje naast ´video´. Je kunt er nu
voor kiezen om een bestand van je computer in
te voegen of een URL. Kies je voor URL, dan
kopieer en plak je deze in het balkje.
Onderdeel van
Inhoudsopgave
29
Afbeelding invoegen
Klik op de afbeelding in het blok. Er verschijnt aan
de rechterkant een kolom met instellingen. Klik
vervolgens op bladeren in het hokje naast
afbeelding. Je kunt er nu voor kiezen om een
standaard afbeelding in te voegen, een standaard
icoontje of een afbeelding uploaden van je
computer.
Galerij bewerken
De blokken Hero, galerij en showcase bevatten een
galerij. Als je de afbeeldingen wilt wijzigen klik je op het
potloodje om het blok te kunnen bewerken. Er
verschijnen nu aan de rechterzijde van het blok vier
iconen. Klik op ‘galerij bewerken’ er verschijnt dan een
scherm waarin je afbeeldingen kunt verwijderen en
toevoegen.
Afbeelding opmaak
Klik op de afbeelding die je wilt bewerken. Er verschijnt aan de rechterzijde een kolom met opmaak
instellingen.
Instellingen
● Verbergen: hiermee kun je niet gewenste elementen verbergen. Verborgen elementen
kunnen weer zichtbaar gemaakt worden door op “toon verborgen elementen” te klikken. Alle
verborgen elementen die je verborgen had worden dan getoond.
● Link: wanneer je een woord of stuk tekst wil linken aan iets, zoals een telefoonnummer of een
andere pagina, dan selecteer je het gedeelte dat je wil linken. Vervolgens klik je op de button
‘link’. Je kunt nu bepalen waar het naartoe moet linken. Bijvoorbeeld: naar een pagina, video
of e-mailprogramma zoals Outlook.
● Video (MP4): in dit blok kun je een video af laten spelen. Wanneer je op het dropdownmenu
klikt, kun je ervoor kiezen om een bestand vanaf je computer in te voegen. Je kunt er ook
Onderdeel van
Inhoudsopgave
30
voor kiezen om een video van YouTube in dit blok te plaatsen. Dit doe je door op het
dropdownmenu te klikken, vervolgens klik je op URL en plaats je de URL van de website in
het balkje. Wil je de video automatisch laten starten bij het bezoek van je site? Neem dan
contact op met onze support, zij regelen dit gelijk voor je.
● Verhouding: door op het dropdownmenu te klikken kun je de verhouding van de afbeelding
veranderen.
● Passend: de afbeelding wordt uitgevuld.
● Achtergrondpositie: hiermee kun je de positie van de achtergrondafbeelding bepalen.
● Effect: je kunt een effect geven aan een blok. Dit doe je door op het dropdownmenu te klikken
en een effect uit te kiezen, bijvoorbeeld: ‘inschuiven van links’. Het blok wordt dan
ingeschoven vanaf links wanneer je op de pagina komt.
Opmaak
● Voorgrondkleur: je kunt ervoor kiezen om over de afbeelding heen een kleur te zetten. Dit doe
je door in het vierkantje de gewenste kleur uit te kiezen. Je kunt de kleur transparanter maken
door een lager getal in te vullen op de plaats van 100%.
● Ronde hoeken: wanneer je hier een hoger getal invult, zullen de hoeken van de afbeelding
ronder worden.
● Schaduw: wanneer je hier een getal invult, zal er een schaduw om je afbeelding komen.
● Ruimte onder of boven: wanneer je hier een getal invult, komt er extra lege ruimte onder of
bovenaan het blok. Zo kun je in het blok je ruimtes horizontaal en verticaal instellen.
Afbeeldingen opdelen in mappen
Je kunt jouw afbeeldingen sorteren in mappen. Hieronder wordt stapsgewijs uitgelegd hoe je dit doet.
1. Klik op een willekeurige afbeelding
Onderdeel van
Inhoudsopgave
31
2. Klik op bladeren in het balkje naast afbeelding
3. Ga naar het tabblad geüploade afbeeldingen
4. Klik op map aanmaken
5. Geef de map een naam en klik vervolgens op opslaan
Je hebt nu je eigen map aangemaakt. Om afbeeldingen te uploaden in je map, klik je op de map en
daarna op bestanden uploaden. Je kunt nu afbeeldingen van je computer uploaden naar je map.
Achtergrond Media
De blokken Header en Hero hebben een extra functie. Namelijk: Achtergrond media. Met de
achtergrond media kun je de voorgrondafbeelding van een blokken veranderen. De afbeelding in
het blok kan ook worden gelinkt met bijvoorbeeld een pagina. Je kunt ook een video in het blok
plaatsen. Door op het blok te klikken kun je de Media achtergrond aanpassen. Let op: met de media
achtergrond pas je de voorgrond van het blok aan, als je de achtergrond van het blok wilt veranderen
verwijder dan eerst de afbeelding van media achtergrond.
Onderdeel van
Inhoudsopgave
32
Digitale magazine maken
● Klik op ‘websites’ aan de linkerkant van je scherm.
● Klik op website instellingen.
● Er verschijnt nu een scherm waarin je de instellingen van jouw website kunt aanpassen.
● Klik op het dropdownmenu bij navigatie, deze staat standaard op ‘geen’
● Je kunt nu kiezen uit twee menu’s:
● Menu met pijlen: hierbij kun je door middel van pijlen navigeren van links naar rechts. Er
verschijnt in het paginaoverzicht een extra tabblad genaamd navigatie. Wanneer je klikt op
bewerken kun je een menu met pijlen bewerken. Let op: bij het menu met pijlen zit de
navigatiebalk er standaard in. Uitklapmenu met pagina afbeeldingen: hiermee navigeer je
doormiddel van de afbeeldingen onder in je uitklapmenu. De afbeeldingen in het uitklap
menu, upload je in de pagina instelling in het balkje naast afbeelding. Ook bij dit menu krijg je
een extra tabblad in je pagina overzicht genaamd ‘navigatie’. Wanneer je het uitklapmenu
gaat bewerken verschijnt er een scherm zoals je op de afbeelding hiernaast kunt zien.
In de menubalk zit een documentenicoontje. Dit icoontje kun je laten
linken naar meerdere toekomstige edities. Zodat alle toekomstige
Onderdeel van
Inhoudsopgave
33
magazines met één druk op de knop voor jou lezers zichtbaar zijn.
Overig
Aan de slag met meertaligheid
Wil je dat je website in meerdere talen getoond kan worden? Dat kan. Voordat je de talen in stelt,
moet je eerst een website hebben gebouwd. Zodra deze af is ga je naar het paginaoverzicht van de
website waarvan je de talen wilt instellen. Klik op website instellingen. De taal staat standaard op
‘geen’ en past zich aan, aan de taal waarin de tekst nu staat. Klik op het dropdownmenu om de talen
te selecteren. De paginaopmaak, zonder foto’s en tekst is nu gereed om per taal te kunnen vullen.
De foto’s en taal kun je afstemmen op het desbetreffende land en cultuur.
In het geval dat jou gewenste taal niet in het rijtje met talen staat, bel dan onze servicedesk, dan
voegen wij de taal (land afkorting) via onze developers van Blockwise toe. Let op! Vraag jouw
taalwens wel op tijd aan.
De rollen binnen Blockwise
Je kunt beheerders instellen binnen Blockwise. Op deze wijze is het mogelijk dat er meerdere
personen met verschillende bevoegdheden in de door jouw gemaakte website kunnen wijzigen. Ons
advies is om altijd een reservekopie van je website te maken. Welke rollen zijn er:
● ● Beheerder
○ Kan geen maatwerk blokken maken
○ Kan geen blokcode (html/css/js) bewerken
Onderdeel van
Inhoudsopgave
34
● Redacteur
○ Kan geen websites aanmaken
○ Kan geen facturen bekijken
○ Kan geen pagina's aanmaken
○ Kan geen blokken aanmaken/verplaatsen/verwijderen
○ Kan geen styling aanpassen
○ Heeft geen update beheer
● Auteur
○ Kan geen pagina's kopiëren/verwijderen
● Medewerker
○ kan niet downloaden/publiceren
Een onepager maken
Met de instelling onepager kun je ervoor kiezen om een website te maken die uit één pagina bestaat.
Sleep een navigatie blok naar de pagina en klik op het potloodje om het blok te kunnen bewerken.
Vervolgens klik je op het menu, er verschijnen nu aan de rechterzijde instellingen. Klik op het
vierkantje naast onepager menu. Geef nu één of meerdere blokken een naam. Dit doe je door op een
blok te klikken en in het balkje naast naam, een naam in te vullen. Deze naam verschijnt in de
menubalk zodra de pagina opnieuw is geladen.
Je website downloaden of publiceren
1. 1. Ga naar het websiteoverzicht.
2. 2. Klik op de website die je wilt publiceren.
3. 3. Er zijn 2 mogelijkheden.
a. Website download
Je kunt de website downloaden om online te zetten op je eigen server. Let op, deze optie is
binnenkort alleen voor onze partners beschikbaar. Er wordt geen support gegeven op een website
welke gedownload is.
b. Jouw website publiceren
Klik op publiceren en kies het pakket wat het meeste aansluit op je wensen. Klik vervolgens op
domeinnaam instellen om een domeinnaam in te stellen. Ben je tevreden, ga dan naar betalen om de
bestelling af te ronden.
Onderdeel van
Inhoudsopgave
35
Mouseover
Je kunt ervoor zorgen dat wanneer je met je muis
over een button gaat, de opmaak hiervan
veranderd. Dit kun je ook doen bij een menubalk.
Dit doe je als volgt:
1. Klik op een button of menubalk.
2. Er verschijnt nu aan de rechterzijde een
venster met de opmaakinstellingen. De
opmaak staat standaard ingesteld op
‘‘standaard’’.
3. Klik op het tabblad Mouseover en bewerk
hier de button. De wijzigingen in de
opmaak worden pas zichtbaar wanneer je
met je muis over de button gaat.
Gebruikers aanmaken
Om gebruikers aan te maken in Blockwise moet je onderstaande stappen uitvoeren:
1. klik aan de linkerkant op de button “account”.
2. klik daarna op de naam van je account of de button “openen” aan de rechterkant.
3. Je krijgt nu een overzicht te zien van bestaande gebruikers en waar je gebruikers kunt
toevoegen aan de hand van de button “gebruiker aanmaken”.
4. Klik nu op de button “gebruiker aanmaken” en vul de naam, rol en inloggegevens van de
nieuwe gebruiker in.
5. Na het klikken op de button “opslaan” is de gebruiker toegevoegd.
Onderdeel van
Inhoudsopgave
36
Werken met klantaccounts
Als je in Blockwise meerdere websites hebt gemaakt wil je ook de juiste personen toegang geven tot
deze websites. Om dit te realiseren moet er de zogenaamde “klantaccount” worden aangemaakt. Om
een klantaccount aan te maken moet je hoofdaccount bij ons als “partner” geregistreerd staan. Dit kan
je aanvragen via onze helpdesk op telefoonnummer 010-8208890. Als dit ingesteld staat wordt na het
klikken op de tab “account” de onderstaande button weergegeven.
Om een klantaccount aan te maken ga je als volgt te werk:
1. Klik op de button “klantaccount aanmaken”.
2. Vul nu de informatie in die voor dit account van toepassing is en klik op opslaan.
3. Om gebruikers toe te voegen aan het zojuist aangemaakte klantaccount klik je op de naam
van het klantaccount of op de button “openen” aan de rechterkant.
4. Nu kun je binnen dit klantaccount gebruikers gaan toevoegen via de button “gebruiker
aanmaken.”
5. Vul alle gegevens in die voor deze gebruiker van toepassing zijn en klik op opslaan. De
gebruiker is nu toegevoegd.
6. Navigeer nu naar je website overzicht door op de button “websites te klikken aan de
linkerkant.”
7. Klik op het tandwieltje aan de rechterkant bij de website waaraan je het klantaccount wilt
koppelen.
8. Selecteer bij account het klantaccount wat je toegang wilt geven tot deze website en klik op
opslaan.
Onderdeel van
Inhoudsopgave
37
9. De gebruikers die aan dit klantenaccount zijn gekoppeld hebben nu allemaal toegang tot deze
website.
10. De inloggegevens kan je nu doorsturen naar je klanten.
Private label
Wanneer je als websitebouwer je klanten in een vertrouwde of herkenbare omgeving met je eigen
logo wilt laten inloggen, dan kun je een private label aanmaken. Om dit te realiseren moet je de
onderstaande stappen uitvoeren.
Stap 1: Klik in Blockwise op menu-item "account"
Stap 2: Klik op het instellingen icoontje achter jouw accountnaam
Stap 3: Scroll naar beneden in het instelling popin venster
Stap 4: Upload je eigen logo en vul de andere gegevens in
Stap 5: Zorg ervoor dat je domeinnaam middels een DNS A record naar IP adres 91.190.98.98
verwijst.
Onderdeel van
Inhoudsopgave
38