Jak utworzyć witrynę wielojęzyczną?

Porady praktyczne > Krok 1 - Ustawienia > Polecenia na karcie Zaawansowane >

Jak utworzyć witrynę wielojęzyczną?

Previous pageReturn to chapter overviewNext page
Verborgen tekst tonen/verbergen

Internet przekracza wszystkie granice państw i narodowości, więc jeśli uważasz, że Twoją witrynę mogą odwiedzać goście z innych krajów, rozważ zaoferowanie im witryny w ich języku.

Wprawdzie zarządzanie witryną wielojęzyczną komplikuje obsługę projektu, ale dzięki funkcjom dostępnym w programie WebSite X5, jeśli tylko dysponujesz dobrym tłumaczeniem, efekt będzie wart zachodu.

Przede wszystkim warto wiedzieć, że WebSite X5 generuje wszystkie pliki HTML stron witryny w kodzie UTF-8 (Unicode Transformation Format, 8 bitowym), co daje pełną obsługę wszystkich języków włącznie z tymi, które używają alfabetów niełacińskich, na przykład greki, cyrylicy, koptyjskiego, armeńskiego, hebrajskiego, arabskiego, chińskiego, japońskiego i koreańskiego. Nie tylko cała witryna może być dostępna w innym języku, ale istnieje też możliwość wstawiania fragmentów tekstu w różnych językach i wszystkie znaki będą wyświetlane poprawnie. Można na przykład podąć cytat po rosyjsku i obok podać polskie tłumaczenie.

Kiedy buduje się witrynę, WebSite X5 pyta, jaki język ma być przypisany do projektu (opcja Język treści w oknie Ustawienia witryny): To ważne dla prawidłowości zarządzania tekstem wstawianym przez program automatycznie. Domyślnie dostępnych jest kilka języków i można dodać jeszcze inne. Wystarczy w oknie Zarządzanie treścią w różnych językach kliknąć przycisk i utworzyć lub zaimportować język, albo zmienić terminy już zaproponowane (patrz Jak przetłumaczyć tekst, który został wstawiony automatycznie).

W programie WebSite X5 można budować witryny wielojęzyczne i dać gościowi wybór, w jakim języku chce ją przeglądać, a edycja Pro daje nawet możliwość automatycznego rozpoznawania wersji, która najbardziej odpowiada gościowi witryny. Wystarczy tylko utworzyć projekt witryny dla każdego języka, jaki chcesz zaoferować, i połączyć je razem tak, by stanowiły części tej samej witryny.  Istnieją zasadniczo dwa sposoby połączenia kilku projektów różniących się językiem, w jakim są napisane. Do pierwszego potrzebna jest Strona wstępna, natomiast drugi polega na wstawieniu lików wyboru języka bezpośrednio w nagłówku wzorca witryny. W edycji Pro istnieje jeszcze trzeci sposób, polegający na możliwości wykrywania języka przeglądarki, w której otwierana jest witryna, i automatycznego przekierowania do odpowiedniej wersji językowej.

Kliknij aby zwinąć/rozwinąćJak utworzyć witrynę wielojęzyczną wykorzystując stronę wstępną?

Wyobraź sobie, że chcesz zbudować witrynę w trzech językach: angielskim, włoskim i portugalskim. Możesz wykorzystać okno Strona wstępna i wstawić na niej przyciski reprezentujące języki, które gość będzie klikał wybierając preferowany język.

Najpierw zbuduj witrynę w języku angielskim, zdefiniuj jej strukturę, wstaw treść i w oknie Ustawienia witryny ustaw "EN = English" jako Język treści.
W kroku 1 - Ustawienia witryny | Zaawansowane kliknij przycisk Strona wstępna i w otwartym oknie zaznacz opcję Pokaż stronę wstępną, następnie wybierz Pokaż stronę wstępną i zapytaj o preferowany język, wybierz obraz lub animację, która będzie służyć jako Tło strony, a potem określ wszystkie parametry żądanego stylu.
Zaznacz pole wyboru Pokaż hiperłącza do innych do języków, żeby utworzyć przyciski wyboru języka.
Za pomocą dostępnych poleceń zdefiniuj zawartość pola Lista języków. Zaznacz "Deutsch", "Español" oraz "Français" i kliknij przycisk Usuń, ponieważ te języki nie mają byc dostępne. Następnie kliknij przycisk Dodaj..., żeby otworzyć okno Ustawienia języka i dodać język portugalski. Wpisz "Português" jako Wyświetlana nazwa języka i zaimportuj plik obrazu reprezentującego ten język (na ogól umieszcza się flagę danego kraju).
Zaznacz "English" oraz "Italiano" i kliknij przycisk Edytuj..., żeby otworzyć okno Ustawienia języka i wybrać obrazy flag reprezentujących te języki.
Ponieważ bieżący projekt jest po angielsku, (jedyny język przypisany do strony wstępnej), wybierz "English" z Lista języków i kliknij przycisk Bieżący.
Używając przycisków W górę / W dół rozmieść języki w odpowiedniej kolejności.

