De uitstraling van een docs-site aanpassen
Stel het logo, de favicon, de merkkleur, lettertypes, hoeken, het standaardthema en de koptekst van de startpagina van een docs-site in, en kies of de "Powered by Clevera"-badge wordt getoond. Bekijk elke wijziging in het voorbeeld voordat je deze opslaat en publiceert.
Weergave bepaalt hoe je docs-site eruitziet voor lezers: het logo en de favicon, één merkkleur, de lettertypes, de vorm van de hoeken, het standaard lichte of donkere thema en de koptekst van je startpagina. Elke wijziging is direct zichtbaar in een live voorbeeld terwijl je deze aanbrengt, en wordt live gezet bij je volgende publicatie.
Voordat je begint
- Eigenaren, beheerders en redacteurs kunnen de weergave wijzigen. Anderen zien "Alleen beheerders en redacteurs kunnen de uitstraling van de site wijzigen."
- Een gepauzeerde site is alleen-lezen: "Deze site is gepauzeerd. Hervat de site om de uitstraling te wijzigen."
- De naam van de site wordt ingesteld in Instellingen → Algemeen, niet hier.
De weergave wijzigen
Weergave openen
Open je docs-site en ga naar Weergave onder Site. Het formulier staat aan de linkerkant en het Live voorbeeld aan de rechterkant. Klik in een smal venster op Voorbeeld om het te openen.
Het Weergave-scherm met het live voorbeeld Je wijzigingen doorvoeren
Doorloop de onderstaande secties. Het voorbeeld wordt bijgewerkt terwijl je typt.
Het voorbeeld controleren
Schakel het voorbeeld tussen Desktop en Telefoon, Licht en Donker, en tussen de Startpagina en een Artikel-pagina.
Opslaan en publiceren
Een balk toont Niet-opgeslagen wijzigingen met Verwerpen en Opslaan. Klik op Opslaan en publiceer de site om de nieuwe look live te zetten. Als automatisch publiceren is ingeschakeld, gebeurt dit een paar minuten later vanzelf.
Als je de pagina verlaat met niet-opgeslagen wijzigingen, vraagt Clevera om bevestiging voordat je ze verliest.
Logo en favicon
"PNG, JPG, WebP of SVG, tot 2 MB."
| Slot | Waarvoor het dient | Indien leeg |
|---|---|---|
| Lichte achtergrond | Het logo in de koptekst in de lichte modus | De sitenaam wordt getoond als tekst ("Sitenaam als tekst") |
| Donkere achtergrond | Het logo in de donkere modus | "Gebruikt het lichte logo" |
| Favicon | Het kleine icoon in het browsertabblad | "Van je logo" |
Elk slot heeft Uploaden, Vervangen en Verwijderen. "We gebruiken het lichte logo op donkere achtergronden als je het donkere logo overslaat. De favicon komt van je logo, tenzij je er zelf een uploadt."
Kleur
"Eén merkkleur voor knoppen, links en accenten."
- Klik op een van de 8 kleurstalen of gebruik de kleurkiezer om "Elke kleur te kiezen of te plakken" als hex-waarde, zoals
#2563eb. De standaardwaarde is#4f46e5. - Schakel Een kleur voor de donkere modus instellen in om de kleur te kiezen die op donkere achtergronden wordt gebruikt. Uit: "Anders maken we je kleur lichter voor donkere achtergronden." De afgeleide kleur wordt getoond als Automatisch met de bijbehorende hex-waarde.
- Een contrastnotitie hieronder controleert je links. "Links zijn goed leesbaar op lichte en donkere achtergronden" betekent dat het in orde is; "Links zijn mogelijk moeilijk leesbaar. We maken ze iets donkerder" betekent dat de site de linkkleur aanpast voor de leesbaarheid.
Typografie
"Populaire combinaties die in elke taal werken, of elk Google-lettertype."
| Combinatie | Koppen | Broodtekst |
|---|---|---|
| Inter (standaard) | Inter | Inter |
| Geist | Geist | Geist |
| Manrope | Manrope | Manrope |
| Plus Jakarta Sans | Plus Jakarta Sans | Plus Jakarta Sans |
| DM Sans | DM Sans | DM Sans |
| IBM Plex Sans | IBM Plex Sans | IBM Plex Sans |
| Space Grotesk + Inter | Space Grotesk | Inter |
| Source Serif + Sans | Source Serif 4 | Source Sans 3 |
Klik voor iets anders op Meer lettertypes… en kies een Google-lettertype voor Koppen, Broodtekst of beide. De lijst begint met de populairste lettertypes; typ om op naam te zoeken. Elk lettertype toont zijn stijl: Schreefloos, Schreef, Weergave, Handschrift of Monospace.
"Elk Google-lettertype. We hosten het bij je site, zodat lezers het nooit van Google hoeven te laden. Talen die het lettertype niet ondersteunt, gebruiken de combinatie." Dus als je lettertype geen Japanse tekens heeft, vallen Japanse pagina's terug op de combinatie die je hebt gekozen.
Vorm en thema
| Instelling | Opties | Standaard |
|---|---|---|
| Hoeken | Scherp, Zacht, Rond: de afronding van knoppen, kaarten en vakken | Zacht |
| Standaardthema | Systeem (volgt het apparaat van de lezer), Licht, Donker. "Lezers kunnen dit in de koptekst wijzigen." | Systeem |
Koptekst startpagina
Startpagina stelt "De bovenkant van de voorpagina van je site" in.
| Veld | Wat het doet | Standaard |
|---|---|---|
| Titel | De grote kop, tot 120 tekens | De naam van je site |
| Subtitel | De regel eronder, tot 300 tekens | Leeg |
| Zoekveld | Een zoekveld onder de titel | Aan |
| Achtergrond | Wat er "Achter de titel en het zoekveld" staat | Verloop (Zachte gloed) |
Titel en Subtitel kunnen per taal verschillen: open Andere talen onder het veld, of klik op Vertalen naar alle talen om de ontbrekende talen gratis in te vullen. Lege talen tonen de tekst van de standaardtaal.
Achtergrond
"Tekstkleuren passen zich aan om leesbaar te blijven, in lichte en donkere modus." Een contrastwaarde zoals "Titelcontrast · Licht 7.1:1 · Donker 9.4:1" laat zien hoe goed de titel leesbaar is.
| Optie | Keuzes |
|---|---|
| Eenvoudig | Geen kleur, verloop of afbeelding achter de titel |
| Kleur | Een tint of nuance "Voorgesteld op basis van je merkkleur, of kies zelf een kleur.": Vage tint, Lichte tint, Zachte tint, Merkkleur, Diepe nuance, Inkt, Papier, Houtskool |
| Verloop | Zachte gloed, Wassing, Aurora, Zonsopgang, Merk, Middernacht, Mist, Zand, Grafiet |
| Afbeelding | Een getekend patroon (Golven, Raster, Stippen, Blauwdruk, Contouren, Ringen, Lijnen, Sterrenbeeld) of Je eigen afbeelding |
Patronen volgen je merkkleur en zijn beschikbaar op elk abonnement. Je eigen afbeelding vereist Starter of hoger: "PNG, JPG of WebP tot 8 MB. Brede afbeeldingen werken het best; we verkleinen en comprimeren ze voor lezers." Het wordt "Getoond in plaats van een patroon, donkerder gemaakt zodat de titel leesbaar blijft."
Badge
"Powered by Clevera" tonen voegt "Een kleine badge in de voettekst" toe.
| Abonnement | Badge |
|---|---|
| Gratis | Altijd getoond; de schakelaar is vergrendeld |
| Starter, Pro, Business, Custom | Standaard aan; schakel uit om te verbergen |
Wat elk abonnement bevat
| Optie | Gratis | Starter en hoger |
|---|---|---|
| Logo, favicon, kleuren, lettertypes, hoeken, thema | Ja | Ja |
| Startpagina-achtergrond: eenvoudig, kleur, verloop, patroon | Ja | Ja |
| Startpagina-achtergrond: je eigen afbeelding | Nee | Ja |
| De badge verbergen | Nee | Ja |
Zie Abonnementen en limieten voor docs-sites voor alle overige informatie.
Probleemoplossing
| Je ziet | Wat je moet doen |
|---|---|
| "Die afbeelding is groter dan 2 MB." | Maak het logo kleiner of sla het op als WebP of SVG. Een startpagina-afbeelding mag tot 8 MB zijn. |
| "Gebruik een PNG-, JPG-, WebP- of SVG-afbeelding." | Logo's en favicons accepteren alleen deze typen. Startpagina-afbeeldingen accepteren PNG, JPG of WebP. |
| "We konden deze afbeelding niet gebruiken. Probeer een PNG of JPG." | Het bestand kon niet worden gelezen. Exporteer het opnieuw als PNG of JPG. |
| "Die afbeelding is niet geüpload. Probeer het opnieuw." | De upload is onderbroken. Probeer het opnieuw. |
| "Kon de weergave niet opslaan. Probeer het opnieuw." | Er is niets opgeslagen. Controleer elk veld dat rood is gemarkeerd en klik dan opnieuw op Opslaan. |
| "De lettertypelijst is niet geladen." | Klik op Probeer het opnieuw. Je huidige lettertypes blijven behouden. |
| De live site ziet er nog steeds op de oude manier uit | Opslaan is niet hetzelfde als publiceren. Klik op Publiceren bovenaan de site. |