內容營銷
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+l:將文字左對齊。
- 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+t:插入“更多”標籤。
- 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
順利顯示或隱藏管理列。