So fügen Sie in Tumblr einen HTML-Break "Weiterlesen" hinzu

Studentin, die im Café sitzt.

Read More break ist eine großartige Möglichkeit, Ihren Blog aufzulösen.

Bildnachweis: millann/iStock/GettyImages

Das Hinzufügen einer "Weiterlesen"-Pause auf Tumblr ist eine hervorragende Möglichkeit, Ihren Blog-Inhalt aufzuteilen und das Scrollen durch mehrere Beiträge zu erleichtern. Mit dem standardmäßigen Rich-Text-Editor von Tumblr ist dies ganz einfach, aber wenn Sie eine Tumblr-"Weiterlesen"-Unterbrechung in HTML einfügen möchten, müssen Sie ein wenig Code hinzufügen. Es ist kein Standard-HTML-Code und es sieht nicht so aus, als ob es in der Vorschau des Beitrags funktioniert, aber nach dem Posten wird es so angezeigt, wie Sie es möchten. Es ist jedoch eine gute Idee, beide Ansätze zu kennen, da die Standardmethode viel einfacher ist.

Tumblr „Weiterlesen“ – Einfache Methode

Das Hinzufügen einer "Weiterlesen"-Pause ist mit dem Standard-Rich-Text-Editor von Tumblr einfach. Schreiben Sie zuerst den Anfangsabschnitt Ihres Beitrags, d. h. den Teil, den Sie vor der "Weiterlesen"-Pause lesen möchten. Wählen Sie dann "Enter", um eine neue Zeile zu beginnen, und beachten Sie das "+"-Symbol, das rechts neben dem Editorfenster neben der neuen Zeile erscheint. Klicken Sie auf dieses Symbol, und die Optionen werden angezeigt, wobei die ganz rechts eine Reihe von drei Punkten vor einem grauen Hintergrund ist.

Video des Tages

Klicken Sie auf das Drei-Punkte-Symbol, um die "Weiterlesen"-Umbruch mit der einfachen Methode einzufügen. Sie können auch die Tastenkombination "Strg"+"Umschalt"+"K" auf einem PC oder "Befehl"+"Umschalt"+"K" auf einem Mac verwenden, um dasselbe zu tun. Dadurch wird automatisch der benötigte HTML-Code generiert. Sie müssen nicht in den HTML-Editor gehen, wenn Sie dies nicht möchten.

HTML-Code für „Weiterlesen“

Sie können auch über den HTML-Editor auf Tumblr eine Tumblr-"Weiterlesen"-Unterbrechung erstellen. Um auf den Editor zuzugreifen, klicke auf das Zahnradsymbol in der oberen rechten Ecke des Bildschirms, wenn du einen neuen Beitrag erstellst oder einen bestehenden bearbeitest ein und klicken Sie dann auf das Dropdown-Menü neben "Texteditor". Wählen Sie "HTML" aus den angezeigten Optionen und der Editor wechselt zu HTML Modus.

Der Prozess ab diesem Zeitpunkt ist einfach. Wenn bereits Text vorhanden ist, wird das "

" und "

"-Tags für den Anfang bzw. das Ende von Absätzen. Geben Sie zwischen dem End- und dem Anfangs-Tag, an dem sich die "Weiterlesen"-Unterbrechung befinden soll, "[[MORE]]" (ohne Anführungszeichen) ein, um die "Weiterlesen"-Unterbrechung zu generieren.

Dieser Code ist jedoch kein Standard für HTML, und wenn Sie auf "Vorschau" klicken, wird er so angezeigt, wie Sie ihn geschrieben haben. Aber keine Sorge. Wenn Sie den Beitrag veröffentlichen, wird er als Unterbrechung angezeigt, genau wie bei der vorherigen Methode.

„Weiterlesen“ im Markdown-Editor

Das letzte Format für den Editor in Tumblr ist der Markdown-Editor, und Sie können mit diesem Editor auch einen "Weiterlesen"-Link erstellen. Der Vorgang ist genau der gleiche wie bei HTML. Sie geben den gewünschten Text vor der Unterbrechung "Weiterlesen" und dann "[[MEHR]]" ein, bevor Sie mit der Texteingabe fortfahren. Es wird nicht in der Vorschau angezeigt, wie im HTML-Modus, aber es funktioniert, wenn Sie den Beitrag veröffentlichen.

Hinzufügen von Zeilenumbrüchen in HTML

Obwohl der Link "Weiterlesen" die nützlichste Methode ist, um Ihren Inhalt zu trennen, kann es auch hilfreich sein, zu wissen, wie Sie Zeilenumbrüche in HTML einfügen. Das geht ganz einfach: Geben Sie den Code ein "


" (ohne Anführungszeichen) an der Stelle, an der der Zeilenumbruch erscheinen soll. Sie müssen dies nicht zwischen schließende und öffnende Absatz-Tags setzen. Es funktioniert überall.