Pintasan Keyboard WordPress: Tambahkan Pintasan Keyboard untuk Menyembunyikan atau Menampilkan Bilah Admin WordPress
WordPress menawarkan serangkaian pintasan keyboard untuk meningkatkan produktivitas penggunanya. Pintasan ini disesuaikan untuk sistem operasi Windows dan MacOS dan melayani penggunaan WordPress, mulai dari pengeditan konten hingga manajemen komentar. Mari jelajahi pintasan berikut:
Pintasan Editor Blok WordPress
MacOS
- Opsi + Kontrol + o: Membuka menu navigasi blok.
- Opsi + Kontrol + n: Menavigasi ke bagian editor selanjutnya.
- Opsi + Kontrol + hal: Menavigasi ke bagian editor sebelumnya.
- fn + Opsi + F10: Menavigasi ke toolbar terdekat.
- Perintah + Opsi + Shift + m: Beralih antara Visual dan Editor Kode.
Windows
- Ctrl + Shift + o: Membuka menu navigasi blok.
- Ctrl+Shift+n: Menavigasi ke bagian editor selanjutnya.
- Ctrl + Shift + hal: Menavigasi ke bagian editor sebelumnya.
- Fn + Ctrl + F10: Menavigasi ke toolbar terdekat.
- Ctrl + Shift + Alt + m: Beralih antara Visual dan Editor Kode.
Pintasan Keyboard Editor Klasik WordPress
MacOS
- Perintah + kamu: Mengulang tindakan terakhir.
- Perintah + Opsi + [angka]: Menyisipkan ukuran judul (misalnya, Command + Option + 1 untuk h1).
- Perintah + Opsi + l: Meratakan teks ke kiri.
- Perintah + Opsi + j: Membenarkan teks.
- Perintah + Opsi + c: Memusatkan teks.
- Perintah + Opsi + d: Menerapkan coretan.
- Perintah + Opsi + r: Meratakan teks ke kanan.
- Perintah + Opsi + u: Membuat daftar tidak berurutan.
- Perintah + Opsi + a: Menyisipkan tautan.
- Perintah + Opsi + o: Membuat daftar bernomor.
- Perintah + Opsi + s: Menghapus tautan.
- Perintah + Opsi + q: Memformat teks sebagai kutipan.
- Perintah + Opsi + m: Menyisipkan gambar.
- Perintah + Opsi + t: Menyisipkan tag 'Lainnya'.
- Perintah + Opsi + hal: Menyisipkan tag hentian halaman.
- Perintah + Opsi + w: Mengalihkan mode layar penuh di editor visual.
- Perintah + Opsi + f: Mengalihkan mode layar penuh di editor teks.
Windows
- Ctrl + kamu: Mengulang tindakan terakhir.
- Alt + Shift + [angka]: Menyisipkan ukuran judul (misalnya, Alt + Shift + 1 untuk ).
- Alt + Shift + s: Meratakan teks ke kiri.
- Alt + Shift + j: Membenarkan teks.
- Alt + Shift + c: Memusatkan teks.
- Alt + Shift + d: Menerapkan coretan.
- Alt + Shift + r: Meratakan teks ke kanan.
- ALT + SHIFT + u: Membuat daftar tidak berurutan.
- Alt + Shift + a: Menyisipkan tautan.
- Alt + Shift + o: Membuat daftar bernomor.
- Alt + Shift + s: Menghapus tautan.
- Alt + Shift + q: Memformat teks sebagai kutipan.
- Alt + Shift + m: Menyisipkan gambar.
- Alt + Shift + t: Menyisipkan tag 'Lainnya'.
- Alt + Shift + p: Menyisipkan tag hentian halaman.
- ALT + SHIFT + w: Mengalihkan mode layar penuh di editor visual.
- Alt + Shift + f: Mengalihkan mode layar penuh di editor teks.
Bertahun-tahun yang lalu, kami membuat plugin untuk menyembunyikan bilah admin saat melihat situs Anda dan sebagai gantinya menggunakan navigasi popup. Kami menyebutnya teleport. Setelah pengujian, kami melihat bahwa ini memperlambat waktu muat situs dengan metode yang kami terapkan, jadi kami tidak lagi memperbarui plugin.
Pintasan Keyboard untuk Menyembunyikan atau Menampilkan Bilah Admin WordPress
Saya menyukai bilah admin bawaan WordPress ketika Anda masuk ke situs Anda, tetapi tidak ketika mencoba melihat situs tersebut. Jadi, saya menulis modifikasi yang mungkin ingin Anda terapkan sendiri… pintasan keyboard yang akan menyembunyikan atau menampilkan bilah Admin WordPress saat Anda melihat situs Anda, dan Anda masuk!
MacOS
- Opsi + Kontrol + x: Mengalihkan bilah menu admin.
Windows
- Ctrl + Shift + x: Alihkan bilah menu admin.
Saat bilah admin dimuat, bilah tersebut akan bergeser ke atas. Mengalihkannya akan menggeser halaman ke atas atau ke bawah.
Tambahkan kode ini ke function.php tema anak Anda:
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
}
Penjelasan
- Skrip ini awalnya memeriksa apakah bilah admin (
#wpadminbar
) hadir. Jika ya, skrip akan menghitung tingginya. - Itu kemudian menyembunyikan bilah admin dan mengatur
margin-top
daribody
elemen ke nilai negatif tinggi bilah admin menggunakan jQuery. Hal ini membuat bilah admin tidak terlihat pada awalnya dan menggeser konten halaman ke atas. - Pemroses peristiwa keydown mengubah visibilitas bilah admin dan menyesuaikan
margin-top
daribody
untuk menampilkan atau menyembunyikan bilah admin dengan lancar.