Pas de blogpagina's van je site aan met opmaak en lay-outs.

Blogpagina's zijn landingspagina's die links bevatten naar individuele blogposts. Je kunt blogpagina's aanpassen aan jouw merk en stijl. Gebruik deze gids om de stijlopties voor blogpagina's en hun individuele posts te vinden. Zie Bloggen met Squarespace om een blogpagina aan te maken en berichten toe te voegen.

Deze gids richt zich op blogpagina's van versie 7.1. In versie 7.0 heeft elk sjabloon zijn eigen bloglay-outs en stijlopties. Voor meer informatie, bekijk blogpagina's in stijl voor versie 7.0.

Open je stijlopties

Blogpagina's zijn opgedeeld in twee delen: de bloglandingspagina, die een lay-out van postvoorbeelden maakt waarop bezoekers kunnen klikken om posts te openen, en de individuele posts waarin je de inhoud van je blog toevoegt.

Je zult de blogpagina en blogposts op twee hoofdplekken stylen:

• Bloglandingspagina - Klik Bewerken op de blogpagina en klik vervolgens op het potloodpictogram in het bloggedeelte
• Blogposts - Klik op een post op de blogpagina om deze te openen, klik op Bewerken en klik vervolgens op het potloodpictogram.

Blogpagina-indelingen

De landingspagina van je blog is ook je bloggedeelte. Het toont voorvertoningen van je posts, waarop bezoekers klikken om individuele posts te openen.

Nadat je de stijlen van het blogsectie hebt geopend, klik je op het lay-out uitklapmenu onder Opmaak om een lay-out te selecteren. Blogpagina-indelingen hebben twee indelingen: een raster, waarbij posts in meerdere rijen en kolommen worden weergegeven, of een gestapelde indeling, waarbij posts in één kolom worden gestapeld. Kies uit:

• Blog over basisraster - Een rasterlay-out waarbij de beeldverhouding van de uitgelichte afbeelding vaststaat, wat zorgt voor een uniforme set kolommen en rijen.
• Masonry blog - Een rasterlay-out waarbij de beeldverhoudingen van de uitgelichte afbeeldingen niet worden bijgesneden, wat de rijen en kolommen een mozaïekachtige uitstraling geeft. Afhankelijk van je apparaat kunnen uitgelichte afbeeldingen buiten chronologische volgorde verschijnen om de beste pasvorm te garanderen.
• Blog met één kolom - Een gestapelde lay-out waarbij uitgelichte afbeeldingen boven posttitels en andere metagegevens in één kolom worden weergegeven.
• Side by side blog - Een gestapelde lay-out waarbij uitgelichte afbeeldingen naast de posttitels en andere metagegevens aan een vaste kant worden weergegeven.
• Blog met afwisselende weergave naast elkaar - Een gestapelde lay-out waarbij uitgelichte afbeeldingen naast de posttitels en andere metagegevens aan afwisselende zijden worden weergegeven.

Elke lay-out heeft zijn eigen stylingopties. Deze instellingen gelden voor alle blogpagina's met dezelfde lay-out op je site.

Houd rekening met het volgende:

• Deze wijzigingen zijn van invloed op alle blogpagina's die dezelfde lay-out gebruiken.
• Wijzigingen aan een lay-out worden opgeslagen wanneer je overstapt op een nieuwe lay-out. Als je terugkeert naar de vorige lay-out, worden je instellingen hersteld, tenzij je die lay-out op een andere blogpagina hebt bewerkt.
• In de meeste lay-outs wordt de volledige blogpost niet weergegeven op de landingspagina van het blog. Om de volledige inhoud van elke post weer te geven, gebruik je de lay-out met één kolom en stel je de Inhoudsweergave in op Volledige post.

Opmaakopties

Nadat je een lay-out hebt gekozen, stel je de volgende opties in op het tabblad Opmaak. Afhankelijk van de gekozen lay-out worden sommige opties mogelijk niet weergegeven. Bijvoorbeeld, alleen de Basis-abonnementraster en Masonry lay-out hebben kolominstellingen.

