Wyłącz autouzupełnianie dla wybranych pól formularza w WordPressie
Objaśnienie
Jeśli chcesz zapobiec automatycznemu uzupełnianiu pól formularzy WordPressa wcześniejszymi wpisami, ten fragment kodu jest idealnym rozwiązaniem. Wykorzystuje on odrobinę JavaScriptu, aby wyłączyć funkcję autouzupełniania dla określonych pól w twoich formularzach.
Oto jak to działa:
- Skrypt czeka, aż twoja strona zostanie w pełni załadowana, zanim zacznie działać. Zapewnia to, że wszystko jest na swoim miejscu przed wprowadzeniem zmian.
- Celuje w konkretne pola formularza, używając selektorów CSS. W przykładzie celuje w pola takie jak your-email i your-name. Możesz dodać więcej pól, dołączając ich selektory do listy.
- Dla każdego wybranego pola ustawia atrybut
autocompletenaoff. Informuje to przeglądarki, aby nie uzupełniały tych pól danymi wprowadzonymi wcześniej.
Gdzie umieścić ten kod:
Funkcja jest podpięta pod wp_footer, co oznacza, że zostanie dodana do stopki twojej strony. To dobre miejsce, ponieważ zapewnia, że skrypt działa po załadowaniu całej zawartości.
Korzystając z tego podejścia, możesz mieć większą kontrolę nad tym, które pola nie powinny pamiętać wcześniejszych wpisów, co zwiększa prywatność i poprawia doświadczenia użytkowników w twoich formularzach.
Kod
<?php
// Function to disable autocomplete for specific form fields
function wp_dudecom_disable_autocomplete_for_fields() {
?>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
// Selectors for the form fields you want to disable autocomplete
var fieldsToDisable = [
'input[name="your-email"]', // Example: Email field
'input[name="your-name"]', // Example: Name field
// Add more selectors as needed
];
fieldsToDisable.forEach(function(selector) {
var fields = document.querySelectorAll(selector);
fields.forEach(function(field) {
field.setAttribute('autocomplete', 'off');
});
});
});
</script>
<?php
}
// Hook the function to wp_footer to ensure the script is added to the footer
add_action('wp_footer', 'wp_dudecom_disable_autocomplete_for_fields');
?>Instrukcja
Lokalizacja pliku: Dodaj poniższy kod do pliku functions.php swojego motywu lub do pliku własnej wtyczki.
Wymagania wstępne: Nie są wymagane żadne dodatkowe wtyczki ani ustawienia.
Kroki wdrożenia:
- Uzyskaj dostęp do panelu administracyjnego WordPress.
- Przejdź do Wygląd > Edytor motywu, jeśli edytujesz plik
functions.php, lub przejdź do Wtyczki > Edytor, jeśli korzystasz z własnej wtyczki. - Znajdź i otwórz plik
functions.phplub plik swojej własnej wtyczki. - Skopiuj i wklej podany fragment kodu do pliku.
- Zapisz zmiany w pliku.
- Odwiedź swoją stronę internetową i sprawdź pola formularza, aby upewnić się, że funkcja autouzupełniania jest wyłączona dla określonych pól.
Uwaga: Możesz zmodyfikować tablicę fieldsToDisable w sekcji JavaScript, aby dodać selektory dodatkowych pól formularza, dla których chcesz wyłączyć autouzupełnianie.
Jeśli potrzebujesz pomocy przy tym wdrożeniu lub wymagasz bardziej zaawansowanej funkcjonalności, rozważ skontaktowanie się z ekspertami z wp-dude.com w celu uzyskania profesjonalnej pomocy.