Tworzenie Wielojezycznych Witryn w Joomla 2 5-Darmowy Fragment

- Sawomir Pieszczek

Spis treciTworzenie wielojzycznych witryn w Joomla! 2.5 .................................................................3Zaoenia:...............................................................................................................................5Krok 1. Zainstaluj pakiety jzykowe.......................................................................................6Krok 2. Dodaj jzyki treci......................................................................................................8Krok 3. Wcz (opublikuj) dodatek System Filtr jzykw..................................................13Krok 4. Utwrz kategorie artykuw dla poszczeglnych jzykw.......................................14

Zaprojektuj struktur treci..............................................................................................14Krok 5. Utwrz artykuy dla poszczeglnych jzykw.........................................................17

Tworzenie treci bazowej w jzyku polskim....................................................................17Tworzenie treci w jzyku angielskim..............................................................................19Tworzenie treci w jzyku niemieckim.............................................................................20

Krok 6. Utwrz menu dla poszczeglnych jzykw.............................................................22Utwrz menu gwne dla kadego jzyka.......................................................................22Dodaj pozycje menu........................................................................................................24Utwrz powizania pomidzy pozycjami menu ..............................................................33

Krok 7. Utwrz moduy typu menu dla poszczeglnych jzykw........................................35Wycofaj publikacj domylnego moduu Main Menu.......................................................37

Krok 8. Utwrz modu Przecznik jzyka............................................................................38Krok 9. Przetestuj funkcjonowanie serwisu.........................................................................40

Niezbdne poprawki #1...................................................................................................44Niezbdne poprawki #2...................................................................................................48

Krok 10. Rozbudowa serwisu osobne menu....................................................................52Dodaj pozycje menu........................................................................................................54Utwrz powizania pomidzy pozycjami ........................................................................61Utwrz moduy typu menu poszczeglnych jzykw dla dodatkowego menu................63

Krok 11. Rozbudowa serwisu kontakt w menu gwnym..................................................67Utwrz nowe wizytwki z danymi kontaktowymi.............................................................67Utwrz pozycj KONTAKT w menu gwnym..................................................................70

Krok 12. Rozbudowa serwisu mapa strony......................................................................81Instalacja komponentu Xmap..........................................................................................81Konfiguracja komponentu Xmap.....................................................................................84Tworzenie nowej mapy serwisu.......................................................................................85Utwrz pozycje w menu gwnym dla mapy serwisu......................................................87Testowanie witryny pod ktem mapy serwisu.................................................................90

Krok 13. Rozbudowa serwisu slider..................................................................................99Pobranie i instalacja rozszerzenia DJ Image Slider........................................................99Tworzenie kategorii slajdw...........................................................................................102Tworzenie slajdw.........................................................................................................105Konfiguracja moduu DJ Image Slider...........................................................................122Testowanie witryny ze sliderem.....................................................................................132

Dzikuj Ci za wspln podr z CMS Joomla! ...............................................................135Joomla! 2.5. Praktyczny kurs.............................................................................................136

Tworzenie wielojzycznych witryn w Joomla! 2.5 - Sawomir Pieszczek

Tworzenie wielojzycznych witryn w Joomla! 2.5 Jedn z zalet Joomla! od wersji 1.6 jest fakt, e bez potrzeby instalowania dodatkowych rozszerze, atwo mona stworzy serwis skierowany do odbiorcw posugujcych si rnymi jzykami. Nie mam tutaj na myli tworzenie serwisu, w oparciu o jakie mechanizmy typu Google Translator, tumaczce tekst bazowy na wiele innych jzykw.

Rozwizanie bazujce na mechanizmie auto-tumacza, nie jest rozwizaniem dobrym dla profesjonalnych witryn. Bardzo czsto tumaczenie automatyczne jest niezrozumiae. Oczywicie wynika to z rnego rodzaju zawioci danego jzyka.

Tworzenie wielojzycznych witryn w Joomla! 2.5 - Sawomir Pieszczek

