Sonntag, 24. Oktober 2010

Seitenumbruch im Post

Für das Aussehen unseres Blogs ist es oft besser, wenn die Posts auf der Startseite nicht überlang sind, sondern mit einem Umbruch zum weiterlesen abgekürzt werden.  So werden lange , evtl. auch bebilderte Posts, auf der Startseite nur angerissen. Über einen Link wird auf die komplette Postseite verwiesen.

Nachdem wir unseren Post fertig geschrieben und evtl. auch Bilder, Diaschauen oder Videos eingefügt haben, fügen wir den Umbruch in den Text ein. Auf der Startseite erscheint dann der Inhalt des Posts, der vor dem Umbruch steht. Auf der gesonderten Postseite wird der gesamte Post dargestellt. Ein Umbruch bzw. Absatz (nicht zu verwechseln mit den üblichen Textabsätzen) kann sowohl im Verfassen-Modus als auch im HTML-Modus des Posteditors eingefügt werden.

Im Verfassen-Modus erscheint nach dem Klick auf die Schaltfläche „Absatz einfügen“ im Editor eine gestrichelte Linie. Diese Linie zeigt den Umbruch an. Aber keine Sorge, im Blog ist sie später nicht sichtbar.

Verfassen-Modus

Absatz bzw. Umbruch zwischen dem ersten und zweiten Bild. Auf der Startseite soll nur der einleitende Text und das erste Bild erscheinen.
 Arbeit man im HTML-Modus bzw. klappt der Editor nicht richtig in dem Verfassen-Modus, lässt sich der Umbruch auch in HTML einfügen. Keine Angst, der entsprechende Quellcode ist sehr klein.

HTML-Modus

Im HTML Text fügen wir an der Stelle, wo der Umbruch erscheinen soll, das HTML-Tag <!--more--> ein. Hier im Beispiel ist er wieder zwischen zwei Bildern.
Achtung:  Ein Umbruch kann in einem Post nur einmal generiert werden. Mehr als ein Umbruch macht allerdings auch keinen Sinn.  




Ergebnis:
  
Der Post auf der Startseite

Nach dem einleitenden Text und dem ersten Bild ist der Link     mehr…     zu sehen. Er verweist auf die entsprechende Postseite. Hier ist dann der komplette Post dargestellt.











Der Linktext ist variabel. Er wird im Fenster „Blog-Posts konfigurieren“ eingestellt.

Das Fenster ist über Dashboard |Design | Blogposts | Bearbeiten erreichbar.


Hier ist z.B. als Linktext der Post-Seite „mehr…“  eingestellt. Denkbar wäre auch „hier weiterlesen…“ oder ähnliches.

Wichtig: Bei Änderung Speichern…


Probiert es einmal aus, wenn ihr lange Posts schreibt. Euer Blog wird übersichtlicher und die Besucher werden es Euch danken,
meint Egon...

1 Kommentar:

  1. Danke Egon für den erläuternden Artikel...
    In diesem Blog ist der Kommentar nun direkt unter
    dem Post eingebettet... Habe unterschiedliche Einstellungen bei den 3 Blogs vorgenomen, damit man es mal sieht.

    AntwortenLöschen

Related Posts Plugin for WordPress, Blogger...