แป้นพิมพ์ลัด WordPress: เพิ่มแป้นพิมพ์ลัดเพื่อซ่อนหรือแสดงแถบผู้ดูแลระบบ WordPress
WordPress นำเสนอแป้นพิมพ์ลัดที่หลากหลายเพื่อเพิ่มประสิทธิภาพการทำงานของผู้ใช้ ทางลัดเหล่านี้ได้รับการปรับแต่งสำหรับระบบปฏิบัติการ Windows และ MacOS และรองรับการใช้งาน WordPress ตั้งแต่การแก้ไขเนื้อหาไปจนถึงการจัดการความคิดเห็น มาสำรวจทางลัดเหล่านี้กัน:
ทางลัดตัวแก้ไขบล็อก WordPress
MacOS
- ตัวเลือก + การควบคุม + o: เปิดเมนูนำทางแบบบล็อก
- ตัวเลือก + การควบคุม + n: นำทางไปยังส่วนถัดไปของตัวแก้ไข
- ตัวเลือก + การควบคุม + หน้า: นำทางไปยังส่วนก่อนหน้าของตัวแก้ไข
- fn + ตัวเลือก + F10: นำทางไปยังแถบเครื่องมือที่ใกล้ที่สุด
- คำสั่ง + ตัวเลือก + Shift + ม: สลับระหว่าง Visual และ Code Editor
Windows
- Ctrl + Shift + o: เปิดเมนูนำทางแบบบล็อก
- Ctrl+Shift+n: นำทางไปยังส่วนถัดไปของตัวแก้ไข
- Ctrl + Shift + p: นำทางไปยังส่วนก่อนหน้าของตัวแก้ไข
- Fn + Ctrl + F10: นำทางไปยังแถบเครื่องมือที่ใกล้ที่สุด
- Ctrl + Shift + Alt + ม: สลับระหว่าง Visual และ Code Editor
แป้นพิมพ์ลัด WordPress Classic Editor
MacOS
- คำสั่ง + y: ทำซ้ำการกระทำสุดท้าย
- Command + Option + [หมายเลข]: แทรกขนาดหัวข้อ (เช่น Command + Option + 1 สำหรับ h1)
- คำสั่ง + ตัวเลือก + l: จัดข้อความชิดซ้าย
- คำสั่ง + ตัวเลือก + เจ: จัดชิดขอบข้อความ
- คำสั่ง + ตัวเลือก + ค: จัดข้อความไว้ตรงกลาง
- คำสั่ง + ตัวเลือก + d: ใช้ขีดทับ
- คำสั่ง + ตัวเลือก + r: จัดข้อความชิดขวา
- คำสั่ง + ตัวเลือก + คุณ: สร้างรายการแบบไม่เรียงลำดับ
- คำสั่ง + ตัวเลือก + ก: แทรกลิงค์
- คำสั่ง + ตัวเลือก + o: สร้างรายการลำดับเลข
- คำสั่ง + ตัวเลือก + s: ลบลิงค์
- คำสั่ง + ตัวเลือก + q: จัดรูปแบบข้อความเป็นเครื่องหมายคำพูด
- คำสั่ง + ตัวเลือก + ม: แทรกรูปภาพ
- คำสั่ง + ตัวเลือก + t: แทรกแท็ก 'เพิ่มเติม'
- คำสั่ง + ตัวเลือก + หน้า: แทรกแท็กตัวแบ่งหน้า
- คำสั่ง + ตัวเลือก + w: สลับโหมดเต็มหน้าจอในตัวแก้ไขภาพ
- คำสั่ง + ตัวเลือก + 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 + T: แทรกแท็ก 'เพิ่มเติม'
- Alt + Shift + P: แทรกแท็กตัวแบ่งหน้า
- ALT + + SHIFT W: สลับโหมดเต็มหน้าจอในตัวแก้ไขภาพ
- Alt + Shift + f: สลับโหมดเต็มหน้าจอในโปรแกรมแก้ไขข้อความ
หลายปีก่อน เราได้สร้างปลั๊กอินเพื่อซ่อนแถบผู้ดูแลระบบเมื่อดูไซต์ของคุณ และใช้การนำทางแบบป๊อปอัปแทน เราเรียกมันว่า การส่งผ่านทางไกล. หลังจากการทดสอบ เราสังเกตเห็นว่ามันทำให้เวลาในการโหลดไซต์ช้าลงด้วยวิธีการที่เราปรับใช้ ดังนั้นเราจึงไม่อัปเดตปลั๊กอินอีกต่อไป
แป้นพิมพ์ลัดเพื่อซ่อนหรือแสดงแถบผู้ดูแลระบบ WordPress
ฉันชอบแถบผู้ดูแลระบบในตัวของ WordPress เมื่อคุณลงชื่อเข้าใช้ไซต์ของคุณ แต่ไม่ใช่เมื่อพยายามดูไซต์ ดังนั้นฉันจึงเขียนการแก้ไขที่คุณอาจต้องการปรับใช้ด้วยตัวเอง... แป้นพิมพ์ลัดที่จะซ่อนหรือแสดงแถบผู้ดูแลระบบ WordPress เมื่อคุณดูไซต์ของคุณและคุณเข้าสู่ระบบแล้ว!
MacOS
- ตัวเลือก + ควบคุม + 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 ซึ่งจะทำให้แถบผู้ดูแลระบบมองไม่เห็นในตอนแรกและเลื่อนเนื้อหาของหน้าขึ้น - Listener เหตุการณ์การกดแป้นจะสลับการมองเห็นของแถบผู้ดูแลระบบและปรับ
margin-top
ของbody
เพื่อแสดงหรือซ่อนแถบผู้ดูแลระบบได้อย่างราบรื่น