Plugin WordPress : connectez-vous facilement avec Teleport

WordPress propose une gamme de raccourcis clavier pour améliorer la productivité de ses utilisateurs. Ces raccourcis sont adaptés aux systèmes d’exploitation Windows et MacOS et répondent à l’utilisation de WordPress, de l’édition de contenu à la gestion des commentaires. Explorons ces raccourcis :

Raccourcis de l’éditeur de blocs WordPress

Raccourcis clavier de l’éditeur WordPress Classic

Il y a des années, nous avons créé un plugin pour masquer la barre d’administration lors de la visualisation de votre site et utiliser à la place la navigation contextuelle. Nous l’avons appelé Téléportation. Après tests, nous avons remarqué que cela ralentissait les temps de chargement du site avec les méthodes que nous avons déployées, nous n’avons donc plus mis à jour le plugin.

Raccourci clavier pour masquer ou afficher la barre d’administration WordPress

J’aime la barre d’administration intégrée de WordPress lorsque vous êtes connecté à votre site, mais pas lorsque vous essayez de consulter le site. J’ai donc écrit une modification que vous souhaiterez peut-être déployer vous-même… un raccourci clavier qui masquera ou affichera la barre d’administration WordPress lorsque vous consultez votre site et que vous êtes connecté !

Lorsque la barre d’administration se charge, elle glisse vers le haut. L’activer fera glisser la page vers le haut ou vers le bas.

Ajoutez ce code au function.php de votre thème enfant :

add_action('wp_enqueue_scripts', 'enqueue_adminbar_shortcut_script');
function enqueue_adminbar_shortcut_script() {
    if (is_user_logged_in()) {
        wp_enqueue_script('jquery');
        add_action('wp_footer', 'add_inline_admin_bar_script');
    }
}

function add_inline_admin_bar_script() {
    ?>
    <script type="text/javascript">
        jQuery(document).ready(function(jQuery) {
            var adminBar = jQuery('#wpadminbar');
            var body = jQuery('body');

            // Check if the admin bar exists and set the initial styling
            if (adminBar.length) {
                var adminBarHeight = adminBar.height();
                // Hide the admin bar and adjust the body's top margin
                adminBar.hide();
                body.css('margin-top', '-' + adminBarHeight + 'px');

                jQuery(document).keydown(function(event) {
                    // Toggle functionality on specific key combination
                    if ((event.ctrlKey || event.metaKey) && event.shiftKey && event.which === 88) {
                        if (adminBar.is(':visible')) {
                            adminBar.slideUp();
                            body.animate({'margin-top': '-' + adminBarHeight + 'px'}, 300);
                        } else {
                            adminBar.slideDown();
                            body.animate({'margin-top': '0px'}, 300);
                        }
                    }
                });
            }
        });
    </script>
    <?php
}

Explication

• Ce script vérifie initialement si la barre d’administration (#wpadminbar) est présent. Si c’est le cas, le script calcule sa hauteur.
• Il masque ensuite la barre d’administration et définit le margin-top de la body élément à la valeur négative de la hauteur de la barre d’administration à l’aide de jQuery. Cela rend la barre d’administration invisible au départ et déplace le contenu de la page vers le haut.
• L’écouteur d’événements keydown bascule la visibilité de la barre d’administration et ajuste la margin-top de la body pour afficher ou masquer la barre d’administration en douceur.