Jak dodać niestandardowe skróty klawiaturowe w WordPressie

Jak dodać niestandardowe skróty klawiaturowe w panelu administracyjnym WordPressa; Niestandardowe skróty klawiaturowe w panelu administracyjnym WordPressa; Tworzenie niestandardowych skrótów w kokpicie WordPressa; Dodaj skróty klawiaturowe do paska narzędzi WordPressa; Dostosowanie panelu administracyjnego WordPressa za pomocą skrótów klawiaturowych; Włączanie niestandardowych skrótów klawiaturowych w WordPressie; Wtyczka do skrótów klawiaturowych w panelu administracyjnym WordPressa; Konfiguracja niestandardowych skrótów w panelu administracyjnym WordPressa; Niestandardowe skróty klawiaturowe w kokpicie WordPressa; Jak tworzyć skróty klawiaturowe w panelu administracyjnym WordPressa;

Objaśnienie

Chcesz przyspieszyć swoją pracę w obszarze administracyjnym WordPressa? Możesz dodać niestandardowe skróty klawiszowe, aby nawigacja była szybsza i łatwiejsza. Oto jak ten kod Ci w tym pomoże:

  • Ładowanie niestandardowego skryptu: Kod łączy się z WordPressem, aby załadować specjalny plik JavaScript, gdy jesteś w obszarze administracyjnym. To w tym pliku dzieje się magia, pozwalając na zdefiniowanie skrótów.
  • Przekazywanie danych do JavaScript: Wykorzystuje funkcję zwaną localize script, aby przesłać dane z PHP do JavaScript. Jest to przydatne dla bezpieczeństwa, na przykład do weryfikacji działań za pomocą nonce (unikalnego tokena).
  • Definiowanie skrótów: W stopce stron administracyjnych dodaje skrypt, który nasłuchuje na określone kombinacje klawiszy. Na przykład:
    • Ctrl + Shift + A przenosi Cię do strony "Dodaj nowy wpis".
    • Ctrl + Shift + D przenosi Cię z powrotem do Kokpitu.

Te skróty są konfigurowalne. Możesz zmienić kombinacje klawiszy lub dodać nowe, modyfikując część JavaScript. Upewnij się tylko, że kody klawiszy odpowiadają klawiszom, których chcesz używać.

Pamiętaj, że ten kod dotyczy obszaru administracyjnego, więc nie wpłynie na frontową część Twojej witryny. To wygodny sposób na zwiększenie efektywności Twoich zadań administracyjnych!

Kod

<?php
// Hook to enqueue custom JavaScript for admin area
add_action('admin_enqueue_scripts', 'wp_dudecom_enqueue_admin_shortcuts_script');

function wp_dudecom_enqueue_admin_shortcuts_script() {
    // Enqueue the custom JavaScript file
    wp_enqueue_script('wp-dudecom-admin-shortcuts', get_template_directory_uri() . '/js/wp-dudecom-admin-shortcuts.js', array('jquery'), null, true);
    
    // Localize script to pass data from PHP to JavaScript
    wp_localize_script('wp-dudecom-admin-shortcuts', 'wpDudecomShortcuts', array(
        'nonce' => wp_create_nonce('wp_dudecom_shortcuts_nonce'),
    ));
}

// Hook to add custom keyboard shortcuts
add_action('admin_footer', 'wp_dudecom_add_keyboard_shortcuts');

function wp_dudecom_add_keyboard_shortcuts() {
    ?>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            // Define custom keyboard shortcuts
            $(document).on('keydown', function(e) {
                // Example: Ctrl + Shift + A to open the Add New Post page
                if (e.ctrlKey && e.shiftKey && e.keyCode === 65) {
                    e.preventDefault();
                    window.location.href = '<?php echo admin_url('post-new.php'); ?>';
                }
                
                // Example: Ctrl + Shift + D to open the Dashboard
                if (e.ctrlKey && e.shiftKey && e.keyCode === 68) {
                    e.preventDefault();
                    window.location.href = '<?php echo admin_url(); ?>';
                }
            });
        });
    </script>
    <?php
}
?>

Instrukcja

Lokalizacja pliku: Dodaj poniższy kod do pliku functions.php swojego motywu lub do pliku własnej wtyczki.