Kiedy obrazy flag są już wybrane, należy przypisać im linki prowadzące do odpowiednich języków. Witryny w poszczególnych językach tworzy się i publikuje osobno, więc łącza do poszczególnych języków są adresami URL:

W oknie Lista języków zaznacz "Italiano" i kliknij przycisk Edytuj..., żeby otworzyć okno Ustawienia języka.
Kliknij przycisk obok pola Ścieżka dostępu do tego języka (tzn. treści witryny w tym języku), a potem w oknie Link wybierz opcję Plik lub adres URL i wpisz adres URL witryny po włosku: na przykład http//www.mojastrona.pl/it/index.html, zakładając, że witryna po włosku będzie zapisana w folderze "it" głównego katalogu na serwerze.
Powtórz opisane operacje dla witryny w języku portugalskim, podając odpowiedni adres URL: na przykład http//www.mojastrona.pl/pt/index.html, zakładając, że witryna po portugalsku będzie zapisana w folderze "pt" głównego katalogu na serwerze.

Teraz witryna ma już opcje wyboru języka, ale nadal nie ma treści po włosku i po portugalsku.

Wykonaj kopię witryny w wersji angielskiej, co przyspieszy jej budowanie po włosku. W pierwszym oknie Wybór projektu wybierz anglojęzyczny projekt witryny i kliknij przycisk Duplikuj. Następnie kliknij przycisk Zmień nazwę, żeby zmienić nazwę nowego projektu, który będzie po włosku.
Otwórz tę kopię projektu i w oknie Ustawienia witryny wybierz "IT - Italian" jako Język treści. Przetłumacz tekst i inne elementy na włoski.
W kroku 1 - Ustawienia witryny | Zaawansowane przejdź do okna Strona wstępna i usuń zaznaczenie pola wyboru Pokaż stronę wstępną.
Kiedy skończysz opracowywanie włoskojęzycznego projektu, tak samo zbuduj witrynę w języku portugalskim.

Aby opublikować witryny na serwerze, wykonaj następujące czynności:

Opublikuj witrynę po angielsku: witryna anglojęzyczna jako jedyna ma stronę wstępną i jest witryną "domyślną". Podczas publikowania witryny tworzony jest i zapisywany w folderze publikacji plik index.html, który odpowiada stronie wstępnej. Należy utworzyć na serwerze podfoldery "it" oraz "pt", żeby adresy URL tych witryn działały poprawnie.

Po zakończeniu tego etapu anglojęzyczna wersja witryny będzie już dostępna w Internecie, a linki do innych języków na stronie wstępnej będą aktywne, choć na tę chwilę prowadzą jeszcze do nikąd.

Opublikuj witrynę po włosku: Link na stronie wstępnej anglojęzycznej witryny będzie działał poprawnie tylko pod warunkiem, że w podfolderze "it" zostanie umieszczona witryna po włosku.
Opublikuj witrynę po portugalsku: Link na stronie wstępnej anglojęzycznej witryny będzie działał poprawnie tylko pod warunkiem, że w podfolderze "pt" zostanie umieszczona witryna po portugalsku.

Kiedy wszystkie trzy witryny będą opublikowane w odpowiednich podfolderach, przyciski na stronie wstępnej będą działały poprawnie, a goście będą mogli wybrać język wyświetlania witryny.

Opcja Ścieżka dostępu do tego języka (tzn. treści witryny w tym języku) w oknie Ustawienia języka służy do przypisania dowolnego rodzaju działania obrazowi reprezentującemu któryś z języków (na ogół jest to flaga narodowa). To znaczy, że zamiast utworzyć link do całej witryny, tak jak pokazano w tym przykładzie, równie dobrze można na utworzyć link do jednej strony albo do komunikatu informującego o tym, że witryna nie jest jeszcze dostępna w tym języku, ale niebawem będzie, albo do dokumentu PDF z informacjami, które mają być wyświetlone w danym języku.

