Ihr Tumblr-Theme bestimmt das Aussehen und die Formatierung des gesamten Inhalts Ihres Blogs, von der Größe der Bilder bis zum Stil der Schriftarten. Sie können jedes Tumblr-Theme, ob kostenlos oder Premium, optimieren, indem Sie den Anpassungsbildschirm besuchen. Einige Kenntnisse in HTML (HyperText Markup Language) und CSS (Cascading Style Sheets) sind nützlich, aber Sie können grundlegende Änderungen vornehmen, auch wenn Sie mit der Codierung von Websites nicht vertraut sind.
Der Anpassungsbildschirm
Klicken Sie auf den Link "Anpassen", um den Anpassungsbildschirm aufzurufen, in dem Sie Ihren Blog-Titel, seine Beschreibung und alle in Ihrem aktuellen Thema verfügbaren Optionen ändern können. Wählen Sie "Designs durchsuchen", wenn Sie zu einem anderen Design wechseln möchten. Beachten Sie die Option "Seite hinzufügen", mit der Sie neben Ihren Blog-Posts statische Seiten und Links erstellen können. Mit dem Link "Erweiterte Optionen" können Sie die Anzahl der auf jedem Bildschirm angezeigten Beiträge festlegen, das Öffnen von Links in einem neuen Fenster erzwingen und die standardmäßige mobile Ansicht von Tumblr für Ihren Blog aktivieren.
Eingebaute Theme-Optionen
Theme-Autoren können eine Reihe von Optionen in ihre Themes integrieren – das bedeutet, dass Sie Farben, Schriftarten und andere Variablen ändern können, ohne den eigentlichen Code des Themes selbst zu ändern. Die links neben dem Anpassungsbildschirm aufgeführten Optionen wurden vom Autor bereitgestellt. Diese variieren von Thema zu Thema, können jedoch Schriftfarben und -größen, Hintergrund- und Kopfzeilenbilder, Seitenleisten- und Layoutoptionen, unendliches Scrollen, die Anzeige von Tags und Notizen sowie Widget-Optionen umfassen. Darüber hinaus können Felder für die Eingabe von Benutzernamencodes für Google Analytics, Typekit, Instagram, Twitter und andere Dienste von Drittanbietern vorhanden sein.
Hinzufügen von benutzerdefiniertem CSS
Tumblr-Themes verwenden CSS, um den Stil von Fließtext, Bildern und Überschriften auf Ihrer Website festzulegen. Sie funktionieren auf die gleiche Weise wie Stylesheets in einem Textverarbeitungsprogramm und ermöglichen es dem Benutzer, einen einheitlichen Satz von Schriftformaten zu erstellen, die auf der gesamten Site angewendet werden. Klicken Sie auf dem Anpassungsbildschirm auf "HTML bearbeiten", um den vorhandenen HTML-Code des Themes zu studieren: Das CSS sollte entweder in den HTML-Code selbst eingebettet sein oder es wird ein Link zu einer an anderer Stelle auf Tumblr gehosteten .css-Datei vorhanden sein. Verwenden Sie den Abschnitt Benutzerdefiniertes CSS hinzufügen auf der Seite Erweiterte Optionen, um Ihren eigenen CSS-Code einzugeben, wenn Sie das Standard-Stylesheet des Themes außer Kraft setzen möchten.
Theme-HTML bearbeiten
Sie können nicht nur benutzerdefiniertes CSS hinzufügen, sondern auch das HTML des Themes direkt über den Link "HTML bearbeiten" auf dem Anpassungsbildschirm bearbeiten. HTML-Code wird normalerweise verwendet, um das Seitenlayout und die Struktur zu definieren und zu steuern, welche Elemente angezeigt und wo sie platziert werden. CSS-Code befasst sich mehr mit der Darstellung und dem Stil von Text, Rahmen und Bildern. Wenn Sie das HTML-Theme direkt bearbeiten, deaktiviert Tumblr die Funktion zur automatischen Aktualisierung des Themas, um Ihre Änderungen beizubehalten HTML-Anpassungen).
Wie mache ich...?
Der genaue CSS- und HTML-Code, den Sie für die Änderungen benötigen, hängt davon ab, wie das Thema vom Autor geschrieben wurde. Verschiedene Webentwickler verwenden unterschiedliche HTML- und CSS-Strukturen, aber wenn Sie sich den vorhandenen Code ansehen, sollten Sie sehen können, wie Farben und Stile angewendet wurden. Wenn Sie grundlegende Informationen zu den HTML- und CSS-Optimierungen benötigen, die Sie vornehmen können, gibt es viele Online-Tutorials auf Websites wie W3Schools, Webmonkey und HTMLDog. Es gibt auch relevante Ressourcen im Tumblr Help Center, und Sie können sich auch direkt an den Theme-Autor wenden, um Hinweise zu erhalten.
