Handleiding Blockwise

Transcriptie

1 Handleiding Blockwise (versie ) 1

2 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 2

3 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 3

4 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: of via Met plezier staan we voor je klaar! Remo Hollaar support manager 4

5 Account aanmaken Ga naar voor het aanmaken van je Blockwise account. Voer je naam, optioneel: bedrijfsnaam, adres en wachtwoord in. Let op: het is belangrijk dat je je adres 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 adres 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. 5

6 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. 6

7 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 of per mail: support@mach3builders.nl. 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. 7

8 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 de 8

9 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. 9

10 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 10

11 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 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 11

12 Kolom Box Elementen 12

13 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. 13

14 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 adressen 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. 14

15 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. 15

16 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. 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. 16

17 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 adres. Daarom is het van belang dat er een bestaand adres wordt ingevuld. Met dit adres wordt het formulier verstuurd. Zorg ervoor dat de bezoeker zijn adres op het formulier kwijt kan. 17

18 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. 18

19 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 19

20 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 Content 20

21 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. 21

22 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. 22

23 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. 23

24 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. 24

25 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. 25

26 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. 26

27 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. 27

28 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 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. 28

29 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. Afbeelding invoegen 29

30 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 programma 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 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. 30

31 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 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. 31

32 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. Digitale magazine maken Klik op websites aan de linkerkant van je scherm. 32

33 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 magazines met één druk op de knop voor jou lezers zichtbaar zijn. Overig Aan de slag met meertaligheid 33

34 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 Redacteur Kan geen websites aanmaken Kan geen facturen bekijken Kan geen pagina's aanmaken Kan geen blokken aanmaken/verplaatsen/verwijderen Kan geen styling aanpassen 34

35 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 Ga naar het websiteoverzicht Klik op de website die je wilt publiceren Er zijn 2 mogelijkheden. a. Website publiceren via eigen surfer of domeinnaam. Dan kun je deze direct en gratis downloaden. Deze is dan ready for use om online te zetten op je eigen surfer. Let op, deze optie is binnenkort alleen voor onze partners beschikbaar. 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. Mouseover Je kunt ervoor zorgen dat wanneer je met je muis over een button gaat, de opmaak hiervan 35

36 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. 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 Als dit ingesteld staat wordt na het klikken op de tab account de onderstaande button weergegeven. 36

37 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. 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 37

38 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 verwijst. 38