Kliknij aby zwinąć/rozwinąćJak utworzyć witrynę wielojęzyczną wykorzystując przyciski w nagłówku strony?

Załóżmy, że witryna ma być dostępna w językach angielskim, włoskim i portugalskim. Strona wstępna jest jednym z możliwych miejsc umieszczenia opcji wyboru języka. Alternatywnym rozwiązaniem jest wstawienie przycisków wyboru języka w nagłówku witryny. Rozwiązanie to ma tę zaletę, że gość witryny może zmienić język jej wyświetlania w każdym momencie, będąc na dowolnej stronie.

Najpierw zbuduj witrynę w języku angielskim, zdefiniuj jej strukturę, wstaw treść, a w oknie Ustawienia witryny wybierz z listy Język treści "EN - English".
Przejdź do okna Zawartość wzorca, żeby w nagłówku wstawić przyciski, którymi gość witryny będzie mógł dokonać wyboru języka.
Użyj obiektu Obraz i zaimportuj grafikę Union Jack. Jeśli ikona ma reagować na najechanie myszą, wybierz Efekty po najechaniu wskaźnikiem myszy i zaimportuj obraz nieznacznie różniący się od pierwszego.
Powtórz tę operację dla przycisków z rysunkami flag włoskiej i portugalskiej.
Zaznacz przycisk z flagą włoską i kliknij polecenie Link. W oknie dialogowym Link wybierz Plik lub adres URL, a następnie zaznacz opcję Plik internetowy. W pole wpisz adres URL strony głównej włoskojęzycznej wersji witryny, pod którym będzie ona opublikowana. (Na przykład  http//www.mojastrona.pl/it/index.html).
Powtórz tę samą operację dla przycisku z flagą portugalską, przypisując jej odpowiedni adres URL (na przykład http//www.mojastrona.pl/pt/index.html).

W projekcie anglojęzycznym nie trzeba przypisywać żadnego linku fladze brytyjskiej.

Skopiuj całą witrynę anglojęzyczną, żeby usprawnić budowanie wersji włoskojęzycznej. Najpierw w oknie Wybór projektu zaznacz projekt anglojęzyczny i kliknij przycisk Duplikuj. Następnie kliknij przycisk Zmień nazwę, żeby zmienić nazwę nowego projektu, który będzie po włosku.
Otwórz tę kopię projektu i w oknie Ustawienia witryny wybierz "IT - Italian" jako Język treści. Przetłumacz cały tekst i inne elementy zależne od języka.
Przejdź do okna Zawartość wzorca i zajmij się przyciskami wyboru języka. Przypisz fladze angielskiej odpowiedni adres URL strony głównej (na przykład http://http//www.mojastrona.pl/index.html), a usuń link przypisany fladze włoskiej.
Kiedy skończysz to robić w witrynie włoskojęzycznej, powtórz tę samą procedurę w witrynie portugalskojęzycznej. Pamiętaj, żeby przypisać odpowiednie adresy fladze brytyjskiej i włoskiej, a usunąć link przypisany fladze portugalskiej.

Aby wybór języków działał poprawnie, wszystkie trzy witryny musza być opublikowane na serwerze.

Utwórz na serwerze w głównym folderze publikacji dwa podfoldery i nazwij je "it" oraz "pt".
Opublikuj projekt anglojęzyczny (witryna w języku domyślnym) w głównym folderze na serwerze, a projekty włosko- i portugalskojęzyczny odpowiednio w podfolderach "it" oraz"pt".
Kliknij aby zwinąć/rozwinąćJak utworzyć witrynę wielojęzyczną z przekierowaniem do wersji językowej zgodnej z ustawieniami przeglądarki gościa witryny?

Weźmy przykład witryny z trzema wersjami językowymi: włoskim, angielskim oraz portugalskim. W edycji Pro programu WebSite X5. Można tak zrobić, żeby gość witryny nie musiał sam wybierać, wersji językowej, zamiast tego wyświetli się wersja witryny, która prawdopodobnie najbardziej mu odpowiada. Program potrafi wykryć język ustawiony w przeglądarce gościa witryny i automatycznie przekierować go do odpowiedniej wersji językowej witryny. Oczywiście nie da się przygotować witryny we wszystkich możliwych językach, dlatego trzeba podjąć decyzję, jaki język wybrać zastępczo, gdyby okazało się, że witryna nie jest przetłumaczona na język wykryty w ustawieniach przeglądarki.

W naszym przykładzie, językiem alternatywnym będzie angielski. Ten zostanie użyty wtedy, gdy przeglądarka nie używa ani włoskiego, ani portugalskiego. Zatem podstawową wersją witryny będzie wersja angielska, natomiast wersje włoska i portugalska będą opublikowane w podfolderach folderu głównego na serwerze.

Najpierw zbuduj witrynę w języku angielskim, zdefiniuj jej strukturę, wstaw treść i w oknie Ustawienia witryny ustaw "EN = English" jako Język treści.
W kroku 1 - Ustawienia witryny | Zaawansowane kliknij przycisk Strona wstępna i w otwartym oknie zaznacz opcję Pokaż stronę wstępną, a następnie wybierz Automatycznie wykryj język.
Za pomocą dostępnych poleceń zdefiniuj zawartość pola Lista języków. Zaznacz "Deutsch", "Español" oraz "Français" i kliknij przycisk Usuń, ponieważ te języki nie mają byc dostępne. Następnie kliknij przycisk Dodaj..., żeby otworzyć okno Ustawienia języka i dodać język portugalski. Wpisz "Português" jako Wyświetlana nazwa języka i zaimportuj plik obrazu reprezentującego ten język (na ogól umieszcza się flagę danego kraju).
Zaznacz "English" oraz "Italiano" i kliknij przycisk Edytuj..., żeby otworzyć okno Ustawienia języka oraz sprawdź przypisany kod odwołania.
Ponieważ bieżący projekt jest po angielsku, (jedyny język przypisany do strony wstępnej), wybierz "English" z Lista języków i kliknij przycisk Bieżący.

Witryny w poszczególnych językach tworzy się i publikuje osobno, więc łącza do poszczególnych języków są adresami URL:

W oknie Lista języków zaznacz "Italiano" i kliknij przycisk Edytuj..., żeby otworzyć okno Ustawienia języka.
W pole Adres URL dla tego języka wpisz adres URL swojej witryny w języku włoskim:na przykład http//www.mojastrona.pl/it/, zakładając, że witryna po włosku będzie zapisana w folderze "it" głównego katalogu na serwerze.
Powtórz opisane operacje dla witryny w języku portugalskim, podając odpowiedni adres URL: na przykład http//www.mojastrona.pl/pt/, zakładając, że witryna po portugalsku będzie zapisana w folderze "pt" głównego katalogu na serwerze.

Teraz witryna jest gotowa do przekierowania zgodnie z wykrytym językiem, ale nadal nie ma treści po włosku i po portugalsku.

Wykonaj kopię witryny w wersji angielskiej, co przyspieszy jej budowanie po włosku. W pierwszym oknie Wybór projektu wybierz anglojęzyczny projekt witryny i kliknij przycisk Duplikuj. Następnie kliknij przycisk Zmień nazwę, żeby zmienić nazwę nowego projektu, który będzie po włosku.
Otwórz tę kopię projektu i w oknie Ustawienia witryny wybierz "IT - Italian" jako Język treści. Przetłumacz tekst i inne elementy na włoski.
W kroku 1 - Ustawienia witryny | Zaawansowane przejdź do okna Strona wstępna i usuń zaznaczenie pola wyboru Pokaż stronę wstępną.
Kiedy skończysz opracowywanie włoskojęzycznego projektu, tak samo zbuduj witrynę w języku portugalskim.

Aby opublikować witryny na serwerze, wykonaj następujące czynności:

Opublikuj witrynę po angielsku: witryna anglojęzyczna jako jedyna ma stronę wstępną i jest witryną "domyślną". Podczas publikowania witryny tworzony jest i zapisywany w folderze publikacji plik index.html, który odpowiada stronie wstępnej. Należy utworzyć na serwerze podfoldery "it" oraz "pt", żeby adresy URL tych witryn działały poprawnie.

Na tym etapie pracy angielska wersja witryny jest już opublikowana i działa kod wykrywający język oraz kod przekierowujący, którego używa Strona wstępna.

Opublikuj witrynę po włosku: Kod przekierowania na stronie wstępnej anglojęzycznej witryny będzie działał poprawnie tylko pod warunkiem, że w podfolderze "it" zostanie umieszczona witryna po włosku.
Opublikuj witrynę po portugalsku: Kod przekierowania na stronie wstępnej anglojęzycznej witryny będzie działał poprawnie tylko pod warunkiem, że w podfolderze "pt" zostanie umieszczona witryna po portugalsku.

 


Porady praktyczne:

-

Jak przetłumaczyć tekst, który został wstawiony automatycznie?