Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Joomla! Day 2013 - Tworzenie wielojęzycznych witryn w Joomla! 3.x

Prezentacja przygotowana na potrzeby wykładu prezentowanego podczas Joomla! Day Poland 2013. Przedstawa cały proces tworzenia wielojęzycznej witryny na bazie wymyślonego przykładowego serwisu.
by

Sławomir Pieszczek

on 18 September 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Joomla! Day 2013 - Tworzenie wielojęzycznych witryn w Joomla! 3.x

Krok 6. Utwórz menu dla poszczególnych języków
Krok 7. Utwórz moduły (typu menu) dla poszczególnych języków
Tworzenie wielojęzycznych witryn w Joomla! 3.x
Sławomir Pieszczek
slawop@slawop.net
www.slawop.net
Krok 1. Zainstaluj pakiety językowe
Krok 2. Dodaj języki treści
Krok 3. Włącz (opublikuj) dodatek
System – Filtr języków

Krok 8. Utwórz moduł Przełącznik języka
Krok 5.
Utwórz artykuły dla poszczególnych języków

Wprowadzenie
Jedną z zalet Joomla! od wersji 1.6 jest fakt, że bez potrzeby instalowania dodatkowych rozszerzeń, stosunkowo łatwo stworzyć serwis skierowany do odbiorców posługujących się różnymi językami.
Nie chodzi o tworzenie serwisu w oparciu o Google Translate
Rozwiązanie bazujące na mechanizmie auto-tłumacza, nie jest rozwiązaniem dobrym dla profesjonalnych witryn. Bardzo często tłumaczenie automatyczne jest niezrozumiałe. Oczywiście wynika to z różnego rodzaju zawiłości danego języka
Dawniej
www.joomfish.net
Dzisiaj...
także w katalogu rozszerzeń Joomla! znajdziesz wiele rozszerzeń ułatwiającymi pracę z witrynami wielojęzycznymi
(http://extensions.joomla.org/extensions/languages/multi-lingual-content).
Abyśmy się dobrze zrozumieli!
Joomla! 3.x nie ma wbudowanego narzędzia, za pomocą, którego stworzysz jakąś treść powiedzmy w języku polskim, natomiast reszta zostanie automatycznie przetłumaczona na wybrany przez Ciebie język!
Nie o to chodzi!
Cały kontent musisz utworzyć samodzielnie!
Jeżeli na przykład, utworzysz artykuł w języku polskim i chcesz aby w Twoim serwisie był także jego odpowiednik w języku angielskim i niemieckim, to musisz samodzielnie utworzyć dodatkowe dwa artykuły z tłumaczeniem w odpowiednim języku!
Joomla! 3.x ułatwi Ci tylko odpowiednie filtrowanie treści w zależności od wybranego języka!
Nie będzie potrzeby wykonywania samodzielnych tłumaczeń komunikatów systemowych, ponieważ w Joomla! możesz zainstalować odpowiednie pakiety językowe!
Komunikaty systemowe
Sławomir Pieszczek
slawop@slawop.net
www.slawop.net
Założenia
OK, pokażę teraz, krok po kroku na konkretnych przykładach jak utworzyć wielojęzyczny serwis
za pomocą CMS Joomla! 3.x.
Pokażę Ci cały proces tworzenia wielojęzycznej witryny na bazie wymyślonego przykładowego serwisu.
Serwis firmowy
Domyślny język witryny: język polski
w projektowanym serwisie dostępne będą dodatkowo dwa języki: angielski i niemiecki
Dla użytkowników posługujących się innym językiem dostępny będzie przełącznik języków.
Po kliknięciu wybranego języka, użytkownikowi udostępniona zostanie ta sama treść
Przykładowy serwis wykonam na czystej instalacji Joomla! 3.1.5 bez załadowania przykładowych danych!
Kliknij w sekcji QUICK ICONS, link: Language Manager, lub w menu Extensions kliknij pozycję Language Manager.
W oknie: Language Manager: Installed Languages, kliknij przycisk Install Language
W oknie Language Manager: Installed Languages, kliknij ikonkę z gwiazdką przy pozycji Polish (PL).
Od teraz domyślnym językiem witryny jest język polski :-)
Kliknij link Installed - Administrator, i w podobny sposób ustaw język polski, jako domyślny dla zaplecza Twojego serwisu.
Od teraz domyślnym językiem zaplecza Twojego serwisu jest język polski :-)
Pomimo tego, że masz już zainstalowane potrzebne pakiety językowe, potrzebujesz jeszcze dodać niezbędne szczegóły dotyczące danego języka, takie jak na przykład nazwa języka, która będzie się pojawiać na rozwijalnej liście w polu Język wybranego elementu serwisu.
W oknie menadżera języków (Rozszerzenia -> Języki), kliknij w menu po lewej stronie, pozycję: Języki treści. Jak zapewne zauważysz, obecnie dostępny jest tylko jeden język treści: English (UK).
Dodaj kolejny język, np. niemiecki.
Po kliknięciu karty: Opcje metadanych, wypełnij pola: Słowa kluczowe oraz Opis-streszczenie. Pamiętaj, że te opcje wypełniasz w przypadku, kiedy tworzony język treści nie jest językiem domyślnym witryny.
Nowy język treści (j. niemiecki), karta: Nazwa witryny.
Możesz jeszcze edytować język English (UK) i uzupełnić pola w karcie: Opcje metadanych ...
... oraz w karcie: Nazwa witryny.
Zadanie wykonane!
Lista w oknie Języki: Język treści składa się teraz z trzech elementów:
Joomla! od wersji 1.6 wyposażona jest w dodatek: System – Filtr języków, którego zadaniem jest filtrowanie treści serwisu
w zależności od języka.
Domyślnie dodatek ten wykrywa ustawienia językowe przeglądarki użytkownika i wyświetla treści w tym języku. Oczywiście pod warunkiem, że język ten jest dostępny w Twoim serwisie ;-)
Najpierw zmień jego status na Włączony, następnie kliknij kartę Opcje podstawowe.
Kliknij w menu Rozszerzenia, pozycję Dodatki, odszukaj na liście dodatek o nazwie: System – Filtr języków.
Kliknij na nazwie tego dodatku, aby zmienić jego ustawienia.
Teraz kliknij przycisk Tak przy następujących pozycjach:
Jeżeli system nie znajdzie języka zgodnego z językiem przeglądarki, wyświetli treść w języku domyślnym witryny (konfiguracja globalna)
Po zalogowaniu się użytkownika, system wyświetli treści w języku ustawionym w jego profilu
spowoduje powiązanie pozycji menu podczas przełączania jednego języka na inny
powoduje usunięcie przedrostka języka (np. pl, de, en), pod warunkiem, że w konfiguracji globalnej włączona jest opcja Proste adresy
spowoduje dodanie alternatywnych znaczników meta do pozycji menu skojarzonej z pozycją w menu w innym języku
Pora na zorganizowanie treści, która będzie prezentowana w różnych językach.
W Joomla! 3.x treści organizowane są w kategoriach, w których możesz tworzyć kolejne kategorie (podkategorie). Każdy stworzony przez Ciebie artykuł musi należeć do jakiejś kategorii!
Zaprojektuj strukturę treści
Utwórz kategorie artykułów dla poszczególnych języków
Pamiętaj, aby w polu Język , wybrać z listy pozycję: Polski (PL)
Otwórz menadżera kategorii artykułów
(menu Artykuły -> Kategorie)
i kliknij przycisk Utwórz.
Pamiętaj, aby w polu Nadrzędna wybrać z listy nazwę kategorii nadrzędnej, natomiast polu Język, wybrać z listy pozycję: Polski (PL)
Utwórz podkategorię
W podobny sposób utwórz kolejne kategorie i podkategorie!
Podobnie jak w przypadku kategorii dla artykułów w języku polskim utwórz kategorie dla artykułów w języku angielskim.
Pamiętaj, aby w polu Język wybrać pozycję: Engish (UK)!
Utwórz kategorie dla artykułów w języku niemieckim.
Pamiętaj, aby w polu Język wybrać pozycję: Niemiecki (DE)!
Teraz lista kategorii wygląda tak:
Tworzenie treści artykułów, to najbardziej pracochłonna część tworzenia serwisu.
Cóż, ktoś tą pracę musi wykonać ;-)
Utwórz pierwszy artykuł
Pamiętaj, aby w polu Język wybrać właściwy język!
Utwórz przy najmniej po dwa artykuły w każdej podkategorii
Dla kilku artykułów, w polu Wyróżnione wybierz pozycję: Tak
Potrzebne są jeszcze te same artykuły,
ale w języku angielskim.
Skorzystaj z opcji kopiowania!
Skopiowane artykuły edytuj i zmień w polach: Tytuł, Treść, Opcje metadanych treść odpowiadającą danemu językowi.
Potrzebne są jeszcze te same artykuły,
ale w języku niemieckim.
Skorzystaj z opcji kopiowania!
Skopiowane artykuły edytuj i zmień w polach: Tytuł, Treść, Opcje metadanych, treść odpowiadającą danemu językowi.
Zanim zapiszesz zmiany, kliknij jeszcze kartę: Opcje publikacji
i wyczyść pole Alias.
Joomla! automatycznie doda unikalny alias utworzony na podstawie pola Tytuł.
Wyczyść pole Alias!
Podobne czynności wykonaj do pozostałych skopiowanych artykułów
Podobne czynności wykonaj do pozostałych skopiowanych artykułów
Treści artykułów dla poszczególnych języków są już gotowe :-)
Utwórz menu główne dla
każdego języka
Kliknij w menu Menu pozycję Projektant menu, a następnie pozycję Utwórz menu. W polu Tytuł wpisz: MENU GŁÓWNE, w polu Typ menu, wpisz: menuglowne, natomiast w polu Opis wpisz: Menu główne dla języka polskiego.
Dlaczego tworzymy nowe menu, skoro istnieje już menu o takiej samej nazwie?
Menu: Main Menu (typ menu: mainmenu), to menu, które jest częścią domyślnej instalacji Joomla!, które zawiera tylko jedną pozycję (w przypadku instalacji bez załadowania przykładowych danych). Te domyślne menu wraz z pozycją Home jest niezbędne do prawidłowego funkcjonowania serwisu! Dodatkowo Joomla! wymaga także domyślnego modułu Main Menu, który w polu Język musi mieć przypisaną pozycję: Wszystkie.
Moduł ten musi funkcjonować w serwisie, jednak nie musi być widoczny na stronie – może mieć status: Nieopublikowany. Zajmiesz się tym jednak trochę później ;-)
Masz utworzone trzy menu dla każdego z trzech języków!
Dodaj pozycje menu
W ten sposób została ustalona tzw. strona startowa dla języka polskiego!
Lista pozycji menu dla menu:
MENU GŁÓWNE powinna teraz wyglądać podobnie jak na rysunku poniżej:
W ten sposób została ustalona tzw. strona startowa dla języka angielskiego!
Lista pozycji menu dla menu:
MAIN MENU powinna teraz wyglądać podobnie jak na rysunku poniżej:
W ten sposób została ustalona tzw. strona startowa dla języka niemieckiego!
Lista pozycji menu dla menu:
HAUPTMENÜ powinna teraz wyglądać podobnie jak na rysunku poniżej:
Utwórz powiązania pomiędzy pozycjami menu i ich odpowiednikami w innych językach
Zauważ, że po kliknięciu w menu Menu, przy każdym menu dla którego ustawiona jest strona domyślna widoczna jest ikonę flagi.
W Twoim serwisie są teraz 3 menu główne dla każdego z języków.
Niestety, to jeszcze nie koniec pracy z pozycjami menu!
Pomimo tego, że masz już pozycje menu, które prowadzą do treści w danym języku, nie ma pomiędzy nimi żadnego powiązania!
Wobec tego musisz wskazać, które treści
są ze sobą powiązane.
Jak to zrobić
Kliknij w menu: Menu, pozycję: MENU GŁÓWNE, a następnie nazwę pozycji Start i kliknij kartę: Skojarzone.
Załóżmy, że bazujesz na treściach tworzonych w języku polskim.
Zwróć uwagę na kolumnę: Skojarzone.
Jeżeli wskażesz kursorem myszy ikonkę ze skrótem danego języka, to Joomla! wyświetli informację jakie pozycje menu są powiązane z pozycją wyświetlaną na liście.
Powtórz powyższe czynności, aby utworzyć powiązania dla pozostałych pozycji!
Aby utworzone menu były widoczne w serwisie, musisz jeszcze utworzyć moduły, które będą je wyświetlać!
Otwórz okno menadżera menu (menu Menu -> Projektant menu) i przy menu: MENU GŁÓWNE, kliknij link Dodaj moduł do tego typu menu. Możesz także kliknąć w menu Rozszerzenia pozycję Moduły, a następnie przycisk Utwórz.
Wycofaj publikację domyślnego modułu Main Menu
Pamiętasz jak podczas tworzenia nowego menu głównego dla języka angielskiego wyjaśniałem dlaczego trzeba to zrobić, pomimo, że istnieje już menu o tej nazwie?
Menu Main Menu (typ menu: mainmenu), to menu, które jest częścią domyślnej instalacji Joomla!, które zawiera tylko jedną pozycję (w przypadku instalacji bez załadowania przykładowych danych). Te domyślne menu wraz z pozycją Home jest niezbędne do prawidłowego funkcjonowania serwisu! Dodatkowo Joomla! wymaga także domyślnego modułu Main Menu, który w polu Język musi mieć przypisaną pozycję: Wszystkie.
Moduł ten musi funkcjonować w serwisie, jednak nie musi być widoczny na stronie – może mieć status: Nieopublikowany.
Zatem, otwórz okno menadżera modułów (Rozszerzenia -> Moduły) i kliknij ikonkę w kolumnie Status obok pozycji Main Menu.
Otwórz menadżera modułów (Rozszerzenia -> Moduły) i kliknij przycisk Utwórz, a następnie kliknij link: Przełącznik języka.
Przypominam, że dzięki włączeniu i odpowiedniej konfiguracji dodatku System – Filtr języków, Joomla! będzie wykrywać ustawienia językowe przeglądarki użytkownika. Dzięki temu, użytkownikowi zostanie wyświetlona treść w języku, który używa. Oczywiście pod warunkiem, że język ten jest dostępny w Twoim serwisie ;-)
Mimo wszystko warto dać użytkownikowi wybór, aby sam mógł zdecydować w jakim języku chciałby wyświetlić treści Twojego serwisu.
Ostatnią czynność jaką musisz wykonać, to dodanie nowego modułu, za pomocą którego użytkownicy serwisu będą mogli wybrać jeden z dostępnych języków.
Strona startowa
O Nas
Niezbędne poprawki
Testuj, testuj i ... jeszcze raz testuj :-)
FINISH
Dlaczego w przełączniku języka tekst jest wyświetlany tylko w języku polskim?
Ponieważ utworzony został jeden moduł przypisany do wszystkich języków.
Co zrobić, aby tekst w przełączniku języka był różny w zależności od wybranego języka?
Należy zadbać o to, aby dla każdego języka przypisany był osobny moduł przełącznika języka.
Skopiuj moduł zmieniając język na angielski.
Pamiętasz jak to zrobić?
Moduł przełącznika języka dla języka angielskiego jest już gotowy!
Dokładnie te same czynności wykonaj, aby utworzyć moduł przełącznika języka dla języka niemieckiego!
Moduł przełącznika języka dla języka angielskiego jest już gotowy!
Teraz masz już w pełni działający szkielet wielojęzycznej witryny. Pozostaje tylko jej rozbudowa o kolejne elementy takie jak:
uzupełnienie menu głównego każdego języka o takie elementy jak na przykład: mapa serwisu, kontakt,
dodatkowe menu prezentujące różne grupy produktów;
slider wyświetlający pliki graficzne oraz ich opisy w formie efektownych slajdów, na przykład najczęściej kupowanych produktów;
DZIĘKUJĘ ZA UWAGĘ
Sławomir Pieszczek
slawop@slawop.net
www.slawop.net
Any question?
może przy ...
Próba usunięcia domyślnego menu: Main Menu spowoduje wyświetlenie odpowiedniego komunikatu!
PODSUMUJMY!
Zobacz jeszcze raz poszczególne etapy tworzenia wielojęzycznej witryny w Joomla! 3.x
Full transcript