• Breedte: Selecteer Volledig om de inhoud over de hele breedte van het gedeelte te verspreiden, of Ingesprongen om de opvulling links en rechts van de inhoud te vergroten.
• Kolommen - Stel de Basic-abonnement raster of Masonry lay-out in op 2, 3 of 4 kolommen.
• Horizontale tussenruimte - Beschikbaar voor Basisraster en Masonry-lay-outs
• Verticale ruimte
• Plaatsing afbeelding - Stel in dat de uitgelichte afbeelding boven of onder de titel en metagegevens van de post wordt weergegeven.
• Beeldverhouding - Stel een standaard Masker in voor uitgelichte afbeeldingen.
• Afbeeldingsafstand
• Tekstuitlijning - Lijn de tekst links, gecentreerd of rechts uit.
• Uitlijning van afbeeldingstekst - Lijn de tekst uit met de Bovenkant, Het midden of De onderkant van de uitgelichte afbeelding in Side by Side-lay-outs.
• Uittreksel - Stel uittreksels in op Tonen of Verbergen. Voeg uittreksels toe in de instellingen van elke post.
• Link met meer informatie - Laat bezoekers weten dat er na het uittreksel meer inhoud is.
• Title Spacing - Stel de afstand in tussen de titel van het post en het uittreksel.
• Breedte tekstinhoud - Stel de breedte in van de tekstinhoud voor Basisraster en Masonry-lay-outs.
• Lees meer spatiëring - Stel de spatiëring in tussen het uittreksel en de Lees meer -hyperlink.
• Metapositie - Stel in dat de metagegevens bovenaan de tekstinhoud of onder het uittreksel worden weergegeven.
• Primaire metagegevens - Stel in welke metagegevens als eerste worden weergegeven. Je kunt Categorieën, Datum, Auteur of Geen kiezen. De datum wordt weergegeven in MM/DD/JJ of DD/MM/JJ, afhankelijk van de taal van de site.
• Secundaire metagegevens - Stel in welke metagegevens als tweede worden weergegeven. De opties zijn hetzelfde als bij de primaire metagegevens.
• Meta spacing - Stel de afstand in tussen de metagegevens en de posttitel.
• Scheidingsteken – Kies hoe de primaire en secundaire metagegevens gescheiden moeten worden. Voor meer informatie, raadpleeg Delimiters.
• Inhoud weergeven - Stel voor de enkele kolom lay-out in welke tekstinhoud wordt weergegeven bij de post. Kies alleen titel, uittreksel of volledige post. Voeg uittreksels toe in de instellingen van elke post.

Overige elementen van de blogpagina

De volgende elementen van je hoofdblogpagina zijn ingesteld in andere gebieden:

• Aantal posts per pagina - Stel het aantal posts dat op de blogpagina verschijnt, tussen 1 en 20, in de pagina-instellingen. Als je meer posts hebt dan er op één pagina passen, verschijnen er onderaan de blogpagina pagineringslinks voor oudere en nieuwere posts. Je kunt de tekst zelf niet wijzigen, maar je kunt wel het lettertype aanpassen. Oneindig scrollen wordt niet ondersteund in versie 7.1.
• Uitgelichte afbeeldingen - Voeg de uitgelichte afbeelding toe die wordt weergegeven op de landingspagina voor elke post in de instellingen van elke blogpost.
• Lettertypen - Stel het lettertype in voor blogposttitels, uittreksels, metagegevens, Lees meer -links en paginatielinks in sitestijlen. Voor meer informatie bekijk je de lettertypen van de blogpagina.

Blogposts

Blogposts maken gebruik van onze klassieke editor, waarin je blokken toevoegt en rangschikt.

Na het openen van de stijlopties voor blogposts kun je de volgende instellingen wijzigen:

• Formaat - Stel de spatiëring en de weergave van metagegevens in. Alle blogposts op je site, zelfs op verschillende blogpagina's, delen deze instellingen. Bekijk de volledige lijst met aanpassingen hieronder.
• Kleur - Stel de kleuren van je site in of verander het thema van het bloggedeelte. Voor meer informatie, bekijk de kleuren van de blogpagina.

Opties voor het opmaken van blogposts

Elke post op je site, zelfs op verschillende blogpagina's, deelt deze instellingen. Als je een wijziging aanbrengt in één post, geldt dat voor alle andere posts.

• Inhoudsbreedte - Stel de breedte van de postinhoud in op Smal, Medium, Breed of stel een Aangepaste breedte in.
• Tekstuitlijning - Tekst links uitlijnen of Centreren.
• Metapositie – Stel in dat de metagegevens Boven de titel of Onder de titel worden weergegeven.
• Categorieën tonen - Schakel deze optie in om categorieën toegevoegd aan de post te tonen.
• Datum tonen - Inschakelen om de publicatiedatum van de post te tonen. Op individuele posts worden alleen de maand en de dag weergegeven. Het is niet mogelijk om het jaartal bij posts weer te geven, maar het jaartal verschijnt wel wanneer de datum zichtbaar is op de blogpagina.
• Toon auteursnaam - Inschakelen om de auteur van de post te tonen.
• Toon auteursprofiel - Schakel in om het auteursprofiel onder de postinhoud weer te geven.
• Stijl van scheidingstekens – Selecteer hoe metagegevens moeten worden opgedeeld. Voor meer informatie bekijk scheidingstekens.
• Headerafstand

