• Spring naar de hoofdnavigatie
  • Door naar de hoofd inhoud
  • Spring naar de voettekst
Handige website

Handige website

handigewebsite.nl

  • tips
  • instructies
  • tests

Google Sites mooier maken

16 april 2020

Bij Google Sites gaat het vooral om de functie. Het is ideaal als een teamsite om informatie te delen. Daarbij is het uiterlijk van de website van minder belang. Toch zijn er wel een aantal mogelijkheden om een website op Google Sites mooier te maken. De instructies op deze pagina zijn voor de nieuwe versie van Google Sites  (met Maken   rechtsonder). Voor de oude versie zie deze link. Als je nog een Google Sites website moet maken, begin dan eerst met onze Google Sites handleiding.

Google Sites vormgeving

Er zijn verschillende dingen die je kan doen om een website op Google Sites mooier te maken. Het eenvoudigste is het gebruik van een andere thema. Als je een logo afbeelding hebt, is dat het logische startpunt om je website mooier te maken.

Thema aanpassen

Met een thema verander je namelijk heel eenvoudig de vormgeving (uiterlijk) van de hele website in één keer. Elke thema heeft zijn eigen vormgeving (layout), kleuren en fonts. Je kunt kiezen voor een thema en vervolgens de kleuren en letterstijl aanpassen naar je eigen smaak en voorkeuren.

Thema aanpassen (zie afbeelding):

  1. Open je Google Sites website.
  2. Klik op Thema’s.
  3. Klik op de Thema welke je wilt gebruiken.
  4. Kies eventueel een andere kleur. Sla deze stap voorlopig en over als je een logo afbeelding hebt.
  5. Kies eventueel een andere letterstijl.
  6. Klik twee keer op de knop Publiceren om wijzigingen vast te leggen.
thema-aanpassen-3274524
Google Sites thema aanpassen

Voor deze demonstratie kies ik voor het Indruk thema.

Logo toevoegen

Je logo wordt bovenaan je website getoond naast de website naam.

  1. Open je Google Sites website.
  2. Klik rechtsboven op Instellingen
  3. In het “Instellingen” venster, klik je op Merkafbeeldingen.
  4. Via de knop Uploaden kun je een logo afbeelding (.jpg, .png of .gif welke minimaal 112 pixels hoog is) uploaden.
  5. Klik op de knop Publish.

Na het uploaden kun je optioneel een Alt-tekst invoeren en de thema kleuren van je website aanpassen aan je logo kleuren.

kleuraccenten-5488639
Kleur voor thema selecteren

Naast je logo heb je ook nog de website naam. Als je dat overbodig vindt, kun je dat verwijderen.

overbodig-verwijderen-3417049
website naam verwijderen

Favicon toevoegen

In webbrowsers zoals Chrome en Safari worden favicons getoond. Dat is de afbeelding naast je websitenaam.

Favicon toevoegen:

  1. Open je Google Sites website.
  2. Klik rechtsboven op Instellingen
  3. In het “Instellingen” venster, klik je op Merkafbeeldingen.
  4. Scroll naar beneden naar het gedeelte van de Favicon. Via de knop Uploaden kun je een afbeelding uploaden. Gebruik bij voorkeur een rechthoekige afbeelding.
  5. Klik op de knop Publish.

Header aanpassen

De header – ook wel omslag of banner genoemd – is de achtergrond afbeelding bovenaan je website. Je kunt de afbeelding en de grootte wijzigen.

Header afbeelding aanpassen:

  1. Beweeg je muis/cursor naar de header.
  2. Klik op “Koptype” om de grootte te wijzigen.
  3. Klik op “Afbeelding wijzigen” om jouw header afbeelding te uploaden. Gebruik voor een banner een afbeelding van minimaal 1920×340 pixels, bij een grote banner gebruik je minimaal 1920×520 en bij een omslag minimaal 1920×716.
  4. Klik op de knop Publish.
header-aanpassen-4404391
opties verschijnen als je cursor bovenop de header plaatst

Tip:Je zult de header afbeelding bij elke pagina moeten aanpassen.

Menu aanpassen

Je kunt de positie (modus) en de achtergrondkleur van het navigatiemenu aanpassen.

  1. Open je Google Sites website.
  2. Klik rechtsboven op Instellingen.
  3. In het “Instellingen” venster, klik je op “Navigatie”.
  4. Kies “Boven” of “Zijkant” en pas eventueel de “Kleur” aan.
  5. Klik op de knop Publish.

Pro tip: Als je een logo hebt, kun je deze duidelijker zichtbaar maken. Door een andere kleur Wit of Zwart te kiezen, wordt een logo zichtbaarder.

Tip: Je kunt de locatie van het menu alleen wijzigen als je meerdere pagina’s hebt.

Afbeeldingen toevoegen

  1. Open je Google Sites website.
  2. Klik aan de rechterkant op “Invoegen > Afbeeldingen”.
  3. Afbeeldingen Uploaden of Selecteren.
  4. Pas eventueel de grootte van de afbeelding aan.
  5. Klik rechtsboven op Publiceren om je wijzigingen te publiceren.

Tip: Pas het formaat van de afbeelding aan door er op te klikken. Er verschijnen puntjes rondom de afbeelding. Deze kun je verschuiven door muis aangeklikt te houden.

formaat-afbeelding-aanpassen-8848661

Tekst toevoegen

