WordPress Plugin: Login Simply With Teleport

WordPress provides a spread of keyboard shortcuts to boost its customers’ productiveness. These shortcuts are tailor-made for Home windows and MacOS working methods and cater to WordPress utilization, from content material modifying 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 website and use popup navigation as a substitute. We known as it Teleport. After testing, we observed that it slowed down the location load instances with the strategies we deployed, so we not up to date the plugin.

Keyboard Shortcut to Conceal or Present The WordPress Admin Bar

I like WordPress’s built-in admin bar once you’re logged into your website, 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 once you view your website, and also you’re logged in!

When the admin bar masses, it slides up. Toggling it can slide the web page up or down.

Add this code to your baby theme’s features.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 kind="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.peak();
                // Conceal the admin bar and modify the physique's high 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 peak.
• It then hides the admin bar and units the margin-top of the physique aspect to the destructive worth of the admin bar’s peak 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.