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.