Snippet

Wyświetlanie bieżącego języka w nagłówku strony WordPress w prosty sposób

Jak wyświetlić bieżący język w nagłówku WordPressaWyświetl bieżący język w nagłówku strony WordPressWyświetlanie bieżącego języka w nagłówku WordPressDodaj bieżący język do nagłówka WordPressaPokaż bieżący język w nagłówku strony WordPressWordPress wyświetla bieżący język w nagłówkuKod bieżącego języka w nagłówku WordPressaWskaźnik języka w nagłówku WordPressaJak dodać przełącznik języków do nagłówka WordPressaNagłówek WordPressa pokazuje bieżący język

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

1<?php 2// Function to display the current language in the WordPress header 3function wp_dudecom_display_current_language() { 4 // Check if the Polylang plugin is active 5 if (function_exists('pll_current_language')) { 6 // Get the current language name 7 $current_language = pll_current_language('name'); 8 9 // Escape the output for security 10 echo esc_html($current_language); 11 } elseif (function_exists('icl_get_languages')) { 12 // Check if WPML is active and get the current language 13 $languages = icl_get_languages('skip_missing=0'); 14 if (!empty($languages)) { 15 foreach ($languages as $language) { 16 if ($language['active']) { 17 // Escape the output for security 18 echo esc_html($language['native_name']); 19 break; 20 } 21 } 22 } 23 } else { 24 // Default message if no multilingual plugin is active 25 echo esc_html__('Language not detected', 'text-domain'); 26 } 27} 28 29// Hook the function to display the current language in the header 30add_action('wp_head', 'wp_dudecom_add_language_to_header'); 31 32function wp_dudecom_add_language_to_header() { 33 ?> 34 <style> 35 .wp-dudecom-language-indicator { 36 position: absolute; 37 top: 10px; 38 right: 10px; 39 background-color: #f1f1f1; 40 padding: 5px 10px; 41 border-radius: 5px; 42 font-size: 14px; 43 } 44 </style> 45 <div class="wp-dudecom-language-indicator"> 46 <?php wp_dudecom_display_current_language(); ?> 47 </div> 48 <?php 49} 50?>

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:

  1. Otwórz panel administracyjny WordPressa.
  2. 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.
  3. Znajdź i otwórz plik functions.php swojego aktywnego motywu lub plik niestandardowej wtyczki.
  4. Skopiuj i wklej podany fragment kodu do pliku.
  5. Zapisz zmiany.
  6. 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.