kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …

Button für Seitenumbruch zum WordPress-Editor hinzufügen

Bei längeren Artikeln kann es aus struktureller Sicht sinnvoll sein, den Artikel auf mehrere Seiten aufzuteilen. WordPress bringt dazu den sog. »Seitenumbruch« als Standardfunktionalität mit – wir zeigen euch, wie ihr den Button für den Seitenumbruch zum WordPress Editor hinzufügt.

Workshops und Seminare von kulturbanause

Unsere Seminar-Termine für 2018 sind online!

Jetzt Tickets sichern!

Seitenumbruch in WordPress

Um einen Seitenumbruch in WordPress zu erzeugen wechselt ihr in die Textansicht des WordPress Editors und schreibt an die Stelle an der ihr einen Seitenumbruch erzeugen möchtet: <!--nextpage-->

Wechselt ihr zurück zur Visuellen Ansicht erscheint an der Stelle folgende Markierung:

WordPress Page Break
WordPress Page Break

 

Button zum WordPress-Editor hinzufügen

Folgendes Snippet in die functions.php eures WordPress-Themes eingefügt erzeugt den Button in der Werkzeugleiste neben dem Weiterlesen-Tag-Button und macht das Wechseln in die Textansicht obsolet:

add_filter( 'mce_buttons', 'kb_add_next_page_button', 1, 2 );
function kb_add_next_page_button( $buttons, $id ) {
  if ( 'content' === $id ) {
    array_splice( $buttons, 13, 0, 'wp_page' );
  }
  return $buttons;
}
WordPress-Seitenumbruch-Button
WordPress Werkzeugleiste mit Seitenumbruch-Button

WordPress erzeugt für jede weitere Seite eures Artikels eine neue Unterseite. An der Stelle des Seitenumbruchs wird automatisch eine Pagination angezeigt, über die der Leser auf die nächste Seite gelangt.

Jetzt bist du gefragt!

Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freuen wir uns auf deinen Kommentar.

Du kannst diesen Beitrag natürlich auch weiterempfehlen. Wir sind dir für jede Unterstützung dankbar!

Unterstützung bei WordPress-Projekten

Unsere WordPress Agentur ist auf die Entwicklung maßgeschneiderter WordPress-Themes und -Websites spezialisiert. Wenn du Unterstützung bei der Planung, Gestaltung und Entwicklung eines Projekts benötigst, helfen wir gerne weiter.
WordPress-Leistungsangebot →

Das könnte dich auch interessieren

3 Kommentare

  1. Bernhard

    Verfasst am 13. April 2017 um 17:36 Uhr.

    Echt eine clevere Idee und viel einfacher als mit einem Plugin wie Tiny MCE Advanced. Aber der Code geht sicher auch einfacher ;)

    add_filter( ‚mce_buttons‘, ‚my_add_next_page_button‘, 1, 2 );
    function my_add_next_page_button( $buttons, $id ) {
    if ( ‚content‘ === $id ) {
    array_splice( $buttons, 13, 0, ‚wp_page‘ );
    }
    return $buttons;
    }

    Bisher hatte ich noch nie das Bedürfnis, einen Beitrag auf mehrere Seiten zu verteilen, damit mit diesem Snippet wird es dann wirklich einfach.

    • Felix Lehmann

      Verfasst am 18. April 2017 um 17:54 Uhr.

      Hey Bernhard, danke für den Tip. Haben den Code angepasst.

    • Patrick Kaufmann

      Verfasst am 9. Mai 2017 um 18:55 Uhr.

      Hi Felix Lehmann,
      danke für den wertvollen Beitrag.
      Die Informationen sind kompakt, verständlich und kurzweilig aufbereitet und auch noch super verknüpft.
      LG
      Patrick

Kommentar verfassen

Dieser Blog lebt vom Feedback der Besucher! Also los, mach mit!
Bitte habe Verständnis dafür, dass Kommentare die mit dem Inhalt dieses Beitrags nichts zu tun haben, gelöscht werden.