Hoe u uw thema kunt bewerken met HTML op Tumblr

Tumblr ondersteunt volledige aanpassingen voor elk gratis thema dat u kiest, evenals volledig aangepaste thema's voor uw Tumblr-blog. Thema's op Tumblr zijn gemaakt door een verscheidenheid aan ontwikkelaars, waaronder veel gebruikers van Tumblr; als zodanig varieert het ontwerp en de lay-out van de code drastisch tussen thema's, met alleen belangrijke elementen gemeen. Hoewel experimenteren een effectief middel is om de ins-en-outs van een systeem te leren, is het het beste om enige gronding in thema's te hebben voordat je die kunt bewerken. Tumblr biedt een volledige pagina met documentatie over aangepaste thema's en variabelen.

1.

Open je Tumblr personalisatiepagina op Tumblr.com/customize; je kunt ook op je gebruikersnaam klikken bovenaan je Tumblr-dashboard en vervolgens op "Uiterlijk aanpassen" in de zijbalk klikken.

2.

Klik op de knop "Thema". Het standaardscherm is het thema-selectiescherm. Kies een thema dat u prettig vindt in het bewerken, als u er nog geen hebt geselecteerd. Eenmaal geselecteerd, klikt u op "Aangepaste HTML gebruiken" onderaan in het themamenu.

3.

Bekijk de code om een ​​idee te krijgen van hoe de ontwikkelaar het thema oorspronkelijk heeft gebouwd. Thema's gebruiken een combinatie van code, waaronder HTML, CSS en Javascript. Tumblr-thema's gebruiken een standaardset blokken om de codegebieden te definiëren die van toepassing zijn op verschillende berichten en secties van de blog. De sectie die de audio-berichten definieert, start bijvoorbeeld "{block: Audio}" en eindigt met "{/ block: audio}" en de sectie voor citaat-berichten zou beginnen met {block: Quote} en eindigen "{/ block: Quote } "zodat u gemakkelijk afzonderlijke berichttypen en secties kunt vinden. Als u naar een specifiek element zoekt, moet de zoekfunctie van uw browser in staat zijn woorden te vinden binnen het thema HTML.

4.

Voeg aangepaste HTML-code toe die u wilt. Als u een nieuwe stylesheet voor uw thema wilt maken, plaatst u deze ergens tussen de openingstags en de sluitingstag voor de kop van het document. Een stylesheet is opgemaakt als

U kunt zoveel elementen opnemen in uw stylesheet als u nodig heeft. Elk element kan worden aangepast met behulp van CSS. Als u bijvoorbeeld iets wilt wijzigen dat is gewijzigd met de H2-tag als 22 pixels hoog en donkergrijs, zou de stylesheet dit blok bevatten:

h2 {font-size: 22px; kleur: # A8A8A8;}

5.

Voeg een stijl toe aan individuele HTML-elementen met behulp van de tag "style". Als u bijvoorbeeld aanhalingstekens op uw pagina wilt wijzigen om een ​​lichtgrijze tekstschaduw te hebben, vindt u de HTML die uw offerte aanpast en die tussen de haken van de HTML-tag wordt toegevoegd. Elke CSS die op deze manier is toegevoegd, werkt als aanvulling op de stylesheet van uw pagina.

6.

Klik op "Voorbeeld bijwerken" om wijzigingen in uw Tumblr-blog in het voorbeeld weer te geven zonder wijzigingen op te slaan. Wanneer je eindelijk de gewenste wijzigingen in je Tumblr-blog hebt aangebracht en klaar bent om ze vast te leggen, klik je op 'Opslaan'.

Tip

• Wijzigingen in uw thema zijn alleen van invloed op uw pagina, niet op uw dashboard of Tumblelog.

waarschuwingen

• Wees voorzichtig met je syntaxis; typfouten of syntaxisfouten kunnen uw volledige thema doorbreken.
• Als u wilt teruggaan naar de opties voor thema-selectie, moet u 'Aangepaste HTML uitschakelen' selecteren zoals geïmpliceerd, verwijdert dit alle aangepaste HTML die u hebt gebruikt.
• Als uw thema een externe stylesheet voor themaelementen gebruikt, kan het veranderen van CSS-elementen moeilijker zijn.