Wymagania wstępne: Upewnij się, że masz dostęp do plików motywu WordPress oraz podstawową wiedzę na temat JavaScript i PHP.

Kroki wdrożenia:

  1. Dostęp do plików motywu: Użyj klienta FTP lub menedżera plików swojego dostawcy hostingu, aby przejść do katalogu motywu WordPress.
  2. Edytuj functions.php: Otwórz plik functions.php znajdujący się w katalogu aktywnego motywu.
  3. Dodaj kod: Skopiuj i wklej podany kod PHP do pliku functions.php. Ten kod załadowuje plik JavaScript i definiuje skróty klawiaturowe dla panelu administracyjnego.
  4. Utwórz plik JavaScript: W katalogu swojego motywu utwórz nowy folder o nazwie js, jeśli jeszcze nie istnieje. Wewnątrz tego folderu utwórz plik o nazwie wp-dudecom-admin-shortcuts.js. Plik ten będzie używany do definiowania dodatkowego kodu JavaScript, jeśli zajdzie taka potrzeba.
  5. Zapisz zmiany: Zapisz zmiany w pliku functions.php i upewnij się, że plik JavaScript jest poprawnie umieszczony w katalogu js.
  6. Przetestuj skróty: Zaloguj się do panelu administracyjnego WordPress i spróbuj użyć skrótów klawiaturowych:
    • Ctrl + Shift + A, aby otworzyć stronę "Dodaj nowy wpis".
    • Ctrl + Shift + D, aby przejść do pulpitu nawigacyjnego.

Jeśli napotkasz jakiekolwiek problemy lub potrzebujesz dalszej personalizacji, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy w zakresie wdrożeń WordPress i zaawansowanej funkcjonalności.

