WordPress Plugin: Login Simply With Teleport

WordPress presents a spread of keyboard shortcuts to reinforce its customers’ productiveness. These shortcuts are tailor-made for Home windows and MacOS working techniques and cater to WordPress utilization, from content material enhancing to remark administration. Let’s discover these shortcuts:

WordPress Block Editor Shortcuts

WordPress Basic Editor Keyboard Shortcuts

Years in the past, we constructed a plugin to cover the admin bar when viewing your web site and use popup navigation as an alternative. We known as it Teleport. After testing, we seen that it slowed down the location load instances with the strategies we deployed, so we now not up to date the plugin.

Keyboard Shortcut to Conceal or Present The WordPress Admin Bar

I like WordPress’s built-in admin bar while you’re logged into your web site, however not when making an attempt to view the location. So, I wrote a modification that you simply may want to deploy by yourself… a keyboard shortcut that may cover or present the WordPress Admin bar while you view your web site, and also you’re logged in!

When the admin bar hundreds, it slides up. Toggling it’ll slide the web page up or down.

Add this code to your youngster theme’s capabilities.php:

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

operate add_inline_admin_bar_script() {
    ?>
    <script sort="textual content/javascript">
        jQuery(doc).prepared(operate(jQuery) {
            var adminBar = jQuery('#wpadminbar');
            var physique = jQuery('physique');

            // Test if the admin bar exists and set the preliminary styling
            if (adminBar.size) {
                var adminBarHeight = adminBar.top();
                // Conceal the admin bar and regulate the physique's prime margin
                adminBar.cover();
                physique.css('margin-top', '-' + adminBarHeight + 'px');

                jQuery(doc).keydown(operate(occasion) {
                    // Toggle performance on particular key mixture
                    if ((occasion.ctrlKey || occasion.metaKey) && occasion.shiftKey && occasion.which === 88) {
                        if (adminBar.is(':seen')) {
                            adminBar.slideUp();
                            physique.animate({'margin-top': '-' + adminBarHeight + 'px'}, 300);
                        } else {
                            adminBar.slideDown();
                            physique.animate({'margin-top': '0px'}, 300);
                        }
                    }
                });
            }
        });
    </script>
    <?php
}

Clarification

• This script initially checks if the admin bar (#wpadminbar) is current. Whether it is, the script calculates its top.
• It then hides the admin bar and units the margin-top of the physique factor to the detrimental worth of the admin bar’s top utilizing jQuery. This makes the admin bar invisible initially and shifts the web page content material up.
• The keydown occasion listener toggles the visibility of the admin bar and adjusts the margin-top of the physique to point out or cover the admin bar easily.