Jeeli wczeniej prbowae tworzy serwisy wielojzyczne w oparciu o wczeniejsze wersje Joomla!, to zapewne pamitasz, e bez instalacji dodatkowego rozszerzenia, np Joom!Fish (http://www.joomfish.net/), nie byo szans utworzy tego typu witryny :-) Dzisiaj take w katalogu rozszerze Joomla! znajdziesz wiele rozszerze uatwiajcymi prac z witrynami wielojzycznymi (http://extensions.joomla.org/extensions/languages/multi-lingual-content).

Tak wic, abymy si dobrze zrozumieli w Joomla! 2.5 nie ma wbudowanego narzdzia, za pomoc, ktrego stworzysz jak tre powiedzmy w jzyku polskim, natomiast reszta zostanie automatycznie przetumaczona na wybrany przez Ciebie jzyk! Nie o to chodzi! Cay content, musisz utworzy samodzielnie. Jeeli powiedzmy utworzysz artyku w jzyku polskim i chcesz aby w Twoim serwisie by take jego odpowiednik w jzyku angielskim i niemieckim, to musisz samodzielnie utworzy dodatkowe dwa artykuy z tumaczeniem w odpowiednim jzyku!Joomla! 2.5 uatwi Ci tylko odpowiednie filtrowanie treci w zalenoci od wybranego jzyka!Nie bdzie potrzeby wykonywania samodzielnych tumacze komunikatw systemowych, poniewa w Joomla! moesz zainstalowa odpowiednie pakiety jzykowe!OK, poka teraz, krok po kroku na konkretnych przykadach, jak utworzy wielojzyczny serwis za pomoc CMS Joomla! 2.5. Cay proces tworzenia wielojzycznej witryny poka Ci na bazie wymylonego przykadowego serwisu.

Zaoenia: - Sawomir Pieszczek

Zaoenia: Serwis firmowy; domylny jzyk witryny: jzyk polski; w projektowanym serwisie dostpne bd dodatkowo dwa jzyki: angielski i

niemiecki;

dla uytkownikw posugujcych si innym jzykiem dostpny bdzie przecznik jzykw. Po klikniciu wybranego jzyka, uytkownikowi udostpniona zostanie ta sama tre;

przykadowy serwis wykonam na czystej instalacji Joomla! 2.5.14 bez zaadowania przykadowych danych!

Strona startowa serwisu, zaraz po instalacji:

Krok 11. Rozbudowa serwisu kontakt w menu gwnym - Sawomir Pieszczek

Krok 11. Rozbudowa serwisu kontakt w menu gwnymW kadym szanujcym si serwisie powinien znajdowa si odnonik do formularza kontaktowego, za pomoc ktrego uytkownicy bd mogli przesya informacj do autora witryny lub innego istotnego dziau zwizanego z serwisem. Do tego celu moesz wykorzysta komponent Kontakty. W tym kroku poka, jak umoliwi uytkownikom Twojego serwisu kontakt z administratorem zarzdzajcym serwisem.

Utwrz nowe wizytwki z danymi kontaktowymiDane kontaktowe, do ktrych dostp ma mie uytkownik korzystajcy z Twojego serwisu tworzy si za pomoc komponentu Kontakty. Aby byy one dostpne w rnych jzykach, musisz utworzy tyle wizytwek, ile jzykw.Wybierz menu Komponenty Kontakty

W oknie Kontakty: Wizytwki kliknij przycisk Utwrz.W polu Nazwa kontaktu wpisz Wojciech Administracyjny, to co znajdzie si w tym polu zostanie wywietlone jako nagwek danych kontaktowych, po klikniciu w menu pozycji KONTAKT w jzyku polskim.Pole Pocz z uytkownikiem uzupenij, klikajc na przycisk: Wybierz uytkownika.


Nastpnie w oknie modalnym kliknij uytkownika, do ktrego maj by wysyane informacje.

W polu Jzyk, wybierz Polski (PL). Pole Informacje dodatkowe moesz zostawi niewypenione. Nastpnie kliknij sekcj: Opcje wizytwki i uzupenij pola ktrych dane uytkownik zobaczy po klikniciu na link KONTAKT, w odpowiedniej wersji jzykowej.


Na koniec kliknij Zapisz i zamknij, aby wrci do okna Kontakty: Wizytwki.Kolejny etap to utworzenie takiego samego kontaktu dla pozostaych jzykw. Moesz tworzy kolejne wizytwki dokadnie tak, jak zrobie to przed chwil. Poniewa elementami, jakimi bd si rni wszystkie wizytwki, to jzyk i stanowisko, lepiej jest jednak wykorzysta do tego celu Przetwarzanie wsadowe zaznaczonych kontaktw, w oknie Kontakty: Wizytwki.Zaznacz pole wyboru przy tytule wizytwki, z ktrej chcesz zrobi kopie (aktualnie masz tylko jedn ;-)). W sekcji Przetwarzanie wsadowe zaznaczonych kontaktw, w polu Ustaw jzyk wybierz English (UK). W polu Przenie/Skopiuj do kategorii wybierz Uncategorised, a obok zaznacz polecenie Skopiuj. Teraz moesz klikn przycisk Wykonaj.

Wykonaj powysze czynnoci jeszcze raz, tym razem w polu Ustaw jzyk wybierz Niemiecki (DE). W polu Przenie/Skopiuj do kategorii wybierz Uncategorised.Jeeli wykonae wszystkie czynnoci prawidowo, to okno Kontakty: Wizytwki powinno wyglda podobnie jak na rysunku poniej.


