内容营销

WordPress 键盘快捷键:添加键盘快捷键以隐藏或显示 WordPress 管理栏

WordPress 提供一系列键盘快捷键来提高用户的工作效率。这些快捷方式专为 Windows 和 MacOS 操作系统量身定制,并满足 WordPress 从内容编辑到评论管理的使用需求。让我们探索一下这些快捷方式:

WordPress 块编辑器快捷方式

MacOS的

  • Option + Control + o:打开块导航菜单。
  • Option + Control + n:导航到编辑器的下一部分。
  • Option + Control + p:导航到编辑器的上一部分。
  • fn + 选项 + F10:导航到最近的工具栏。
  • Command + Option + Shift + m:在可视化编辑器和代码编辑器之间切换。

Windows

  • Ctrl + Shift + o:打开块导航菜单。
  • Ctrl+Shift+n:导航到编辑器的下一部分。
  • Ctrl + Shift + p:导航到编辑器的上一部分。
  • Fn + Ctrl + F10:导航到最近的工具栏。
  • Ctrl + Shift + Alt + m:在可视化编辑器和代码编辑器之间切换。

WordPress 经典编辑器键盘快捷键

MacOS的

  • 命令+y:重做最后一个动作。
  • 命令 + 选项 + [数字]:插入标题大小(例如,Command + Option + 1 表示 h1)。
  • Command + Option + l:将文本左对齐。
  • Command + Option + j:对齐文本。
  • 命令+选项+c:将文本居中。
  • Command + Option + d: 应用删除线。
  • Command + Option + r:将文本右对齐。
  • 命令+选项+u:创建无序列表。
  • 命令+选项+a: 插入链接。
  • Command + Option + o:创建编号列表。
  • Command + Option + s: 删除链接。
  • Command + Option + q:将文本格式设置为引用。
  • Command + Option + m:插入图像。
  • Command + Option + t:插入“更多”标签。
  • Command + Option + p:插入分页符标签。
  • Command + Option + w:在可视化编辑器中切换全屏模式。
  • Command + Option + f:在文本编辑器中切换全屏模式。

Windows

  • Ctrl+y:重做最后一个动作。
  • Alt + Shift + [数字]:插入标题大小(例如,Alt + Shift + 1 表示 )。
  • ALT + SHIFT + S:将文本左对齐。
  • Alt + Shift + J:对齐文本。
  • Alt + Shift + C:将文本居中。
  • Alt + Shift + D: 应用删除线。
  • Alt + Shift + R:将文本右对齐。
  • ALT + SHIFT + U:创建无序列表。
  • Alt + Shift + A键: 插入链接。
  • ALT + SHIFT + O:创建编号列表。
  • ALT + SHIFT + S: 删除链接。
  • Alt + Shift + q:将文本格式设置为引用。
  • Alt + Shift + M:插入图像。
  • ALT + SHIFT +吨:插入“更多”标签。
  • Alt + Shift + P:插入分页符标签。
  • ALT + SHIFT + W:在可视化编辑器中切换全屏模式。
  • Alt + Shift + f:在文本编辑器中切换全屏模式。

几年前,我们构建了一个插件,可以在查看您的网站时隐藏管理栏并使用弹出导航。我们称之为 瞬移。经过测试,我们注意到我们部署的方法降低了网站加载时间,因此我们不再更新插件。

用于隐藏或显示 WordPress 管理栏的键盘快捷键

当您登录网站时,我喜欢 WordPress 的内置管理栏,但在尝试查看网站时则不喜欢。因此,我编写了一个修改,您可能希望自己部署……一个键盘快捷键,当您查看站点并登录时,它将隐藏或显示 WordPress 管理栏!

MacOS的

  • 选项 + Control + x:切换管理菜单栏。

Windows

  • Ctrl + Shift + x: 切换管理菜单栏。

当管理栏加载时,它会向上滑动。切换它将使页面向上或向下滑动。

将此代码添加到您的子主题的functions.php中:

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
}

说明

  • 该脚本首先检查管理栏(#wpadminbar) 存在。如果是,脚本将计算其高度。
  • 然后它隐藏管理栏并设置 margin-topbody 使用 jQuery 将元素设置为管理栏高度的负值。这使得管理栏最初不可见,并将页面内容向上移动。
  • keydown 事件监听器切换管理栏的可见性并调整 margin-topbody 顺利显示或隐藏管理栏。

Douglas Karr

Douglas Karr 首席营销官是 开放洞察 和创始人 Martech Zone。 道格拉斯帮助了数十家成功的 MarTech 初创公司,协助进行了超过 5 亿美元的 MarTech 收购和投资尽职调查,并继续协助公司实施和自动化其销售和营销策略。 道格拉斯是国际公认的数字化转型和 MarTech 专家和演讲者。 道格拉斯还是一本傻瓜指南和一本商业领导力书籍的出版作者。

相关文章

返回顶部按钮
关闭

检测到Adblock

Martech Zone 我们能够免费为您提供这些内容,因为我们通过广告收入、联属链接和赞助从我们的网站中获利。 如果您在浏览我们的网站时删除广告拦截器,我们将不胜感激。