内容营销
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-top
的body
使用 jQuery 将元素设置为管理栏高度的负值。这使得管理栏最初不可见,并将页面内容向上移动。 - keydown 事件监听器切换管理栏的可见性并调整
margin-top
的body
顺利显示或隐藏管理栏。