Bearbeiten eines Tumblr-Layouts in Dreamweaver

Tumblr ermöglicht den Zugriff auf den rohen HTML-Code Ihres Tumblr-Blogs. Dies bedeutet, dass Sie ein HTML-Bearbeitungsprogramm verwenden können, um die Änderungen vorzunehmen, wenn Sie dies wünschen. Da der Tumblr-HTML-Code, den Sie anpassen können, ein allgemeines Design erstellt, das dann auf Ihren spezifischen Inhalt angewendet wird, funktioniert die Vorschaufunktion von Dreamweaver nicht ordnungsgemäß. Sie können den HTML-Editor von Dreamweaver weiterhin zum Bearbeiten und Speichern Ihres Tumblr-Designs verwenden. Sie können jedoch keine genaue Vorschau anzeigen, bis Sie den Code in Tumblr eingefügt haben.

1

Melden Sie sich bei Tumblr an und klicken Sie auf das Zahnradsymbol oben auf dem Bildschirm, um auf Ihre Kontoeinstellungen zuzugreifen.

2

Klicken Sie links auf den Namen Ihres Blogs, klicken Sie auf die Schaltfläche "Anpassen" unter dem Designbild und klicken Sie in der linken Leiste auf "HTML bearbeiten".

3.

Klicken Sie mit der rechten Maustaste auf den HTML-Code, wählen Sie "Alles auswählen", klicken Sie erneut mit der rechten Maustaste, und wählen Sie "Kopieren".

4

Öffnen Sie auf Ihrem Computer einen Nur-Text-Editor - z. B. Notepad - und fügen Sie den HTML-Code in ein neues leeres Dokument ein. Speichern Sie das Dokument als Sicherung Ihres vorhandenen Tumblr-Codes. Bei Bedarf können Sie den Code aus dieser Datei kopieren und wieder in Ihre Tumblr-Vorlage einfügen.

5

Starten Sie Dreamweaver und öffnen Sie eine neue, leere HTML-Datei. Markieren Sie den gesamten Code im HTML-Fenster und fügen Sie den Code aus Ihrem Tumblr-Blog darüber ein. Sie möchten keinen automatisch generierten HTML-Code im Dreamweaver-HTML-Editor belassen.

6

Nehmen Sie die Änderungen am HTML-Code für Ihr Tumblr-Design vor. Speichern Sie die Dreamweaver-Datei. Kopieren Sie den Text und fügen Sie ihn in Ihrem Tumblr-Konto ein, um eine Vorschau anzuzeigen. Sie müssen den Code nicht live in Ihrem Blog anzeigen, um eine Vorschau anzuzeigen. Sie können einfach auf die grüne Schaltfläche "Vorschau aktualisieren" in der Schaltfläche "HTML bearbeiten" auf der Tumblr-Anpassungsseite klicken, um zu sehen, wie Ihre Änderungen aussehen.

Tipps

• Lernen Sie Tumblr-Motive, die Ihnen gefallen, um Ideen zur Formatierung des HTML-Codes für Ihr Blog zu erhalten.
• Sie können benutzerdefinierte Elemente in Tumblr hochladen, wenn Sie ein eigenes Hintergrundbild oder ein anderes benutzerdefiniertes Element verwenden möchten. Klicken Sie auf das Zahnradsymbol auf der Seite "HTML bearbeiten" und wählen Sie "Static File Uploader".
• Eine Liste aller Variablen, die Sie anpassen können, ist bei Tumblr verfügbar (siehe Link in Ressourcen).