Je Tumblr-thema bepaalt het uiterlijk en de opmaak van alle inhoud op je blog, van de grootte van de afbeeldingen tot de stijl van de lettertypen. Je kunt elk Tumblr-thema aanpassen, of het nu gratis of premium is, door naar het aanpassingsscherm te gaan. Enige kennis van HTML (HyperText Markup Language) en CSS (Cascading Style Sheets) is handig, maar u kunt basisbewerkingen uitvoeren, zelfs als u niet bekend bent met het coderen van websites.
Het aanpassingsscherm
Klik op de link "Aanpassen" om naar het aanpassingsscherm te gaan, waar u de titel van uw blog, de beschrijving en alle beschikbare opties in uw huidige thema kunt wijzigen. Selecteer "Bladeren door thema's" als u naar een ander thema wilt overschakelen. Let op de optie "Een pagina toevoegen" die u kunt gebruiken om statische pagina's en links naast uw blogberichten te maken. Met de link 'Geavanceerde opties' kun je het aantal berichten instellen dat op elk scherm wordt weergegeven, links forceren om in een nieuw venster te openen en de standaard mobiele weergave van Tumblr voor je blog activeren.
Ingebouwde thema-opties
Thema-auteurs kunnen een reeks opties opnemen die in hun thema's zijn geïntegreerd - dit betekent dat u kleuren, lettertypen en andere variabelen kunt wijzigen zonder de eigenlijke code van het thema zelf te wijzigen. De opties die links van het aanpassingsscherm worden vermeld, zijn door de auteur verstrekt. Deze variëren van thema tot thema, maar kunnen betrekking hebben op lettertypekleuren en -groottes, achtergrond- en koptekstafbeeldingen, zijbalk- en lay-outopties, oneindig scrollen, de weergave van tags en notities en widgetopties. Daarnaast kunnen er velden zijn waarin u gebruikersnaamcodes kunt invoeren voor Google Analytics, Typekit, Instagram, Twitter en andere services van derden.
Aangepaste CSS toevoegen
Tumblr-thema's maken gebruik van CSS om de stijl van hoofdtekst, afbeeldingen en koptekst op uw site in te stellen. Ze werken op dezelfde manier als stylesheets in een tekstverwerker, waardoor de gebruiker een uniforme set lettertype-indelingen kan bedenken die op de hele site worden toegepast. Klik op "HTML bewerken" op het aanpassingsscherm om de bestaande HTML van het thema te bestuderen: de CSS moet ofwel worden ingesloten in de HTML zelf of er zal een link zijn naar een .css-bestand dat elders op Tumblr wordt gehost. Gebruik het gedeelte Aangepaste CSS toevoegen op de pagina Geavanceerde opties om uw eigen CSS-code in te voeren als u het standaardstijlblad van het thema wilt overschrijven.
Thema HTML bewerken
Naast het toevoegen van aangepaste CSS, kunt u de thema-HTML ook rechtstreeks bewerken via de link "HTML bewerken" op het aanpassingsscherm. HTML-code wordt meestal gebruikt om de paginalay-out en -structuur te definiëren, om te bepalen welke elementen worden weergegeven en waar ze worden geplaatst; CSS-code houdt zich meer bezig met het uiterlijk en de stijl van tekst, randen en afbeeldingen. Als je het HTML-thema rechtstreeks bewerkt, schakelt Tumblr de functie voor automatisch bijwerken van het thema uit om je wijzigingen te behouden. Dit betekent dat als er in de toekomst een thema-update wordt uitgebracht, je deze handmatig moet installeren (en vervolgens je HTML-aanpassingen).
Hoe doe ik...?
De exacte CSS- en HTML-code die u nodig hebt om wijzigingen aan te brengen, hangt af van de manier waarop het thema is geschreven door de auteur. Verschillende webontwikkelaars gebruiken verschillende HTML- en CSS-structuren, maar als u wat tijd besteedt aan het bekijken van de bestaande code, zou u moeten kunnen zien hoe kleuren en stijlen zijn toegepast. Als je wat basisonderwijs nodig hebt over het soort HTML- en CSS-tweaks dat je kunt maken, zijn er tal van tutorials online op sites zoals W3Schools, Webmonkey en HTMLDog. Er zijn ook relevante bronnen in het Tumblr Helpcentrum en u kunt ook rechtstreeks contact opnemen met de thema-auteur voor tips.
