Dzisiejszy wpis poświęcę na to, aby pokazać Ci, w jaki sposób w kilku prostych krokach dodać do witryny opartej o Joomla! 3.x drugi język. W moim przypadku posiadam już stronę z polskimi tekstami ale zaszła potrzeba dodania ich wersji angielskiej. Co najważniejsze, nie użyjemy do tego żadnych dodatków firm trzecich.
Przykład działania opisywanego przykładu możesz podejrzeć na poniższym wideo:
Włącz dodatki językowe
Na początek musisz przejść do zakładki Rozszerzenia > Dodatki.
Na liście dodatków upewnij się, że są włączone poniższe opcje:
Dodaj potrzebne języki do strony
Przejdź do zakładki Rozszerzenia > Języki, a w niej po lewej stronie wybierz opcję Języki treści.
Za pomocą przycisku Utwórz możesz dodać kolejne języki do Joomla! CMS. Mi potrzebne będą: polski (główny) oraz angielski.
Utwórz obcojęzyczne wersje artykułów
Wersje polskie już posiadałem. Wystarczyło przetłumaczyć je na angielski, zapisać je jako kopie z przypisaniem do odpowiedniego języka. Dla artykułów polskich też przypisz rodzimy język. Dla przykładu artykuł (wersja angielska) wyświetlający stronę główną posiadać będzie następujące dane:
Przypisanie artykułu do języka
Nadpisanie tekstu tłumaczeniem
Utwórz nowe menu dla języków
Utwórz nowe menu dla obu języków i przypisz do nich nowe moduły. Do każdego z nich przypisz odpowiedni język.
Dodaj pozycje w nowych menu
Uzupełnij swoje menu odpowiednimi pozycjami – angielskimi i polskimi.
Dla pozycji głównych w każdym menu ustal Domyślne. Dzięki temu menu będzie właściwie wyświetlało artykuły.
Zobaczysz też odpowiednie flagi w zapleczu strony.
Dodaj moduł „Przełącznik języków”
Przejdź do zakładki Rozszerzenia > Moduły.
Utwórz nowy moduł o nazwie Przełącznik języka i umieść go na wybranej pozycji.
Poniżej ustawienia, które nadałem u siebie:
Dzięki temu na stronie pojawią się odpowiednie ikony, których kliknięcia będą równoznaczne z przełączaniem wersji językowej Twojej witryny.
pjotruh
html, body { margin: 0; height: 100% }div.a { background: yellow; height: 300px; }div.b { background: gray; height: calc(100% - 300px; }Górny DIV o klasie "a" ma wysokość 300px, dolny DIV o klasie "b" ma wysokość całej strony, pomniejszony o wysokość górnego DIVa - zatem dolny DIV wypełnia pozostałą część strony pod DIVem górnym.2024-09-17 23:28:56