Tumblr HTML-sjablonen

Visuele bloggers hebben herbruikbare structuren nodig voor afbeeldingen, korte berichten, portfolio's en auteurgegevens. Tumblr HTML-templates bieden een georganiseerde HTML-basis die deze inhoudstypen leesbaar en aanpasbaar houdt op elk scherm.

Meer HTML-sjablonen uit de sociaal categorie

andere sociaal HTML-sjablonen

Tumblr HTML-templates voor beeldrijke blogs

Een Tumblr-thema moet standhouden in een feed waarin een lang tekstbericht direct boven een fotoset over de volledige breedte staat, gevolgd door een reblog met drie commentaarrondes. Tumblr HTML-templates hebben die indeling al in de markup opgelost, zodat de eerste avond kan worden besteed aan het vervangen van demo-inhoud in plaats van het ontwerpen van een container voor elk berichttype. De bestanden blijven daarna open, zodat de breedte van berichten of de plaatsing van bijschriften handmatig kan worden aangepast zodra de standaardindeling niet bevalt.

Klare markup voor fotosets en reblogs

Het meeste werk in een op Tumblr gericht thema gebeurt binnen het bericht zelf. Een fotoset vereist bijschriften die niet concurreren met de afbeelding, een citaatbericht heeft een bronvermeldingsregel nodig die bij het ontwerp aansluit, en een reblog vereist een duidelijke scheiding tussen de oorspronkelijke auteur en uw eigen toevoeging. Thema's die voor dit type publicatie zijn gemaakt, bevatten deze varianten al.

Wanneer u een kandidaat-thema opent, verdienen enkele onderdelen als eerste de aandacht:

  • Berichtvarianten voor afbeeldingen, platte tekst en geciteerd materiaal.
  • Reblog-reeksen die leesbaar blijven na meerdere commentaarrondes.
  • Tag-links bij berichten zonder dat de tekst overvol raakt.
  • Een zijbalk met een korte biografie, een avatar en uitgaande links.

Zodra deze vier onderdelen kloppen, is de rest vooral een kwestie van smaak, en behouden oudere berichten de vorm die ze hadden op de dag van publicatie.

Thema's kiezen die u kunt aanpassen

Beginnen met een kant-en-klaar thema verschuift de vraag naar hoeveel werk er nog overblijft om te schrijven. Open de markup en inventariseer wat u wilt behouden: een berichtblok dat u kunt dupliceren, een archiefweergave die hetzelfde blok hergebruikt en een header die u kunt vereenvoudigen, leveren meestal een korte aanpassingsklus op.

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

Waar oudere berichten bewaard blijven

Een blog die twee jaar actief is, bouwt een archief op dat niemand van tevoren had gepland. Tags stapelen zich op en zoekmachines sturen mensen veel vaker naar oude berichten dan naar die van deze week. Een thema dat archiefweergaven en taglijsten consistent houdt met de hoofdfeed, voorkomt dat u later uw eigen geschiedenis opnieuw moet ontwerpen.

Stem het thema af op wat u daadwerkelijk publiceert: hoofdzakelijk fotosets, vooral lange teksten, of een combinatie die maandelijks verandert. Het thema dat het aanpassen waard is, is het thema dat er zelfs bij uw meest omvangrijke bericht nog doordacht uitziet, want de opgeruimde demo zegt daar niets over.