Sitelay-out bewerken (kop- en voettekst)

[et_pb_section bb_built=”1″][et_pb_row][et_pb_column type=”3_4″][et_pb_text _builder_version=”3.0.92″ background_layout=”light”]

Dit gaat over de maten, de hoogte van de koptekst, menu links, rechts of bovenaan. Let op: om een verandering door te voeren, moet je op Enter drukken. Dat geldt vooral voor het invoeren van de maat van de sitebreedte.

site layout

Meer -> sitelayout bewerken
sitelayout Bewerken1

Klik op ieder onderdeel om het te bewerken. Om de zijbalk te bewerken, moet je dus echt met je muis over de zijbalk zelf heen bewegen. Je ziet daar dan een popup scherm verschijnen, bij kop- en voettekst zie je het vlak van kleur veranderen.

Koptekst
Klik in het koptekstgedeelte; dan verschijnt er een scherm:
Koptekst
In dit voorbeeld had ik een site met een header van precies 159 px hoog (geef de header op bij Site beheren – Site-kop).

Het is handig om die maat hier ook op te geven onder hoogte.

Of maak de hoogte van de koptekst ietsje groter, dan kan de titel van de website precies onder het plaatje van de Site-kop vallen, zoals bij

title website onder header

Het logo komt links bovenaan in de header te staan. Maak je logo niet te groot. Bijvoorbeeld 55 tot 100 of 150 pixels hoog. Hoe groter het logo hoe minder ruimte er is voor de tekst op je site. 

horizontale navigatie
Verschil met een zijbalk navigatie:

  • je kan hier niet automatisch pagina’s laten toevoegen
  • keuze tussen: velden, tabbladen, links.
  • De  balk kan net als de zijmenu’s een submenu tonen
  • Nog een voordeel: op kleine apparaten verdwijnt de zijbalk niet en neemt best veel ruimte in. Met alleen  een hor. navigatiebalk is je website hierdoor beter te bekijken

hor. navigatie

Zijbalk
Het is het meest gebruikelijk om deze aan de linkerkant te hebben. Sandaard staat hij ingesteld op een breedte van 150 pixels. Let op dat je probeert de totale site niet groter dan 1000 px te maken. Neem je een linker zijbalk van 200, dan heb je maar 800 pixels over voor de pagina.

zijbalk

Zie meer bij https://mulderitmaatwerk.nl/googlesites/functies/navigatie/

Aangepaste voettekst

De regel van Google, helemaal onderaan, kan je een heel stuk naar beneden verplaatsen door er een stukje code in dit vak te zetten. Open hiervoor de voettekst, klik op HTML en plak er dit stukje code in:

[code]</pre><div style="height: 800px;"> </div><pre>
[/code]

Je kan een eigen voettekst maken, die komt net boven de voetregel van Google uit.

Site breedte

  • Probeer de sitebreedte eens uit, kies bij breedte of 100{a917afa82aadec12011492663df879025eaf8ce021658d29eab592517aeff41a} of een waarde tussen 800 en 1000. Niet groter, anders gaat het op de meeste beeldschermen niet goed passen en krijgt men een scrollbalk.
  • Als je site op een kleiner apparaat goed te zien oet izjn, kies dan een relatieve breedte en kies een percentage: 80{a917afa82aadec12011492663df879025eaf8ce021658d29eab592517aeff41a} bijvoorbeeld.

Site breedte: 100{a917afa82aadec12011492663df879025eaf8ce021658d29eab592517aeff41a} betekent dat je site het hele scherm gaat vullen. Zo tref je de instellingen standaard aan.

Als je bijvoorbeeld 70{a917afa82aadec12011492663df879025eaf8ce021658d29eab592517aeff41a} invult, dan is er nog ruimte. Een website met veel tekst, zal waarschijnlijker beter uitkomen met een 100{a917afa82aadec12011492663df879025eaf8ce021658d29eab592517aeff41a} scherm.
Hieronder 2 voorbeelden van dezelfde website met een relatieve sitebreedte van 70{a917afa82aadec12011492663df879025eaf8ce021658d29eab592517aeff41a}. De eerste keer bekeken op een groot beeldscherm; de 2e keer op een kleiner.

Op een groot beeldscherm past de titeltekst (Nivon Lange Afstand Wandelgroep) nog op een regel.(resolutie: 1600 x 1200 px)
Nu op een 800 x 600 pixels beeldscherm.
De titel past niet meer op 1 regel.In beide gevallen zie je de achtergrond.

In plaats van een relatieve maat voor je site (bijvoorbeeld 80{a917afa82aadec12011492663df879025eaf8ce021658d29eab592517aeff41a}) heb ik in de voorbeelden hieronder gekozen voor een vaste breedte.

Let op: in dit geval is de website niet goed te zien op een kleiner apparaat, zoals mobielele telefoon of ipad.

Houd er rekening mee dat de minimale maat van een beeldscherm 800 pixels is. Kies je een bredere maat (bijvoorbeeld 1200 px), dan moet iemand met een kleine beeldscherm telkens met zijn muis scrollen om de tekst te lezen. Het hangt ook wel van je doelgroep af in hoeverre je hier echt rekening mee moet houden.
Degenen met een groot beeldscherm zien hierdoor verhoudingsgewijs veel van de achtergrond en weinig van je site.

Hier heb ik gekozen voor een sitebreedte van 800
px. Op mijn grote beeldscherm neemt de achtergrond nu wel erg veel ruimte in ten opzichte van de inhoud.
800 px breed op een scherm van 800 x 600 pixels. Er is geen ruimte meer voor de achtergrond, maar men hoeft net niet te scrollen. De tekst past er precies op.
[/et_pb_text][/et_pb_column][et_pb_column type=”1_4″][et_pb_sidebar admin_label=”menu uiterlijk def” _builder_version=”3.0.92″ area=”et_pb_widget_area_3″ orientation=”right” show_border=”on” background_layout=”light” body_text_color=”#0a4391″ border_width_all=”5px” border_color_all=”#0a4391″ box_shadow_style=”preset1″ module_class=”zijmenu” saved_tabs=”all” global_module=”1553″ /][/et_pb_column][/et_pb_row][/et_pb_section]