Jeszcze jeden may szczeg, a w zasadzie dwa. Ze wzgldu na to ,e zawarto wizytwek bya kopiowana z jzyka polskiego, by moe trzeba bdzie zmieni wpisy w niektrych polach. Zamy, e dokonujemy zmian w polu Stanowisko. W jzyku polskim powinno by sowo Administrator, natomiast w jzyku angielskim powinno by Webmaster, a w niemieckim Verwalter. Zmie to ustawienie klikajc na tytu wizytwki w jzyku angielskim, potem w jzyku niemieckim. Drugim szczegem, na ktry naley zwrci uwag to pole Nazwa kontaktu, ktrego zawarto zostaa automatycznie uzupeniona o numer w nawiasie. Usu nawiasy, natomiast w polu Alias, zamiast cyfr moesz wpisa np. uk, dla wizytwki przygotowanej dla jzyka angielskiego, natomiast de, dla jzyka niemieckiego. Nie zapomnij zaakceptowa zmian przyciskiem Zapisz i zamknij.

Utwrz pozycj KONTAKT w menu gwnymDobrze. To co ma zobaczy uytkownik Twojego serwisu, chcc skontaktowa si z administratorem ju jest. Teraz trzeba jeszcze umoliwi mu dostp do danych kontaktowych i formularza kontaktowego. Wykonasz to dodajc now pozycj menu.Wybierz z menu: Menu MENU GWNE Utwrz pozycj menu

W oknie Projektant pozycji menu: Utwrz kliknij w polu Typ pozycji menu przycisk Wybierz.


W oknie modalnym Wybierz typ menu, w sekcji Kontakty kliknij link: Pojedynczy kontakt.

W polu Tytu menu wpisz: KONTAKT, natomiast w polu Jzyk wybierz Polski (PL).W sekcji Wymagane ustawienia, kliknij przycisk Zmie kontakt.

W oknie modalnym wybierz kontakt do Wojciech Administracyjny, stworzony dla jzyka polskiego.


Na koniec kliknij Zapisz i zamknij, eby przej do okna Projektant pozycji menu: Pozycje.

Nowa pozycja menu w polskiej wersji jzykowej menu gwnego gotowa. Teraz trzeba jeszcze doda nowe pozycje do jzyka angielskiego i niemieckiego.Najpierw jzyk angielski. Wybierz z menu: Menu MAIN MENU Utwrz pozycj menuPo przeadowaniu strony, kiedy zobaczysz zdefiniowane pozycje menu dla jzyka angielskiego, kliknij ikon Utwrz.Podobnie, jak to miao miejsce przy nowej pozycji menu, dla jzyka polskiego, w polu Typ pozycji menu kliknij przycisk Wybierz, a w oknie modalnym Wybierz typ menu, w sekcji Kontakty kliknij link: Pojedynczy kontakt.W polu Tytu menu wpisz: CONTACT, natomiast w polu Jzyk wybierz English (UK). W sekcji Wymagane ustawienia, kliknij przycisk Zmie kontakt i w oknie modalnym wybierz kontakt do Wojciech administracyjny, stworzony dla jzyka angielskiego.


Nastpnie kliknij Zapisz i zamknij, eby przej do okna Projektant pozycji menu: Pozycje.

Teraz utwrz pozycj KONTAKT dla jzyka niemieckiego! Wybierz z menu Menu HAUPMEN Utwrz pozycj menu

w polu Typ pozycji menu kliknij przycisk Wybierz, a w oknie modalnym Wybierz typ menu, w sekcji Kontakty kliknij link: Pojedynczy kontakt;

w polu Tytu menu wpisz: KONTAKT; w polu Jzyk wybierz Niemiecki (DE);


w sekcji Wymagane ustawienia, kliknij przycisk Zmie kontakt i w oknie modalnym wybierz kontakt do Wojciech administracyjny, stworzony dla jzyka niemieckiego;

Zanim zapiszesz wprowadzone zmiany, wykonaj jeszcze jedn czynno, ktr jest powizanie stworzonych pozycji menu KONTAKT dla poszczeglnych wersji jzykowych. Kliknij na sekcj Skojarzone pozycje menu,rozwijajc dostpne opcje do ustawienia.

w polu Polski (PL) wybierz pozycj KONTAKT,

w polu English (UK) wybierz pozycj CONTACT.