Standaard neemt tekst de volledige breedte van een sectie in. Als je tekst toevoegt is een sectie het volledige scherm. Maar je kan ook de tekst op de website in meerdere kolommen weergeven. Je verdeelt de sectie als het ware in stukjes (teksttegels).

Tekst toevoegen:

  1. Open je Google Sites website.
  2. Klik aan de rechterkant op “Invoegen > Tekstvak”.
  3. Je kunt het tekstvak dan verslepen naar de juiste plek op de pagina.
  4. Standaard neemt de tekst de volledige breedte van een sectie. Als je meerdere teksttegels naast elkaar willt gebruiken dan klik je op het tekstvak. Er verschijnen puntjes rondom de afbeelding.
    teksttegel-verslepen-5470717Deze kun je verschuiven door muis aangeklikt te houden. Terwijl je de teksttegel minder breed maakt, zie je wat grijze hulplijnen. Er zijn 12 kolommen. Dus twee kolommen tekst naast elkaar is dus twee teksttegels van 6 kolommen breed.  Bij bijvoorbeeld drie kolommen tekst is het dus drie teksttegels van 4 kolommen breed. Je hoeft overigens niet de kolommen dezelfde breedte te geven.
    Je voegt een extra teksttegel erbij door op de ruimte naast de bestaande teksttegel te klikken en vervolgens op “Tekst Toevoegen te klikken.
    teksttegel-toevoegen-7608749Vervolgens tik je wat tekst in de teksttegels.
  5. Klik rechtsboven op Publiceren om je wijzigingen te publiceren.

Links invoegen

Een link is een verwijzing van de ene naar de andere pagina. Door te klikken op een stukje tekst of een afbeelding kan een gebruiker naar een andere pagina op deze website of een andere website gaan.

Link invoegen:

  1. Klik op de plek waar je een link wilt toevoegen, of markeer de tekst die je voor de link wilt gebruiken.
  2. Klik in de werkbalk op Link .
  3. Selecteer een optie.
  4. Klik op knop Toepassen.
  5. Klik rechtsboven op Publiceren om je wijzigingen te publiceren.
link-invoegen-3762407

Layouts

Google Sites heeft ook lay-outs voor secties. Dit zijn standaard lay-outs voor secties bestaande uit elementen zoals teksten en afbeeldingen.

Layout toevoegen:

  1. Open je Google Sites website.
  2. Klik aan de rechterkant op “Invoegen > Lay-outs”.
  3. Je kunt het layout dan verslepen naar de juiste plek op de pagina.
  4. En vervolgens vul je de lay-out met jouw inhoud.
  5. Klik rechtsboven op Publiceren om je wijzigingen te publiceren.
layout-met-drie-kolommen-8376775

Sectie aanpassen

Soms wil je een sectie aanpassen. Je wilt bijvoorbeeld dat gedeelte verwijderen, kopie van maken of de achtergrondkleur aanpassen.

  1. Open je Google Sites website.
  2. Verschuif je muis (cursor) bovenop de sectie welke je wil aanpassen. Links naast het scherm zie je een aantal opties.
    aanpassen-sectie-9786759
  3. Klik op Achtergrond van een gedeelte, Sectie dupliceren of Sectie verwijderen.
  4. Klik rechtsboven op Publiceren om je wijzigingen te publiceren.

Tip: Door de achtergrondkleur van een sectie te veranderen, benadruk je dat gedeelte

Scheidingslijnen

Met scheidingslijnen maak je duidelijk onderscheid tussen gedeeltes op de website.

Scheidingslijnen maken:

  1. Open je Google Sites website.
  2. Klik aan de rechterkant op “Invoegen > Scheidingslijn”.
  3. Je kunt de scheidingslijn dan verslepen naar de juiste plek op de pagina.
    scheidingslijn-4043430
  4. Klik rechtsboven op Publiceren om je wijzigingen te publiceren.

Tip: In plaats van scheidingslijnen kun je een sectie ook een andere achtergrondkleur geven.

Voettekst

In een voettekst (footer) kun je extra informatie kwijt. Bijvoorbeeld de “kleine lettertjes”. Hier zet je eigenlijk alle informatie neer welke niet super belangrijk is, maar je wel moet/wil vermelden.

Voettekst invoegen:

  1. Open je Google Sites website.
  2. Beweeg je muis (cursor) naar beneden. Je ziet dan een knop verschijnen: Voettekst toevoegen.
    voettekst-toevoegen-6532574
  3. Klik rechtsboven op Publiceren om je wijzigingen te publiceren.

Tip: Ook voetteksten kun je aanpassen qua aantal kolommen en achtergrondkleur/afbeelding.

Google Sites of toch iets anders gebruiken?

Met bovenstaande tips kun je een Google Sites website toch redelijk uit laten zien. Bekijk onze demonstratiewebsite: PadelRacketKopen.nl eens.

Tags: website maken

Footer

Onderwerpen

  • Computeren
  • Website maken
  • Food
  • Fit
  • Kinderen
  • Apps
  • Tennis
  • Gadgets
  • Milieu
  • Smartphones
  • Vakantie
  • Advertenties

    Advertenties en affiliate links leveren ons inkomsten op. De inkomsten gebruiken wij o.a. voor onderzoek naar nieuwe producten en diensten. Als het een dergelijke link is, geven wij dat aan.

    Zoek

    – advertentie –




    © 2009–2023 · Webmarketeers · disclaimer · privacy en cookieverklaring · contact