So bearbeiten Sie Ihr Design mit HTML auf Tumblr

Tumblr unterstützt die vollständige Anpassung für jedes freie Thema, das Sie auswählen, sowie vollständig benutzerdefinierte Motive für Ihren Tumblr-Blog. Tumblr-Designs werden von verschiedenen Entwicklern erstellt, von denen viele Tumblr-Benutzer sind. Daher variieren Design und Layout des Codes drastisch zwischen den Themen, wobei nur die wichtigsten Elemente gemeinsam sind. Experimentieren ist zwar ein effektives Mittel, um die Besonderheiten eines Systems zu erlernen. Es ist jedoch am besten, wenn Sie sich mit Themen auskennen, bevor Sie sie bearbeiten. Tumblr bietet eine vollständige Seite mit Dokumentation zu benutzerdefinierten Themen und Variablen.

1

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

2

Klicken Sie auf die Schaltfläche "Theme". Der Standardbildschirm ist der Themenauswahlbildschirm. Wählen Sie ein Thema aus, das Sie am liebsten bearbeiten möchten, wenn Sie noch kein Thema ausgewählt haben. Klicken Sie nach der Auswahl auf "Use Custom HTML" (Benutzerdefiniertes HTML verwenden) unten im Menü "Theme".

3.

Durchsuchen Sie den Code, um ein Gefühl dafür zu bekommen, wie der Entwickler das Thema ursprünglich erstellt hat. Themes verwenden eine Mischung aus Code, einschließlich HTML, CSS und Javascript. Tumblr-Designs verwenden einen Standardsatz von Blöcken, um die Codebereiche zu definieren, die für verschiedene Posts und Abschnitte des Blogs gelten. Zum Beispiel beginnt der Abschnitt, der Audio-Posts definiert, "{block: Audio}" und endet mit "{/ block: audio}", und der Abschnitt für Zitat-Posts würde {block: Quote} und end "{/ block: Quote" starten } ", um das Auffinden einzelner Beitragstypen und Abschnitte zu erleichtern. Wenn Sie nach einem bestimmten Element suchen, sollte die Suchfunktion Ihres Browsers Wörter innerhalb des HTML-Themas finden können.

4

Fügen Sie einen beliebigen benutzerdefinierten HTML-Code ein. Wenn Sie ein neues Stylesheet für Ihr Design erstellen möchten, fügen Sie es zwischen den öffnenden und schließenden Tags für den Kopf des Dokuments ein. Ein Stylesheet wird als formatiert

Sie können beliebig viele Elemente in Ihr Stylesheet einfügen. Jedes Element kann mit CSS geändert werden. Wenn Sie zum Beispiel etwas, das mit dem H2-Tag geändert wurde, als 22 Pixel hoch und dunkelgrau festlegen möchten, enthält das Stylesheet diesen Block:

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

5

Fügen Sie den HTML-Elementen mithilfe des Tags "style" einen beliebigen Stil hinzu. Wenn Sie beispielsweise Anführungszeichen auf Ihrer Seite so ändern möchten, dass sie einen hellgrauen Textschatten haben, würden Sie den HTML-Code finden, der Ihr Zitat ändert, und in die Klammern des HTML-Tags einfügen. 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 die Änderungen zu speichern. Wenn Sie die gewünschten Änderungen an Ihrem Tumblr-Blog vorgenommen haben und bereit sind, sie zu bestätigen, klicken Sie auf "Speichern".

Spitze

  • Änderungen an Ihrem Design betreffen nur Ihre Seite, nicht Ihr Dashboard oder Tumblelog.

Warnungen

  • Seien Sie vorsichtig mit Ihrer Syntax. Tippfehler oder Syntaxfehler können das gesamte Thema beschädigen.
  • Um zu den Themenauswahloptionen zurückzukehren, müssen Sie "Benutzerdefiniertes HTML deaktivieren" auswählen. wie impliziert, entfernt dies jeglichen benutzerdefinierten HTML-Code, den Sie verwendet haben.
  • Wenn für Ihr Design ein externes Stylesheet für Designelemente verwendet wird, kann es schwieriger sein, CSS-Elemente zu ändern.

Beliebte Beiträge