Der Ajax Language Switcher for Basic Bilingual ist ein Plugin für WordPress mit installiertem Sprach-Plugin BasicBilingual. ALSBB ermöglicht ein Umschalten zwischen 2 Sprachen in denen ein Artikel verfasst wurde (definiert durch BasicBilingual). Der Inhalt eines Blog-Eintrags wird dynamisch mit Ajax ausgetauscht und funktioniert auch wenn JavaScript deaktiviert ist.

Hier geht’s zum einleitenden Blog-Eintrag des ersten Releases vom Language Switcher.

Was ist neu?

1. Das Umschalten der Sprachen wird nun durch ein PHP-Skript verwaltet ( Mittels eines URL-Parameter z.B. ?lang=de).
2. Wenn JavaScript aktiv ist wird die ‘statische’ URL mit einer Funktion versehen, welche den anderen Sprachinhalt mit Hilfe von Ajax anfordert.
3. Der JavaScript-Teil des Plugins ist nun als Object Notation notiert.

Installation

1. Entpacke das Archiv in Deinen wp-content/plugins/-Ordner.
   Enthaltene Dateien:

   langswitch-ajax.php

   WordPress Plugin-Datei mit Basic Bilingual Interface

   langswitcher-ajax.js

   Langswitcher interactivity, Ajax Request, LoadingMessage

   langswitcher.css

   Styling Language Switcher & LoadingMessage

   images (Ordner)

   benutzte Grafiken

2. Language switching einbinden

   (Ersetze itemcontent mit der entsprechenden ID Deines Artikel-Content-Blocks.)

   <?php if(is_single() && function_exists(bbls_language_switcher) ) {?>
   	<?php bbls_language_switcher('itemcontent'); ?>
   <?php }?>
   

3. Lokalisierten Content ausgeben

   Anstelle von the_content() benutze den folgenden Code, um den Artikelcontent auszugeben. (siehe langswitcher.php für Funktions-Details):

   <?php bbls_print_localized_content(); ?>
   

4. Sprach-Indikatoren (Flaggen) anzeigen

   (optimalerweise in der index.php oder der single.php

   <span class="language"><?php bbls_print_language_indicator();?></span>
   

5. JavaScript Variablen anpassen

   in der Datei langswitcher-ajax.js die Variable siteURL an die URL deiner WordPress-Installation anpassen (Ohne nachfolgenden Slash).

   // URL to your WordPress-Installation
   var siteURL = "http://www.yoururl.com/wordpress;
   

6. Fertig

   Hoffentlich läuft alles…

Visual Goodie

Um dem User die Option zu verdeutlichen dass der Inhalt in einer zweiten Sprache vorliegt, habe ich ein entsprechendes Flaggen-Icon in Photoshop designed, welches der Landessprache am nächsten kommt. Der Umschalt-Link zeigt die jeweils andere Landessprache as vorangehende Grafik.

Für eigene Flaggen-Icons: Download language_ball.psd. Dann einfach eigene Flaggen-Grafiken innerhalb der Ebenenmaske einfügen. Das Icon habe ich für meine Verwendung in einer Grösse von 15x17px exportiert.

Projekt Notizen

• Bezüglich der Anzeige von Sprachoptionen kann ich folgenden Artikel empfehlen: Indicating Language Choice: Flags, Text, Both or Neither at 456 Berea Street – ein must-read wenn man multi-lingualen Webcontent anbietet. Obwohl der Artikel veröffentlicht wurden, nachdem ich mir fast den Kopf über eine eigene Lösung zerbrochen hab, konnte ich doch ganz gute Deckung mit den diskutierten Angelegenheiten entdecken.
• Der PHP-Code mag nach einigen Geschmäckern vielleicht sub-optimal sein…Aber das Plugin funktioniert und ich arbeite bereits an den nächsten Verbesserungen; ich wollte den Code zu diesem Zeitpunkt eben zur freien Verfügung stellen. Ausserdem gibt es aus diesem Grund Beta-Versionen. Kritiken, Anregungen oder sogar Lob können gerne in den Kommentaren hinterlassen werden.

Posted in Developing, Wordpress, Tags:ajax, javascript, language, multilanguage, plugin, switch, Wordpress

Possibly Related Entries

• Language switching for Basic Bilingual
• About
• WordPress multilanguage
• cocomments now supported
• Ajax LoadingMessage in JSON