Dziki ustawieniom w sekcji Skojarzone pozycje menu, kiedy uytkownik kliknie pozycj np.: KONTAKT w wersji jzykowej polskiej, a nastpnie wybierze jedn z moliwych zmian wersji jzykowej, wwczas zobaczy odpowiednie dane kontaktowe, dla wybranego jzyka.Na koniec kliknij przycisk Zapisz i zamknij, eby przej do okna Projektant pozycji menu: Pozycje.Teraz, po wskazaniu ikony w kolumnie Skojarzone, pojawi si informacja, z jakimi pozycjami menu, menu KONTAKT jest powizane.

Zwr uwag, e nie trzeba wykonywa czynnoci kojarzenia pozycji menu dla pozostaych wersji jzykowych. Jak wywietlisz pozycje menu dla jzyka polskiego, czy jzyka angielskiego, zobaczysz, e ikona w kolumnie Skojarzone ju si pojawia, a po wskazaniu jej zobaczysz informacj, z jakimi pozycjami menu jest skojarzona.Dla menu MENU GWNE:


Dla menu MAIN MENU:

GOTOWE. Sprawd jak dziaa nowa pozycja w menu gownym Twojego serwisu :-)Menu gwne w jzyku polskim:


Menu gwne po wybraniu flagi jzyka niemieckiego w przeczniku wersji jzykowej:

Menu gwne po wybraniu flagi jzyka angielskiego w przeczniku wersji jzykowej:


Strona serwisu w jzyku angielskim, po klikniciu pozycji CONTACT, w menu gwnym:

Domylnie system wywietla dwie czci danych kontaktowych pod tzw. belkami, ktre s nagwkami odpowiednich czci danych kontaktowych. Pierwsza, to dane wpisane do wizytwki, a druga, to formularz kontaktowy, za pomoc ktrego uytkownik moe skontaktowa si z osob, ktrej dane wywietlone s w belce pierwszej.Zwr uwag, e w prawej czci belki danych kontaktowych znajduje si ikonka ze znakiem minus, a w prawej czci belki formularza kontaktowego znajduje si ikonka ze znakiem plus. eby rozwin cz formularza kontaktowego, kliknij na jego belk lub na ikonk ze znakiem: +.


Po wypenieniu formularza i klikniciu przycisku Send Email, tre formularza zostanie wysana na adres, ktry zdefiniowany zosta przy tworzeniu wizytwki, w polu Email, sekcji Opcje wizytwki.Strona serwisu po wybraniu flagi jzyka niemieckiego w przeczniku wersji jzykowej powinna wyglda, jak na rysunku poniej:

Po klikniciu na belk Kontaktformular, strona powinna prezentowa si nastpujco:


Strona serwisu po wybraniu flagi jzyka polskiego w przeczniku wersji jzykowej powinna wyglda, jak na rysunku poniej:

Po klikniciu na belk Formularz kontaktowy, strona powinna wyglda, podobnie, jak na rysunku poniej:

Dzikuj Ci za wspln podr z CMS Joomla! - Sawomir Pieszczek

Dzikuj Ci za wspln podr z CMS Joomla!

Jeeli jeste w tym miejscu, to oznacza, e przeczytae i mam nadziej e potrafisz ju tworzy wielojzyczne serwisy oparte na Joomla! 2.5. Dla mnie, jako autora tego e-booka, to ogromna satysfakcja!

Wiele porad dotyczcych CMS Joomla! znajdziesz take na moim blogu (www.slawop.net). Na blogu w zakadce SZKOLENIA (www.slawop.net/szkolenia) moesz znale

informacje na temat moich szkole oraz planw na najbliszy czas.

Jeeli chcesz si ze mn skontaktowa w sprawie szkole, konsultacji lub po prostu masz jakie pytanie, pisz na adres: [email protected].

Jeeli chcesz by na bieco i otrzymywa powiadomienia o moich kolejnych wpisach lub projektach, zapisz si na mj newsletter (www.slawop.net/newsletter).

Jeeli spodoba si Tobie ten poradnik, pomg rozwiza cz Twoich problemw, napisz prosz par sw opinii korzystajc z formularza: OPINIE (www.slawop.net/opinie).

Do zobaczenia!

Sawomir Pieszczek

Joomla! 2.5. Praktyczny kurs - Sawomir Pieszczek

Joomla! 2.5. Praktyczny kurswww.slawop.net/info/joomla_2-5_praktyczny_kurs.php

Tworzenie wielojzycznych witryn wJoomla! 2.5 Zaoenia:Krok 11. Rozbudowa serwisu kontakt w menu gwnymUtwrz nowe wizytwki z danymi kontaktowymiUtwrz pozycj KONTAKT w menu gwnym

Dzikuj Ci za wspln podr zCMS Joomla! Joomla! 2.5. Praktyczny kurs

Documents

Tworzenie Wielojezycznych Witryn w Joomla 2 5-Darmowy Fragment