WordPress-sneltoetsen: voeg een sneltoets toe om de WordPress-beheerdersbalk te verbergen of weer te geven
WordPress biedt een reeks sneltoetsen om de productiviteit van zijn gebruikers te verbeteren. Deze snelkoppelingen zijn op maat gemaakt voor Windows- en MacOS-besturingssystemen en zijn geschikt voor WordPress-gebruik, van het bewerken van inhoud tot commentaarbeheer. Laten we deze snelkoppelingen verkennen:
Snelkoppelingen voor WordPress Block Editor
MacOS
- Optie + Controle + o: Opent het bloknavigatiemenu.
- Optie + Controle + n: navigeert naar het volgende deel van de editor.
- Optie + Controle + p: navigeert naar het vorige deel van de editor.
- fn + Optie + F10: navigeert naar de dichtstbijzijnde werkbalk.
- Command + Option + Shift + m: Schakelt tussen visuele en code-editor.
Dakramen en raamkozijnen
- Ctrl + Shift + uit: Opent het bloknavigatiemenu.
- Ctrl+Shift+n: navigeert naar het volgende deel van de editor.
- Ctrl + Shift + p: navigeert naar het vorige deel van de editor.
- Fn+Ctrl+F10: navigeert naar de dichtstbijzijnde werkbalk.
- Ctrl+Shift+Alt+m: Schakelt tussen visuele en code-editor.
Sneltoetsen voor WordPress Classic Editor-toetsenbord
MacOS
- Commando + y: Voert de laatste actie opnieuw uit.
- Command + Option + [getal]: Voegt kopgroottes in (bijvoorbeeld Command + Option + 1 voor h1).
- Command + Optie + l: Lijnt tekst links uit.
- Command + Optie + j: Tekst uitvullen.
- Command + Optie + c: Centreert tekst.
- Command + Optie + d: Past doorhaling toe.
- Command + Optie + r: Lijnt tekst rechts uit.
- Command + Optie + u: Creëert een ongeordende lijst.
- Command + Optie + een: Voegt een link in.
- Command + Optie + o: Creëert een genummerde lijst.
- Command + Optie + s: verwijdert een koppeling.
- Command + Optie + q: Maakt tekst op als een citaat.
- Command + Optie + m: voegt een afbeelding in.
- Command + Optie + t: Voegt de tag ‘Meer’ in.
- Command + Optie + p: voegt een pagina-eindetag in.
- Command + Optie + w: Schakelt naar volledig scherm in de visuele editor.
- Command + Optie + f: Schakelt naar volledig scherm in de teksteditor.
Dakramen en raamkozijnen
- CTRL+y: Voert de laatste actie opnieuw uit.
- Alt + Shift + [getal]: Voegt kopgroottes in (bijvoorbeeld Alt + Shift + 1 voor ).
- Alt + Shift + l: Lijnt tekst links uit.
- Alt + Shift + j: Tekst uitvullen.
- Alt + Shift + c: Centreert tekst.
- Alt + Shift + d: Past doorhaling toe.
- Alt + Shift + r: Lijnt tekst rechts uit.
- ALT + SHIFT + u: Creëert een ongeordende lijst.
- Alt + Shift + a: Voegt een link in.
- Alt + Shift + o: Creëert een genummerde lijst.
- Alt + Shift + s: verwijdert een koppeling.
- Alt + Shift + q: Maakt tekst op als een citaat.
- Alt + Shift + m: voegt een afbeelding in.
- Alt + Shift + t: Voegt de tag ‘Meer’ in.
- Alt + Shift + p: voegt een pagina-eindetag in.
- ALT + SHIFT + w: Schakelt naar volledig scherm in de visuele editor.
- Alt+Shift+f: Schakelt naar volledig scherm in de teksteditor.
Jaren geleden hebben we een plug-in gebouwd om de beheerdersbalk te verbergen wanneer u uw site bekijkt en in plaats daarvan pop-upnavigatie te gebruiken. Wij hebben het gebeld Teleport. Na het testen merkten we dat het de laadtijden van de site vertraagde met de methoden die we hadden ingezet, dus hebben we de plug-in niet langer bijgewerkt.
Sneltoets om de WordPress-beheerdersbalk te verbergen of weer te geven
Ik hou van de ingebouwde beheerdersbalk van WordPress wanneer je bent ingelogd op je site, maar niet wanneer je de site probeert te bekijken. Daarom heb ik een wijziging geschreven die je misschien zelf wilt implementeren… een sneltoets die de WordPress-beheerdersbalk verbergt of toont wanneer je je site bekijkt en je bent ingelogd!
MacOS
- Optie + Controle + x: schakelen tussen de beheerdersmenubalk.
Dakramen en raamkozijnen
- Ctrl+Shift+x: Schakel de beheerdersmenubalk in of uit.
Wanneer de beheerdersbalk wordt geladen, schuift deze omhoog. Als u deze omschakelt, schuift de pagina omhoog of omlaag.
Voeg deze code toe aan de functies.php van uw kindthema:
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
}
Uitleg
- Dit script controleert in eerste instantie of de beheerdersbalk (
#wpadminbar
) is aanwezig. Als dit het geval is, berekent het script de hoogte ervan. - Vervolgens verbergt het de beheerdersbalk en stelt het de
margin-top
van debody
element aan de negatieve waarde van de hoogte van de beheerdersbalk met behulp van jQuery. Dit maakt de beheerdersbalk in eerste instantie onzichtbaar en verschuift de pagina-inhoud naar boven. - De keydown-gebeurtenislistener schakelt de zichtbaarheid van de beheerdersbalk in en past de instellingen aan
margin-top
van debody
om de beheerdersbalk soepel weer te geven of te verbergen.