\r\n ", "author": { "@type": "Person", "name": "WP-Dude.com" }, "datePublished": "2024-12-20T21:30:01+00:00", "dateModified": "2024-12-21T18:53:17+00:00" }, { "@type": "TechArticle", "@id": "https://wp-dude.com/pl/code-snippet/jak-dodac-niestandardowe-skroty-klawiaturowe-w-wordpressie/#article", "headline": "Jak doda\u0107 niestandardowe skr\u00f3ty klawiaturowe w WordPressie", "description": "Chcesz przyspieszy\u0107 swoj\u0105 prac\u0119 w obszarze administracyjnym WordPressa? Mo\u017cesz doda\u0107 niestandardowe skr\u00f3ty klawiszowe, aby nawigacja by\u0142a szybsza i \u0142atwiejsza. Oto jak ten kod Ci w tym pomo\u017ce:\r\n\r\n\r\n \u0141adowanie niestandardowego skryptu: Kod \u0142\u0105czy si\u0119 z WordPressem, aby za\u0142adowa\u0107 specjalny plik JavaScript, gdy jeste\u015b w obszarze administracyjnym. To w tym pliku dzieje si\u0119 magia, pozwalaj\u0105c na zdefiniowanie skr\u00f3t\u00f3w.\r\n \r\n Przekazywanie danych do JavaScript: Wykorzystuje funkcj\u0119 zwan\u0105 localize script, aby przes\u0142a\u0107 dane z PHP do JavaScript. Jest to przydatne dla bezpiecze\u0144stwa, na przyk\u0142ad do weryfikacji dzia\u0142a\u0144 za pomoc\u0105 nonce (unikalnego tokena).\r\n \r\n Definiowanie skr\u00f3t\u00f3w: W stopce stron administracyjnych dodaje skrypt, kt\u00f3ry nas\u0142uchuje na okre\u015blone kombinacje klawiszy. Na przyk\u0142ad:\r\n \r\n Ctrl + Shift + A przenosi Ci\u0119 do strony \"Dodaj nowy wpis\".\r\n Ctrl + Shift + D przenosi Ci\u0119 z powrotem do Kokpitu.\r\n \r\n \r\n\r\n\r\nTe skr\u00f3ty s\u0105 konfigurowalne. Mo\u017cesz zmieni\u0107 kombinacje klawiszy lub doda\u0107 nowe, modyfikuj\u0105c cz\u0119\u015b\u0107 JavaScript. Upewnij si\u0119 tylko, \u017ce kody klawiszy odpowiadaj\u0105 klawiszom, kt\u00f3rych chcesz u\u017cywa\u0107.\r\n\r\nPami\u0119taj, \u017ce ten kod dotyczy obszaru administracyjnego, wi\u0119c nie wp\u0142ynie na frontow\u0105 cz\u0119\u015b\u0107 Twojej witryny. To wygodny spos\u00f3b na zwi\u0119kszenie efektywno\u015bci Twoich zada\u0144 administracyjnych!", "articleBody": "Chcesz przyspieszy\u0107 swoj\u0105 prac\u0119 w obszarze administracyjnym WordPressa? Mo\u017cesz doda\u0107 niestandardowe skr\u00f3ty klawiszowe, aby nawigacja by\u0142a szybsza i \u0142atwiejsza. Oto jak ten kod Ci w tym pomo\u017ce:\r\n\r\n\r\n \u0141adowanie niestandardowego skryptu: Kod \u0142\u0105czy si\u0119 z WordPressem, aby za\u0142adowa\u0107 specjalny plik JavaScript, gdy jeste\u015b w obszarze administracyjnym. To w tym pliku dzieje si\u0119 magia, pozwalaj\u0105c na zdefiniowanie skr\u00f3t\u00f3w.\r\n \r\n Przekazywanie danych do JavaScript: Wykorzystuje funkcj\u0119 zwan\u0105 localize script, aby przes\u0142a\u0107 dane z PHP do JavaScript. Jest to przydatne dla bezpiecze\u0144stwa, na przyk\u0142ad do weryfikacji dzia\u0142a\u0144 za pomoc\u0105 nonce (unikalnego tokena).\r\n \r\n Definiowanie skr\u00f3t\u00f3w: W stopce stron administracyjnych dodaje skrypt, kt\u00f3ry nas\u0142uchuje na okre\u015blone kombinacje klawiszy. Na przyk\u0142ad:\r\n \r\n Ctrl + Shift + A przenosi Ci\u0119 do strony \"Dodaj nowy wpis\".\r\n Ctrl + Shift + D przenosi Ci\u0119 z powrotem do Kokpitu.\r\n \r\n \r\n\r\n\r\nTe skr\u00f3ty s\u0105 konfigurowalne. Mo\u017cesz zmieni\u0107 kombinacje klawiszy lub doda\u0107 nowe, modyfikuj\u0105c cz\u0119\u015b\u0107 JavaScript. Upewnij si\u0119 tylko, \u017ce kody klawiszy odpowiadaj\u0105 klawiszom, kt\u00f3rych chcesz u\u017cywa\u0107.\r\n\r\nPami\u0119taj, \u017ce ten kod dotyczy obszaru administracyjnego, wi\u0119c nie wp\u0142ynie na frontow\u0105 cz\u0119\u015b\u0107 Twojej witryny. To wygodny spos\u00f3b na zwi\u0119kszenie efektywno\u015bci Twoich zada\u0144 administracyjnych! [\r\n \"Jak doda\u0107 niestandardowe skr\u00f3ty klawiaturowe w panelu administracyjnym WordPressa\",\r\n \"Niestandardowe skr\u00f3ty klawiaturowe w panelu administracyjnym WordPressa\",\r\n \"Tworzenie niestandardowych skr\u00f3t\u00f3w w kokpicie WordPressa\",\r\n \"Dodaj skr\u00f3ty klawiaturowe do paska narz\u0119dzi WordPressa\",\r\n \"Dostosowanie panelu administracyjnego WordPressa za pomoc\u0105 skr\u00f3t\u00f3w klawiaturowych\",\r\n \"W\u0142\u0105czanie niestandardowych skr\u00f3t\u00f3w klawiaturowych w WordPressie\",\r\n \"Wtyczka do skr\u00f3t\u00f3w klawiaturowych w panelu administracyjnym WordPressa\",\r\n \"Konfiguracja niestandardowych skr\u00f3t\u00f3w w panelu administracyjnym WordPressa\",\r\n \"Niestandardowe skr\u00f3ty klawiaturowe w kokpicie WordPressa\",\r\n \"Jak tworzy\u0107 skr\u00f3ty klawiaturowe w panelu administracyjnym WordPressa\"\r\n]\r\n Chcesz przyspieszy\u0107 swoj\u0105 prac\u0119 w obszarze administracyjnym WordPressa? Mo\u017cesz doda\u0107 niestandardowe skr\u00f3ty klawiszowe, aby nawigacja by\u0142a szybsza i \u0142atwiejsza. Oto jak ten kod Ci w tym pomo\u017ce:\r\n\r\n\r\n \u0141adowanie niestandardowego skryptu: Kod \u0142\u0105czy si\u0119 z WordPressem, aby za\u0142adowa\u0107 specjalny plik JavaScript, gdy jeste\u015b w obszarze administracyjnym. To w tym pliku dzieje si\u0119 magia, pozwalaj\u0105c na zdefiniowanie skr\u00f3t\u00f3w.\r\n \r\n Przekazywanie danych do JavaScript: Wykorzystuje funkcj\u0119 zwan\u0105 localize script, aby przes\u0142a\u0107 dane z PHP do JavaScript. Jest to przydatne dla bezpiecze\u0144stwa, na przyk\u0142ad do weryfikacji dzia\u0142a\u0144 za pomoc\u0105 nonce (unikalnego tokena).\r\n \r\n Definiowanie skr\u00f3t\u00f3w: W stopce stron administracyjnych dodaje skrypt, kt\u00f3ry nas\u0142uchuje na okre\u015blone kombinacje klawiszy. Na przyk\u0142ad:\r\n \r\n Ctrl + Shift + A przenosi Ci\u0119 do strony \"Dodaj nowy wpis\".\r\n Ctrl + Shift + D przenosi Ci\u0119 z powrotem do Kokpitu.\r\n \r\n \r\n\r\n\r\nTe skr\u00f3ty s\u0105 konfigurowalne. Mo\u017cesz zmieni\u0107 kombinacje klawiszy lub doda\u0107 nowe, modyfikuj\u0105c cz\u0119\u015b\u0107 JavaScript. Upewnij si\u0119 tylko, \u017ce kody klawiszy odpowiadaj\u0105 klawiszom, kt\u00f3rych chcesz u\u017cywa\u0107.\r\n\r\nPami\u0119taj, \u017ce ten kod dotyczy obszaru administracyjnego, wi\u0119c nie wp\u0142ynie na frontow\u0105 cz\u0119\u015b\u0107 Twojej witryny. To wygodny spos\u00f3b na zwi\u0119kszenie efektywno\u015bci Twoich zada\u0144 administracyjnych!", "articleSection": "Panel Admina", "datePublished": "2024-12-20T21:30:01+00:00", "dateModified": "2024-12-21T18:53:17+00:00", "author": { "@type": "Person", "name": "WP-Dude.com" }, "url": "https://wp-dude.com/pl/code-snippet/jak-dodac-niestandardowe-skroty-klawiaturowe-w-wordpressie/", "wordCount": 489, "speakable": { "@type": "SpeakableSpecification", "cssSelector": ".post__content" }, "dependencies": "WordPress", "proficiencyLevel": "Beginner" }, { "@type": "HowTo", "@id": "https://wp-dude.com/pl/code-snippet/jak-dodac-niestandardowe-skroty-klawiaturowe-w-wordpressie/#howto", "name": "Jak doda\u0107 niestandardowe skr\u00f3ty klawiaturowe w WordPressie - How to", "description": "Chcesz przyspieszy\u0107 swoj\u0105 prac\u0119 w obszarze administracyjnym WordPressa? Mo\u017cesz doda\u0107 niestandardowe skr\u00f3ty klawiszowe, aby nawigacja by\u0142a szybsza i \u0142atwiejsza. Oto jak ten kod Ci w tym pomo\u017ce:\r\n\r\n\r\n \u0141adowanie niestandardowego skryptu: Kod \u0142\u0105czy si\u0119 z WordPressem, aby za\u0142adowa\u0107 specjalny plik JavaScript, gdy jeste\u015b w obszarze administracyjnym. To w tym pliku dzieje si\u0119 magia, pozwalaj\u0105c na zdefiniowanie skr\u00f3t\u00f3w.\r\n \r\n Przekazywanie danych do JavaScript: Wykorzystuje funkcj\u0119 zwan\u0105 localize script, aby przes\u0142a\u0107 dane z PHP do JavaScript. Jest to przydatne dla bezpiecze\u0144stwa, na przyk\u0142ad do weryfikacji dzia\u0142a\u0144 za pomoc\u0105 nonce (unikalnego tokena).\r\n \r\n Definiowanie skr\u00f3t\u00f3w: W stopce stron administracyjnych dodaje skrypt, kt\u00f3ry nas\u0142uchuje na okre\u015blone kombinacje klawiszy. Na przyk\u0142ad:\r\n \r\n Ctrl + Shift + A przenosi Ci\u0119 do strony \"Dodaj nowy wpis\".\r\n Ctrl + Shift + D przenosi Ci\u0119 z powrotem do Kokpitu.\r\n \r\n \r\n\r\n\r\nTe skr\u00f3ty s\u0105 konfigurowalne. Mo\u017cesz zmieni\u0107 kombinacje klawiszy lub doda\u0107 nowe, modyfikuj\u0105c cz\u0119\u015b\u0107 JavaScript. Upewnij si\u0119 tylko, \u017ce kody klawiszy odpowiadaj\u0105 klawiszom, kt\u00f3rych chcesz u\u017cywa\u0107.\r\n\r\nPami\u0119taj, \u017ce ten kod dotyczy obszaru administracyjnego, wi\u0119c nie wp\u0142ynie na frontow\u0105 cz\u0119\u015b\u0107 Twojej witryny. To wygodny spos\u00f3b na zwi\u0119kszenie efektywno\u015bci Twoich zada\u0144 administracyjnych!", "step": [ { "@type": "HowToStep", "text": "Lokalizacja pliku: Dodaj poni\u017cszy kod do pliku functions.php swojego motywu lub do pliku w\u0142asnej wtyczki.\r\n\r\nWymagania wst\u0119pne: Upewnij si\u0119, \u017ce masz dost\u0119p do plik\u00f3w motywu WordPress oraz podstawow\u0105 wiedz\u0119 na temat JavaScript i PHP.\r\n\r\nKroki wdro\u017cenia:\r\n\r\n\r\n Dost\u0119p do plik\u00f3w motywu: U\u017cyj klienta FTP lub mened\u017cera plik\u00f3w swojego dostawcy hostingu, aby przej\u015b\u0107 do katalogu motywu WordPress.\r\n Edytuj functions.php: Otw\u00f3rz plik functions.php znajduj\u0105cy si\u0119 w katalogu aktywnego motywu.\r\n Dodaj kod: Skopiuj i wklej podany kod PHP do pliku functions.php. Ten kod za\u0142adowuje plik JavaScript i definiuje skr\u00f3ty klawiaturowe dla panelu administracyjnego.\r\n Utw\u00f3rz plik JavaScript: W katalogu swojego motywu utw\u00f3rz nowy folder o nazwie js, je\u015bli jeszcze nie istnieje. Wewn\u0105trz tego folderu utw\u00f3rz plik o nazwie wp-dudecom-admin-shortcuts.js. Plik ten b\u0119dzie u\u017cywany do definiowania dodatkowego kodu JavaScript, je\u015bli zajdzie taka potrzeba.\r\n Zapisz zmiany: Zapisz zmiany w pliku functions.php i upewnij si\u0119, \u017ce plik JavaScript jest poprawnie umieszczony w katalogu js.\r\n Przetestuj skr\u00f3ty: Zaloguj si\u0119 do panelu administracyjnego WordPress i spr\u00f3buj u\u017cy\u0107 skr\u00f3t\u00f3w klawiaturowych:\r\n \r\n Ctrl + Shift + A, aby otworzy\u0107 stron\u0119 \"Dodaj nowy wpis\".\r\n Ctrl + Shift + D, aby przej\u015b\u0107 do pulpitu nawigacyjnego.\r\n \r\n \r\n\r\n\r\nJe\u015bli napotkasz jakiekolwiek problemy lub potrzebujesz dalszej personalizacji, rozwa\u017c skontaktowanie si\u0119 z wp-dude.com w celu uzyskania fachowej pomocy w zakresie wdro\u017ce\u0144 WordPress i zaawansowanej funkcjonalno\u015bci." } ] } ] }