So bearbeiten Sie Ihr Thema mit HTML auf Tumblr

Tumblr unterstützt die vollständige Anpassung für jedes kostenlose Thema, das Sie auswählen, sowie vollständig benutzerdefinierte Themen für Ihr Tumblr-Blog. Themen auf Tumblr werden von verschiedenen Entwicklern erstellt, von denen viele Tumblr-Benutzer sind. Daher variieren Design und Layout des Codes zwischen den Themen drastisch, wobei nur wichtige Elemente gemeinsam sind. Während das Experimentieren ein effektives Mittel ist, um die Vor- und Nachteile eines Systems zu erlernen, ist es am besten, sich vor der Bearbeitung Ihres Themas mit Themen vertraut zu machen. Tumblr bietet eine vollständige Seite mit Dokumentationen zu benutzerdefinierten Themen und Variablen.

1

Öffnen Sie Ihre Tumblr-Anpassungsseite unter Tumblr.com/customize. Sie können auch oben in Ihrem Tumblr-Dashboard auf Ihren Benutzernamen klicken und dann in der Seitenleiste auf "Erscheinungsbild anpassen" klicken.

2

Klicken Sie auf die Schaltfläche "Thema". Der Standardbildschirm ist der Themenauswahlbildschirm. Wählen Sie ein Thema aus, das Sie bearbeiten möchten, falls Sie noch keines ausgewählt haben. Klicken Sie nach Auswahl auf "Benutzerdefiniertes HTML verwenden" unten im Menü "Thema".

3

Sehen Sie sich den Code an, um ein Gefühl dafür zu bekommen, wie der Entwickler das Thema ursprünglich erstellt hat. Themen verwenden eine Mischung aus Code, einschließlich HTML, CSS und Javascript. Tumblr-Themen verwenden einen Standardsatz von Blöcken, um die Codebereiche zu definieren, die für verschiedene Beiträge und Abschnitte des Blogs gelten. Beispielsweise beginnt der Abschnitt, der Audio-Posts definiert, mit "{block: Audio}" und endet mit "{/ block: audio}", und der Abschnitt für Zitat-Posts beginnt mit {block: Quote} und endet mit "{/ block: Quote" } "Erleichtert das Auffinden einzelner Beitragstypen und -abschnitte. Wenn Sie nach einem bestimmten Element suchen, sollte die Funktion "Suchen" Ihres Browsers in der Lage sein, Wörter im HTML-Thema zu finden.

4

Fügen Sie beliebiges benutzerdefiniertes HTML ein. Wenn Sie ein neues Stylesheet für Ihr Thema erstellen möchten, fügen Sie es irgendwo zwischen den öffnenden und schließenden Tags für den Kopf des Dokuments ein. Ein Stylesheet ist formatiert als

body {Hintergrund: # 000000;}

Sie können beliebig viele Elemente in Ihr Stylesheet aufnehmen. Jedes Element kann mit CSS geändert werden. Wenn Sie beispielsweise festlegen möchten, dass mit dem H2-Tag geänderte Elemente 22 Pixel hoch und dunkelgrau sind, enthält das Stylesheet den folgenden Block:

h2 {Schriftgröße: 22px; Farbe: # A8A8A8;}

5

Fügen Sie einzelnen HTML-Elementen mithilfe des Tags "style" einen beliebigen Stil hinzu. Wenn Sie beispielsweise Anführungszeichen auf Ihrer Seite ändern möchten, um einen hellgrauen Textschatten zu erhalten, finden Sie den HTML-Code, der Ihr Anführungszeichen ändert, und fügen style = "text-shadow: 1px 1px # A8A8A8;" in den Klammern des HTML-Tags. Jedes auf diese Weise hinzugefügte CSS funktioniert zusätzlich zum Stylesheet Ihrer Seite.

6

Klicken Sie auf "Vorschau aktualisieren", um Änderungen an Ihrem Tumblr-Blog in der Vorschau anzuzeigen, ohne Änderungen zu speichern. Wenn Sie endlich die gewünschten Änderungen an Ihrem Tumblr-Blog vorgenommen haben und bereit sind, diese zu übernehmen, klicken Sie auf "Speichern".