Scheidingstekens

Als je metagegevens zoals datums, namen van auteurs of categorieën op je blog weergeeft, kun je scheidingstekens of interpunctie toevoegen om de metagegevens visueel van elkaar te scheiden.

Om de scheidingstekens te selecteren of te verbergen:

1. Klik op Bewerken op de blogpagina of de post.
2. Zweef over het bloggedeelte of de post en klik op het potloodpictogram.
3. Klik onder het tabblad Opmaak op afscheiders.
4. Selecteer een van de opties, of kies Geen (op blogpagina's) of Spatie (op blogposts) om ze te verbergen.
5. Klik op Opslaan om je wijzigingen op te slaan en verder te gaan met bewerken, of klik op Afsluiten en vervolgens opslaan om de editor te sluiten.

Lettertypen voor blogpagina's

Lettertypen op blogpagina's en blogposts volgen je sitebrede lettertypen. Om ze te wijzigen, klik op Bewerken op een blogpagina of post, klik op het penseelpictogram en klik op het desbetreffende lettertype. Om te wijzigen welke stijl een specifiek tekstelement volgt, of om het onafhankelijk van je sitebrede lettertypen te stylen, klik je op Stijlen toewijzen. 

Bekijk de lijst hieronder voor de aanpassingen in Stijlen toewijzen.

Hoofdblogpagina

Elke blog-lay-out heeft aparte lettertype-stijlopties. Gebruik onder de blog-lay-out in Stijlen toewijzen de volgende aanpassingen:

• Titel
• Uittreksel - Lees Meer links volgen ook deze instellingen 
• Meta

De paginatielinks onderaan de hoofdpagina van je blog volgen de Alinea-stijlen van je site en de stijl en grootte van Paragraaf 2 . Dit kan niet worden gewijzigd.

Blogposts

Alle blogposts op je site hebben dezelfde stijl. Gebruik onder Blog Post in Stijlen toewijzen de volgende aanpassingen:

• Titel
• Meta
• Auteursprofiel
• Paginering

De kleuren van je blogpagina

Nadat je de stijlopties voor je bloglandingspagina of een blogpost hebt geopend, klik je op Kleuren om de kleuren van je blogpagina en berichten te wijzigen.

Om de kleuren van de blogpagina te wijzigen, selecteer je een nieuw kleurenschema. Je blogpagina en al je posts hebben hetzelfde kleurenschema, dus het veranderen van het thema van de blogpagina verandert ook het thema van je posts, en vice versa.

Om individuele kleuren in het door je geselecteerde thema te wijzigen:

1. Klik op het potloodpictogram naast de themanaam.
2.  Scroll naar beneden naar de blogaanpassingen voor je lay-out en de blogpostaanpassingen, klik vervolgens op de aanpassing die je wilt wijzigen en stel een nieuwe kleur in.
3. De overige elementen op je blogpagina volgen de algemene stijlen van de site. Bijvoorbeeld, de meeste tekst volgt de kleuren onder Tekst. Het veranderen van deze kleuren beïnvloedt alle gedeelten met hetzelfde kleurenpalet op je site.

Onthoud dat de kleuren in je thema's worden bepaald door het kleurenpalet van je site. Als je je palet verandert, kan dat ook je kleurenschema's veranderen. Voor meer informatie, bezoek Kleuren wijzigen.

Stijl blogpagina's op versie 7.0

De sjabloonfamilies in versie 7.0 hebben elk unieke lay-out- en stylingopties voor blogs. Voor meer informatie over de mogelijkheden van je blog, raadpleeg de handleiding van je sjabloonfamilie:

• Adirondack
• Avenue
• Aviator
• Bedford
• Pekel
• Farro
• Five
• Flatiron
• Forte
• Galapagos
• Ishimoto
• Marquee (niet meer leverbaar)
• Momentum
• Montauk
• Natuurlijk
• Pacific
• Skye
• Levering
• Tremont
• Wells
• Wexley
• York

Zie onze vergelijkingstabellen voor sjablonen om de lay-outs en functies per categorie te vergelijken.