Dodaj widget wyboru języka do paska bocznego WordPressa z łatwością
Jak dodać przełącznik języków do paska bocznego WordPressa;
Dodaj widget wyboru języka do WordPressa;
Przełącznik języków WordPress w pasku bocznym;
Widget przełącznika języków dla WordPressa;
Jak wyświetlić przełącznik języków w WordPressie;
WordPress dodaj przełącznik języków do stopki;
Najlepsza wtyczka do przełącznika języków w WordPressie;
Skonfiguruj przełącznik języków w WordPressie;
Przełącznik języków dla wielojęzycznej strony WordPress;
Dodaj przełącznik języków do menu WordPressa;
Objaśnienie
Aby dodać przełącznik języków do paska bocznego WordPressa, musisz użyć widgetu. Ten fragment kodu tworzy niestandardowy widget, który pozwala użytkownikom na zmianę języków na Twojej stronie.
Oto jak to działa:
- Rejestracja Widgetu: Funkcja
wp_dudecom_register_language_switcher_widget()
rejestruje widget w WordPressie, co sprawia, że jest dostępny w obszarze widgetów w panelu administracyjnym. - Klasa Widgetu: Klasa
WP_Dudecom_Language_Switcher_Widget
definiuje zachowanie widgetu. Zawiera metody do wyświetlania widgetu na froncie, tworzenia formularza w obszarze administracyjnym oraz aktualizacji ustawień widgetu. - Wyświetlanie na Froncie: Metoda
widget()
sprawdza, czy wtyczka Polylang jest aktywna. Jeśli tak, wyświetla rozwijane menu do wyboru języka za pomocąpll_the_languages()
. W przeciwnym razie zachęca do zainstalowania Polylang. - Formularz Administracyjny: Metoda
form()
zapewnia prosty formularz do ustawienia tytułu widgetu w obszarze administracyjnym. - Metoda Aktualizacji: Metoda
update()
zapewnia, że wszelkie zmiany w ustawieniach widgetu są zapisywane w sposób bezpieczny. - Załaduj Style: Funkcja
wp_dudecom_enqueue_language_switcher_scripts()
ładuje wszelkie niezbędne style dla przełącznika języków, pod warunkiem, że Polylang jest aktywny.
Aby użyć tego widgetu, upewnij się, że wtyczka Polylang jest zainstalowana i aktywowana. Następnie możesz dodać widget "Przełącznik Języków" do swojego paska bocznego za pośrednictwem ekranu Widgetów WordPressa.
Kod
// Function to register a language switcher widget
function wp_dudecom_register_language_switcher_widget() {
register_widget('WP_Dudecom_Language_Switcher_Widget');
}
add_action('widgets_init', 'wp_dudecom_register_language_switcher_widget');
// Define the language switcher widget class
class WP_Dudecom_Language_Switcher_Widget extends WP_Widget {
// Constructor
public function __construct() {
parent::__construct(
'wp_dudecom_language_switcher_widget',
__('Language Switcher', 'text_domain'),
array('description' => __('A widget to switch languages', 'text_domain'))
);
}
// Front-end display of the widget
public function widget($args, $instance) {
echo $args['before_widget'];
if (!empty($instance['title'])) {
echo $args['before_title'] . apply_filters('widget_title', $instance['title']) . $args['after_title'];
}
// Display the language switcher
if (function_exists('pll_the_languages')) {
pll_the_languages(array('dropdown' => 1));
} else {
echo __('Please install and activate Polylang plugin.', 'text_domain');
}
echo $args['after_widget'];
}
// Back-end widget form
public function form($instance) {
$title = !empty($instance['title']) ? $instance['title'] : __('Languages', 'text_domain');
?>
<p>
<label for="<?php echo esc_attr($this->get_field_id('title')); ?>"><?php _e('Title:', 'text_domain'); ?></label>
<input class="widefat" id="<?php echo esc_attr($this->get_field_id('title')); ?>" name="<?php echo esc_attr($this->get_field_name('title')); ?>" type="text" value="<?php echo esc_attr($title); ?>">
</p>
<?php
}
// Sanitize widget form values as they are saved
public function update($new_instance, $old_instance) {
$instance = array();
$instance['title'] = (!empty($new_instance['title'])) ? sanitize_text_field($new_instance['title']) : '';
return $instance;
}
}
// Function to enqueue necessary scripts and styles
function wp_dudecom_enqueue_language_switcher_scripts() {
if (function_exists('pll_the_languages')) {
wp_enqueue_style('wp-dudecom-language-switcher-style', get_template_directory_uri() . '/css/language-switcher.css');
}
}
add_action('wp_enqueue_scripts', 'wp_dudecom_enqueue_language_switcher_scripts');
Instrukcja
Lokalizacja pliku: Dodaj kod do pliku functions.php
swojego motywu lub do pliku niestandardowej wtyczki.
Wymagania wstępne:
- Upewnij się, że wtyczka Polylang jest zainstalowana i aktywowana.
Kroki wdrożenia:
- Dostęp do panelu WordPress: Zaloguj się do panelu administracyjnego WordPress.
- Edytuj plik Functions: Przejdź do Wygląd > Edytor motywu. Wybierz plik
functions.php
z prawego paska bocznego. - Dodaj kod: Skopiuj i wklej podany fragment kodu do pliku
functions.php
. Upewnij się, że umieszczasz go na końcu pliku, ale przed zamykającym tagiem PHP, jeśli taki istnieje. - Zapisz zmiany: Kliknij przycisk Aktualizuj plik, aby zapisać zmiany.
- Przejdź do widgetów: Przejdź do Wygląd > Widgety w swoim panelu WordPress.
- Dodaj widget przełącznika języków: Znajdź widget Przełącznik języków na liście dostępnych widgetów. Przeciągnij go do wybranej strefy paska bocznego.
- Skonfiguruj widget: Ustaw tytuł widgetu, jeśli chcesz, a następnie kliknij Zapisz.
- Zweryfikuj na froncie: Odwiedź swoją stronę internetową, aby upewnić się, że przełącznik języków pojawia się w pasku bocznym i działa poprawnie.
Jeśli potrzebujesz pomocy przy tym wdrożeniu lub wymagasz bardziej zaawansowanej funkcjonalności, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy.