WordPress Plugin: Login Simply With Teleport

WordPress gives a variety of keyboard shortcuts to reinforce 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 Traditional 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 occasions 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 while you’re logged into your web site, however not when attempting to view the location. So, I wrote a modification that you just would possibly want to deploy by yourself… a keyboard shortcut that may conceal 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 can slide the web page up or down.

Add this code to your little one theme’s features.php:

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

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

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

                jQuery(doc).keydown(perform(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
}

Rationalization

• 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 ingredient to the unfavourable 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 conceal the admin bar easily.