Handleidingen/Je site bewerken/Site-instellingen/Een logo toevoegen aan je website

Een logo toevoegen aan je website

Een logo is een afbeelding die staat voor jou of je merk en die meestal prominent bovenaan een website wordt geplaatst. In deze handleiding lees je hoe je een logo kan toevoegen aan je site.

Maak een logo-afbeelding

Als je net begint met je website, project of bedrijf, heb je misschien nog geen logo. Houd het volgende advies in gedachte bij het maken van een logo-afbeelding:

  • Gebruik een .png-bestand met een transparante achtergrond, zodat het logo niet verschijnt met een wit vak eromheen wanneer je het op je website plaatst.
  • Houd het ontwerp eenvoudig, zodat het er goed uitziet op alle schermen, groot en klein.
  • De aanbevolen grootte van je logo hangt af van je thema, maar 200px breed is een goed beginpunt om mee te experimenteren.
  • Maak een kleinere versie van je logo om te gebruiken als je favicon.

Een logo maken met Jetpack AI

Gebruik de Jetpack AI Logo Generator om een logo te maken dat is gebaseerd op de slogan van je website. Je kan de prompt aanpassen en verschillende stijlen kiezen om de look te creëren die je wilt.

Zo kan je een logo maken met Jetpack AI.

Volg deze stappen om een logo voor je website te maken met Fiverr:

  1. Ga naar de website van de Fiverr logo-maker.
  2. Voer de naam in van je bedrijf of blog en een slogan (als je die hebt) en klik op Genereren.
  3. Fiverr maakt automatisch logo’s voor je. Je kan het ontwerp van je voorkeur kiezen en de kleur, het lettertype, de lettergrootte, spatiëring, positionering en meer aanpassen.
  4. Nadat je je logo hebt gekocht, kan je het afbeeldingsbestand downloaden.
  5. Upload de logo-afbeelding naar WordPress.com door de stappen in het volgende gedeelte te volgen.

Je logo toevoegen

In de meeste gevallen voeg je je logo toe met de Site-editor. Als je site echter een klassiek thema of een thema van derden gebruikt, moet je mogelijk het Aanpassingsmenu gebruiken om het logo van je site toe te voegen of te bewerken.

Een snelle manier om te bepalen of je site de site-editor gebruikt, is door onder Weergave op je dashboard te kijken. Als je daar Editor ziet, gebruik je een site-editorthema.

Selecteer het juiste tabblad voor je interface:

Volg deze stappen om een logo aan je site toe te voegen met de site-editor:

  1. Navigeer vanuit het dashboard van je site naar Weergave → Editor.
  2. Klik rechts op het voorbeeld van de homepage of selecteer het tabblad Patronen om een specifiek template-onderdeel aan te passen.
  3. Selecteer Lijstweergave in de linkerbovenhoek van de editor. Het pictogram lijkt op drie horizontale lijnen boven elkaar.
  4. Blader door de gedeeltes van je koptekst:
    • De meeste template-onderdelen van de koptekst hebben al een sitelogoblok.
    • Als je geen sitelogoblok ziet, gebruik je de + blokinvoeger om er een toe te voegen.
  5. Kies uit een van de volgende opties in de blokwerkbalk die verschijnt:
    • Logo kiezen: je ziet deze optie als je nog geen site-logo hebt toegevoegd.
    • Genereren met AI: klik op de drie sterren voor het genereren van een logo met AI.
    • Vervangen: gebruik deze optie om het logo van je site te vervangen of opnieuw in te stellen.
  6. Pas in de sidebar voor blokinstellingen de volgende instellingen aan:
    • Afbeeldingsbreedte: gebruik de slider of voer een getal in om de breedte van het logo in te stellen.
    • Afbeelding koppelen aan homepage: link het logo van je site naar de homepage van je site. Selecteer optioneel de optie om de link in een nieuw tabblad te openen.
    • Gebruik als favicon: stel het logo van je site in als je favicon (wat wordt weergegeven in browsertabbladen).
  7. Pas in de sidebar voor blokstijlen de volgende stijlen aan:
    • Afbeeldingsstijl: kies tussen standaard of afgerond. Wanneer je kiest voor afgerond, zal een vierkante afbeelding een perfecte cirkel zijn, terwijl een rechthoekige afbeelding een langwerpige vorm zal zijn.
    • Filters: voeg een tweekleurig effect toe met behulp van de Duotone-filterinstelling.
    • Afbeeldingsafmetingen: voeg ruimte toe rond de afbeelding met behulp van de Afmetingen-instellingen.
  8. Klik op de knop Opslaan om je wijzigingen te publiceren.
Copied to clipboard!