Jalara Studio

veröffentlicht am

Im Bearbeitungsbereich den Titel des Beitrages im Browser-Tab ausgeben

# #


In WordPress wird im Bearbeitungsbereich eines Beitrages oder Seite standardmäßig die Angabe Beitrag bearbeiten bzw. Seite bearbeiten im Tab des Browsers ausgegeben, was ein Wiederfinden bei mehreren geöffneten Tabs erschwert. (Die Angabe variiert je nach Post Type.)

Der Titel eines Beitrages oder einer Seite lässt sich in WordPress mit dem Filter Hook 'admin_title'1 im Browser-Tab ausgegeben werden:

function zeige_im_tab_den_titel( $admin_title, $title ) {
    global $post, $action;
    if ( isset( $current_screen->post_type ) && $current_screen->post_type == 'post' && $action == 'edit' ) {
        $admin_title_tag = '' . $post->post_title . ' | Edit Page';
        return $admin_title_tag; 
    }
}
add_filter( 'admin_title', 'zeige_im_tab_den_titel', 10, 2);

Diese Methode zeigt jedoch nicht im Browser-Tab an, ob der geöffnete Eintrag bearbeitet oder aktualisiert bzw. gespeichert wurde, was in einigen Fällen hilfreich sein kann.

Mit folgendem Codeschnipsel, eingefügt in ein seitenspezifisches Plugin, Must Use Plugin oder in die Datei functions.php im (Child-)Theme, wird der Action Hook 'admin_footer'2 genutzt, um im Footer des Backends bzw. Adminbereiches ein jQuery-Script einzubinden. Dieses prüft jede Sekunde den Text im TinyMCE und zeigt bei einer Änderung des Textes im Tab des Browsers einen Asterisk zum Titel an:

function ueberwache_tinymce_fuer_titel() {
    global $post, $action;
    if ( $action == 'edit' ) {
        $titel = $post->post_title;
        echo '<script type="text/javascript">
            jQuery( function ( $ ) {
                document.title = "' . $titel . '" + " | Edit Page";
                setTimeout( function () {
                    for ( var i = 0; i < tinymce.editors.length; i++ ) {
                        tinymce.editors[i].onChange.add( function ( ed, e ) {
                            document.title = "* " + "' . $titel . '" + " | Edit Page"; 
                            ed.save();
                        } );
                    }
               }, 1000);
            } );
        </script>';
 }
}
add_action( 'admin_footer', 'ueberwache_tinymce_fuer_titel' );

Links

Buchempfehlung

Anzeige | Affiliate-Link*

Wer wissen möchte, wie man Word­Press mit Hilfe von Plugins und Themes er­weitern kann, dem sei das 388 Seiten starke, 2019 neu veröffentlichte Taschen­buch WordPress für Ent­wickler: Crash­kurs des Web­ent­wick­lers David Remer empfohlen.