Wyświetlanie bieżącego języka w nagłówku strony WordPress w prosty sposób
Objaśnienie
Chcesz wyświetlić aktualny język w nagłówku swojej strony WordPress? Ten fragment kodu robi dokładnie to, wykorzystując popularne wtyczki wielojęzyczne, takie jak Polylang lub WPML.
Oto jak to działa:
- Jeśli używasz Polylang, kod sprawdza, czy jest aktywny i pobiera nazwę aktualnego języka.
- Jeśli używasz WPML, sprawdza aktywne języki i wyświetla aktualny.
- Jeśli żadna z wtyczek nie jest aktywna, po prostu wyświetli komunikat "Język nie został wykryty."
Nazwa języka jest wyświetlana w schludnym małym oknie w prawym górnym rogu Twojej strony, stylizowanym za pomocą odrobiny CSS dla czystego wyglądu.
Upewnij się, że masz zainstalowaną i aktywowaną przynajmniej jedną z wtyczek Polylang lub WPML, aby to działało. W przeciwnym razie zobaczysz domyślny komunikat.
Kod
<?php
// Function to display the current language in the WordPress header
function wp_dudecom_display_current_language() {
// Check if the Polylang plugin is active
if (function_exists('pll_current_language')) {
// Get the current language name
$current_language = pll_current_language('name');
// Escape the output for security
echo esc_html($current_language);
} elseif (function_exists('icl_get_languages')) {
// Check if WPML is active and get the current language
$languages = icl_get_languages('skip_missing=0');
if (!empty($languages)) {
foreach ($languages as $language) {
if ($language['active']) {
// Escape the output for security
echo esc_html($language['native_name']);
break;
}
}
}
} else {
// Default message if no multilingual plugin is active
echo esc_html__('Language not detected', 'text-domain');
}
}
// Hook the function to display the current language in the header
add_action('wp_head', 'wp_dudecom_add_language_to_header');
function wp_dudecom_add_language_to_header() {
?>
<style>
.wp-dudecom-language-indicator {
position: absolute;
top: 10px;
right: 10px;
background-color: #f1f1f1;
padding: 5px 10px;
border-radius: 5px;
font-size: 14px;
}
</style>
<div class="wp-dudecom-language-indicator">
<?php wp_dudecom_display_current_language(); ?>
</div>
<?php
}
?>
Instrukcja
Lokalizacja pliku: Dodaj kod do pliku functions.php swojego motywu lub do pliku niestandardowej wtyczki.
Wymagania wstępne:
- Upewnij się, że masz zainstalowaną i aktywowaną wtyczkę Polylang lub WPML.
Kroki implementacji:
- Otwórz panel administracyjny WordPressa.
- Przejdź do Wygląd > Edytor motywu, jeśli dodajesz kod do pliku
functions.php. Alternatywnie, użyj edytora kodu, jeśli pracujesz z plikiem niestandardowej wtyczki. - Znajdź i otwórz plik
functions.phpswojego aktywnego motywu lub plik niestandardowej wtyczki. - Skopiuj i wklej podany fragment kodu do pliku.
- Zapisz zmiany.
- Odwiedź swoją stronę internetową, aby upewnić się, że aktualny język jest wyświetlany w nagłówku zgodnie z oczekiwaniami.
Jeśli napotkasz jakiekolwiek problemy lub potrzebujesz dalszej personalizacji, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy.