Tumblr HTML-sjablonen

HTML-templates voor Tumblr-blogs met veel afbeeldingen

Een Tumblr-thema moet bestand zijn tegen een feed waar een lang tekstbericht direct boven een fotoserie over de volledige breedte staat, en een reblog met drie commentaarrondes daarop volgt. HTML-templates voor Tumblr hebben deze indeling al in de markup verwerkt, waardoor je de eerste avond kunt besteden aan het vervangen van demo-content in plaats van voor elk type bericht een aparte container te bedenken. De bestanden blijven daarna openstaan, zodat de breedte van het bericht of de plaatsing van de bijschriften handmatig kan worden aangepast wanneer de standaardinstellingen je niet bevallen.

Kant-en-klare markup voor fotoseries en reblogs

Het meeste werk in een thema dat is ontworpen voor Tumblr, vindt plaats binnen het bericht zelf. Een fotoserie heeft bijschriften nodig die niet concurreren met de afbeelding, een citaat heeft een bronvermelding nodig die bij het ontwerp hoort, en een reblog heeft een duidelijke scheiding nodig tussen de oorspronkelijke auteur en je eigen bijdrage. Thema's die voor dit soort publicaties zijn ontworpen, bevatten deze varianten al.

Wanneer je een kandidaat-thema opent, zijn er een paar onderdelen die je als eerste moet bekijken:

• Varianten voor berichten met afbeeldingen, platte tekst en geciteerd materiaal.

• Reblog-ketens die leesbaar blijven na meerdere commentaarrondes.

• Taglinks die aan berichten zijn gekoppeld zonder de tekst te overladen.

• Een zijbalk met een korte biografie, een avatar en externe links.

Zodra deze vier elementen goed werken, is de rest vooral een kwestie van smaak, en behouden oudere berichten de vorm die ze hadden op de dag dat je ze publiceerde.

Thema's kiezen die je kunt aanpassen

Als je begint met een kant-en-klaar thema, verschuift de vraag naar hoeveel er nog geschreven moet worden. Open de markup en tel wat je wilt behouden: een berichtblok dat je kunt dupliceren, een archiefweergave die hetzelfde blok hergebruikt en een header die je kunt vereenvoudigen, vormen meestal een kleine aanpassingsklus.

De Nicepage-documentatie over het bouwen van een blog legt uit hoe blogberichten, berichtsjablonen en de HTML-blogexport samenwerken. Die combinatie is belangrijk als je visueel wilt ontwerpen en toch bewerkbare HTML-bestanden wilt overhouden, want een thema is weinig waard als de export beperkt blijft tot een afbeelding van een blog.

Waar oudere berichten worden bewaard

Een blog die al twee jaar bestaat, heeft een archief dat niemand had gepland. Tags vermenigvuldigen zich en zoekopdrachten leiden mensen veel vaker naar oude berichten dan naar die van deze week. Een thema dat archiefweergaven en taglijsten consistent houdt met de hoofdfeed, bespaart je de moeite om je eigen geschiedenis later opnieuw te ontwerpen.

Stem het thema af op wat je daadwerkelijk publiceert: voornamelijk fotoseries, voornamelijk lange teksten of een mix die van maand tot maand verandert. Het thema dat de moeite waard is om aan te passen, is het thema dat er nog steeds doordacht uitziet bij je meest uitgebreide bericht, want de nette demo bewijst daar niets van.