Snippet

Jak dodać tłumaczenia dla elementów motywu WordPressa

Jak przetłumaczyć motyw WordPressPrzewodnik po tłumaczeniu motywu WordPressDodawanie tłumaczeń do motywu WordPressTłumaczenie elementów motywu WordPressNajlepsza wtyczka do tłumaczenia motywu WordPressTutorial lokalizacji motywu WordPressJak używać Loco Translate w WordPressKrok po kroku tłumaczenie motywu WordPressTłumaczenie motywów i wtyczek WordPressMetody tłumaczenia motywów WordPress

Objaśnienie

Aby uczynić swój motyw WordPress wielojęzycznym, musisz go przygotować do tłumaczeń. Oto prosty przewodnik, który pomoże Ci zacząć:

Ładowanie tłumaczeń:

  • Użyj load_theme_textdomain(), aby poinformować WordPress, gdzie znaleźć pliki tłumaczeń. Pliki te powinny znajdować się w folderze o nazwie languages w katalogu Twojego motywu.

Tłumaczenie tekstu:

  • Owiń każdy tekst, który chcesz przetłumaczyć, w funkcję __(). Funkcja ta przyjmuje dwa argumenty: tekst oraz textdomain Twojego motywu.

Tłumaczenie elementów motywu:

  • Dla elementów takich jak menu i paski boczne, użyj funkcji __() w funkcjach takich jak register_nav_menus() i register_sidebar(), aby zapewnić, że ich nazwy i opisy mogą być tłumaczone.

Bezpieczeństwo:

  • Zawsze używaj esc_html__(), gdy wyświetlasz przetłumaczone ciągi, aby zapewnić ich bezpieczeństwo przed potencjalnymi zagrożeniami.

Używanie Loco Translate:

  • Gdy Twój motyw jest gotowy, możesz użyć wtyczki Loco Translate do tworzenia i zarządzania tłumaczeniami. To obejmuje generowanie pliku POT, który działa jako szablon dla Twoich tłumaczeń.

Pamiętaj, aby zastąpić 'your-theme-textdomain' rzeczywistym textdomain Twojego motywu, aby wszystko działało płynnie.

Kod

1<?php 2// Load theme textdomain for translations 3function wp_dudecom_load_theme_textdomain() { 4 load_theme_textdomain( 'your-theme-textdomain', get_template_directory() . '/languages' ); 5} 6add_action( 'after_setup_theme', 'wp_dudecom_load_theme_textdomain' ); 7 8// Example of translating a string in a theme 9function wp_dudecom_display_translated_string() { 10 echo __( 'Hello, World!', 'your-theme-textdomain' ); 11} 12 13// Register a custom function to translate theme elements 14function wp_dudecom_translate_theme_elements() { 15 // Example: Translating a menu item 16 register_nav_menus( array( 17 'primary' => __( 'Primary Menu', 'your-theme-textdomain' ), 18 ) ); 19 20 // Example: Translating a widget title 21 register_sidebar( array( 22 'name' => __( 'Sidebar', 'your-theme-textdomain' ), 23 'id' => 'sidebar-1', 24 'description' => __( 'Main sidebar that appears on the right.', 'your-theme-textdomain' ), 25 'before_widget' => '<aside id="%1$s" class="widget %2$s">', 26 'after_widget' => '</aside>', 27 'before_title' => '<h2 class="widget-title">', 28 'after_title' => '</h2>', 29 ) ); 30} 31add_action( 'after_setup_theme', 'wp_dudecom_translate_theme_elements' ); 32 33// Security best practice: Escape translated strings 34function wp_dudecom_escaped_translated_string() { 35 echo esc_html__( 'Securely Translated String', 'your-theme-textdomain' ); 36} 37 38// Example of using Loco Translate plugin 39// Ensure the theme is ready for translation by creating a POT file 40// Use Loco Translate to create and manage translations for your theme 41 42// Note: Replace 'your-theme-textdomain' with your actual theme's textdomain 43?>

Instrukcja

Lokalizacja pliku: Dodaj poniższy kod do pliku functions.php swojego motywu.

Wymagania wstępne:

  • Upewnij się, że masz zainstalowaną i aktywowaną wtyczkę Loco Translate do zarządzania tłumaczeniami.

Kroki wdrożenia:

  1. Przygotuj swój motyw do tłumaczeń:
    • Utwórz folder o nazwie languages w katalogu swojego motywu, jeśli jeszcze nie istnieje.
    • Upewnij się, że textdomain twojego motywu jest poprawnie ustawiony. Zastąp 'your-theme-textdomain' rzeczywistym textdomain twojego motywu w kodzie.
  2. Załaduj textdomain motywu:
    • Funkcja wp_dudecom_load_theme_textdomain() jest podpięta do after_setup_theme, aby załadować pliki tłumaczeń z folderu languages.
  3. Tłumacz ciągi:
    • Użyj __() do tłumaczenia ciągów w swoim motywie, jak pokazano w wp_dudecom_display_translated_string().
  4. Tłumacz elementy motywu:
    • Użyj __() w funkcjach takich jak register_nav_menus() i register_sidebar(), aby tłumaczyć elementy menu i tytuły widgetów, jak pokazano w wp_dudecom_translate_theme_elements().
  5. Zadbaj o bezpieczeństwo:
    • Użyj esc_html__() do bezpiecznego wyświetlania przetłumaczonych ciągów, jak pokazano w wp_dudecom_escaped_translated_string().
  6. Zarządzaj tłumaczeniami za pomocą Loco Translate:
    • Użyj wtyczki Loco Translate, aby wygenerować plik POT i zarządzać tłumaczeniami swojego motywu.

Potrzebujesz pomocy przy wdrożeniu lub bardziej zaawansowanej funkcjonalności? Odwiedź wp-dude.com po profesjonalne usługi WordPress.