Wat betekent Header op Tumblr?

Een koptekst is de hoofdbanner van een Tumblr-blog. Afhankelijk van uw configuratie, kunnen kopteksten afbeeldingen, tekst of beide zijn. De kop dient om bezoekers aan uw blog te verwelkomen, onafhankelijk van de berichten. Headers moeten worden geconfigureerd via de aanpassingspagina van uw thema of rechtstreeks via Hypertext Markup Language en Cascading Style Sheets.

Thema's en maatwerk

Elk Tumblr-thema behandelt headers enigszins anders. De meeste thema's gebruiken de titel en beschrijving van uw blog als standaardtekstkop. Afhankelijk van je themaconfiguratie, kun je mogelijk je kop wijzigen vanuit het aanpassingsmenu voor je blog. Wanneer u bent ingelogd, klikt u op de knop 'Aanpassen' in de rechterbovenhoek van uw blogpagina. In het menu Aanpassen kan er een optie zijn om de afbeelding van de koptekst te wijzigen en een nieuw bestand te uploaden. Als dat niet het geval is, moet u een headerafbeelding configureren via HTML en CSS.

Header-bestanden en inhoud

Als een headerbestand een afbeelding is, moet dit een standaard afbeeldingsindeling hebben zoals JPG, GIF of PNG. De specifieke inhoud moet worden gemaakt en bewerkt met behulp van beeldmanipulatiesoftware. Typisch, zal een beeldheader ook de titel van de blog of een andere inleidende tekst omvatten; het is het eerste dat de meeste gebruikers te zien krijgen wanneer zij uw blog bekijken. Bovendien moet een headerafbeelding worden geüpload naar internet, zodat uw blog hierop kan linken.

HTML

Een headerafbeelding wordt gedefinieerd in de HTML van uw Tumblr-blog. Meestal wordt dit beschouwd als metagegevens voor uw blog en wordt daarom geconfigureerd binnen de 'hoofd'-tags van uw blogcode. De headerafbeelding is gekoppeld via een 'meta'-tag met de naam' image: Header '. Vervolgens kan vanuit de inhoud van uw blog naar de headerafbeelding worden verwezen en weergegeven. Dit is het soort codering dat bestaat achter de schermen van de meeste thema's die koptekstafbeeldingen gebruiken. Als u uw koptekstafbeelding niet wilt definiëren binnen de "hoofd" -tags van uw blogcode, kunt u ook naar een afbeelding linken met een "img" -tag in de body van uw blog.

Headeropmaak

Uw Tumblr-header kan verder worden aangepast via CSS. In CSS kunt u de koptekst opgeven met de ID #header. Nadat u deze ID hebt gemaakt, kunt u parameters zoals de breedte, positionering, marge en uitlijning van de kop wijzigen. Het item met de "header" -ID in uw HTML-code zal worden gestileerd volgens deze parameters. U kunt bijvoorbeeld de kop links van de pagina uitlijnen met behulp van de eigenschap float: #header {float: left;}.