Najnowszy format obrazów oparty na kodeku AV1, oferujący jeszcze lepszą kompresję niż WebP. AVIF może zmniejszyć rozmiar obrazów o 50% w porównaniu do JPEG przy podobnej jakości wizualnej, znacznie przyśpieszając ładowanie stron. Google uwielbia nowoczesne formaty obrazów.
Bootstrap - biblioteka CSS, rozwijany przez programistów Twittera, wydawany na licencji MIT. Zawiera zestaw przydatnych narzędzi ułatwiających tworzenie interfejsu graficznego stron oraz aplikacji internetowych. - Wikipedia
Cassiopeia to domyślny szablon części publicznej Joomla, wprowadzony w Joomla 4 i dostępny także w Joomla 5 i 6. Odpowiada za układ i wygląd strony widocznej dla odwiedzających.
Szablon udostępnia pozycje modułów i ustawienia wyglądu. Zmiany można wprowadzać przez ustawienia stylu, własny CSS oraz nadpisania widoków. Przy większych modyfikacjach warto rozważyć szablon potomny, jeśli pozwala na to wybrany szablon.
Projekt szablonu uwzględnia dostępność, ale jego użycie nie potwierdza zgodności całej witryny z WCAG. Znaczenie mają również treści, formularze, rozszerzenia i własne modyfikacje.
Po aktualizacji sprawdź szczególnie nadpisane widoki, nawigację na telefonie i czytelność formularzy. Dostępność klawiaturą oraz kontrast trzeba ocenić na rzeczywiście używanej stronie.
Zobacz także: Atum, szablon potomny.
Źródło: dokumentacja Joomla. Sprawdzono: 12 września 2026 r.
Dostępność cyfrowa sprawia, że z serwisów internetowych i aplikacji mobilnych mogą wygodnie korzystać osoby z różnymi niepełnosprawnościami np. wzroku, słuchu, ruchu, ale też z niepełnosprawnością intelektualną czy zaburzeniami poznawczymi. Dostępność cyfrowa pozwala na obsługę stron internetowych osobom starszym, dzięki dodatkowym zabiegom i dbaniem o stronę internetową, aby była dostępna cyfrowo.
Ikona, która pojawia się przed adresem w karcie przeglądarki internetowej. Favicon przyjmuje znak graficzny lub logo i jest zapisywana w formacie .ico Można również stosować formaty PNG, SVG współczesne przeglądarki są w stanie je odczytywać. Przyjęło się, że rozmiar stosowany to 16x16 do 192x192
Zestaw ikon z różnych kategorii. Flaticon posiada ponad tysiąc zestawów darmowych ikon oraz wersje płatne. Narzędzie oferuje ikony w formatach SVG, PSD, PNG, EPS i ICON FONT. W skrócie jest to podobne narzędzie do Font Awesome.
Zestaw narzędzi do tworzenia czcionek i ikon oparty na językach programowania CSS i LESS. Został opracowany przez Dave'a Gandy'ego do użytku z Twitter Bootstrap, później został włączony do BootstrapCDN. - Wikipedia
Jest to miejsce w szablonie na dole strony tak zwana stopka. W footerze można znaleźć informacje o firmie, linki do wewnętrznych stron. logo, mapy. itp.
To miejsce w strukturze szablonu zarezerwowane na wywoływanie skryptów java scripts, css, open graph, danych strukturalnych i meta tagów.
Na stronie jest to miejsce na samej górze, często też zwane TOP. Header w szablonach znajduje się nad nawigacją, ale jest to zależne od samego szablonu.
Czyli menedżer mediów to eksplorator plików multimedialnych, znajdujących się na serwerze, w specjalnie do tego celu stworzonym katalogu images w instalacji Joomla. Media Mangerem możemy manipulować plikami graficznymi, zmieniać rozmiar czy nazwę. Media Manager obsługuje nie tylko pliki graficzne, ale również wideo, jak i audio w ograniczonej formie.
Nadpisanie językowe (Language Override) zastępuje tekst przypisany do konkretnego klucza językowego Joomla lub rozszerzenia. Przydaje się, gdy chcesz zmienić nazwę przycisku albo komunikat, np. dopasować sformułowanie do języka swojej witryny.
Opcję znajdziesz w menu System, w zarządzaniu nadpisaniami językowymi. Najpierw wybierz język oraz obszar: Witryna lub Zaplecze. Następnie znajdź właściwy klucz po treści komunikatu albo jego nazwie i zapisz własną wartość.
Nadpisanie działa tam, gdzie system używa danego klucza. Ten sam komunikat może pojawiać się w kilku miejscach, więc sprawdź skutki poza jednym przyciskiem. Podobnie brzmiące napisy mogą też korzystać z różnych kluczy.
Własne wartości są przechowywane oddzielnie od standardowych plików tłumaczeń. Bezpośrednia edycja pliku dostarczonego przez Joomla lub autora rozszerzenia grozi utratą zmian po aktualizacji. Zachowaj znaczniki zastępcze, takie jak %s, jeśli występują w oryginale. Nadpisanie nie tłumaczy treści artykułu ani wpisanej przez redaktora nazwy pozycji menu; te teksty edytuje się osobno.
Zobacz także: Dodatek, Szablon.
Źródło: dokumentacja Joomla. Sprawdzono: 15 września 2026 r.
Nadpisanie szablonu (Template Override) to własna wersja pliku odpowiedzialnego za wyświetlanie elementu Joomla. Pozwala zmienić układ artykułu, modułu lub innego obsługiwanego widoku bez edytowania oryginalnego pliku rozszerzenia.
Pliki nadpisania umieszcza się w odpowiedniej strukturze katalogu html używanego szablonu. W edytorze plików szablonu Joomla udostępnia zakładkę tworzenia nadpisań. Wybranie obsługiwanego elementu kopiuje jego pliki widoku do miejsca przeznaczonego na własne zmiany.
Przykładowo można zmienić kolejność informacji w module logowania lub przebudować strukturę HTML prezentacji artykułu. To zadanie wymaga znajomości HTML i często PHP. Jeśli chodzi tylko o kolor lub odstępy, zwykle wystarczy CSS albo opcja dostępna w ustawieniach szablonu.
Nadpisanie pozostaje osobną wersją widoku. Aktualizacja rozszerzenia nie oznacza automatycznego przeniesienia jego poprawek do własnego pliku. Po aktualizacjach porównuj zmienione widoki i sprawdzaj działanie formularzy oraz odsyłaczy. Przed edycją wykonaj kopię, a większe zmiany przygotuj na stronie testowej.
Zobacz także: Szablon, Komponenty, Kopia zapasowa Joomla.
Źródło: dokumentacja Joomla. Sprawdzono: 15 września 2026 r.
To zestaw narzędzi wizualnych do budowania pojedynczych stron z responsywnych bloków metodą przeciągnij i puść (drag and drop). W Page Builderze mamy możliwość zdefiniowana dla pojedynczego szeregu siatki bootstrapowej i tam umieszczenia poszczególnych dodatków z dynamicznymi elementami zależnymi od PB.
Joomla posiada kilka PB między innymi: QUIX, SP Page Builder, JSN PageBuilder, T4 Joomla Page Builder, Gridbox, RSPageBuilder!, Page Builder CK, AZURA.
Powiązania językowe w Joomla wskazują, które elementy są odpowiednikami w różnych wersjach językowych. Możesz połączyć np. polski artykuł „O firmie” z angielskim „About us”. Każdy z nich pozostaje osobnym rekordem z własnym tekstem i ustawieniami.
Powiązania są dostępne m.in. dla artykułów, kategorii, kontaktów i pozycji menu. Ich obsługa w zewnętrznym komponencie zależy od tego, czy autor ją wdrożył. Samo nadanie dwóm artykułom podobnych tytułów nie tworzy relacji.
Możesz wskazać odpowiedniki w zakładce powiązań podczas edycji albo skorzystać z komponentu Powiązania wielojęzyczne. Ten widok ułatwia pracę z wersją źródłową i docelową obok siebie. Przypisz każdej wersji właściwy język oraz kategorię.
Powiązanie nie synchronizuje automatycznie tekstów. Po zmianie polskiej oferty trzeba osobno sprawdzić angielską wersję, jej cenę, daty i odsyłacze. Kontroluj także powiązania pozycji menu prowadzących do treści. Na gotowej stronie sprawdź przejście między językami, aby użytkownik trafiał do odpowiedniego materiału.
Zobacz także: Artykuł w Joomla, Kategoria, Pozycja menu w Joomla.
Źródło: dokumentacja Joomla. Sprawdzono: 15 września 2026 r.
Przełącznik języka to moduł Joomla, który pozwala odwiedzającemu wybrać dostępną wersję językową strony. Może prezentować nazwy języków, flagi albo listę rozwijaną, zależnie od ustawień i sposobu wyświetlania w szablonie.
Dodajesz go na liście modułów witryny, wybierając odpowiedni typ. Ustawiasz pozycję, publikację i przypisanie do stron. W standardowej konfiguracji moduł wspólnego przełącznika przypisuje się do wszystkich języków, aby nie znikał po zmianie wersji.
Sprawdź publikację języka treści, konfigurację witryny wielojęzycznej i domyślną pozycję menu dla tego języka. Samo zainstalowanie tłumaczenia zaplecza nie oznacza, że istnieje kompletna wersja językowa strony dostępna dla gościa.
Na przykład wybór angielskiego powinien prowadzić do odpowiedniej angielskiej strony. Przy poprawnych powiązaniach możliwe jest przejście do odpowiednika oglądanego materiału; bez niego użytkownik może trafić na stronę główną danego języka. Przełącznik nie tłumaczy artykułu na bieżąco. Przetestuj go na kilku podstronach i telefonie, sprawdzając także widoczne menu.
Zobacz także: Moduł, Pozycja modułu w Joomla, Przypisanie modułu do stron.
Źródło: dokumentacja Joomla; powiązania językowe. Sprawdzono: 15 września 2026 r.
Dzięki wykorzystaniu przyrostków klasy CSS, można ostylować dany element bez konieczności pisania całego kodu CSS.
<div class='klasakompomentu mojanowaklasa'>
Generalnie do tworzenia nowej klasy zaleca się użycie spacji przed klasą. W ten sposób styl CSS dla tego komponentu lub modułu, który używa standardowych nazw klas, będzie nadal działał. Możesz użyć nowej nazwy klasy, aby dodać dowolny styl do komponentu bez konieczności ponownego tworzenia całego istniejącego kodu CSS. Pamiętaj, że jeśli utworzysz nową nazwę klasy, upewnij się, że ma unikalną nazwę i nie powoduje konfliktu z żadnymi istniejącymi nazwami klas.
Styl szablonu w Joomla to zapisany zestaw ustawień konkretnego szablonu. Może określać np. logo lub inne opcje wyglądu udostępnione przez jego autora. Jeden zainstalowany szablon może mieć kilka stylów z różnymi wartościami parametrów.
Style witryny znajdziesz w sekcji szablonów w menu System. Aby przygotować wariant, możesz powielić istniejący styl, nadać kopii czytelną nazwę i zmienić dostępne ustawienia. Zakres opcji zależy od szablonu: nie każdy oferuje takie same kolory, układy czy ustawienia nagłówka.
Styl domyślny obsługuje strony bez innego przypisania. Dodatkowy styl możesz powiązać z wybranymi pozycjami menu. Przykładowo dział konferencji może korzystać z innego logo niż pozostała część witryny, jeżeli szablon pozwala ustawić logo w parametrach stylu.
Powielenie stylu nie tworzy osobnej kopii plików szablonu. Zmiana wspólnego pliku CSS lub nadpisania może więc wpłynąć na kilka stylów. Po zapisaniu sprawdź stronę objętą przypisaniem oraz zwykłą podstronę korzystającą z wariantu domyślnego.
Zobacz także: Szablon, Szablon potomny Joomla, Pozycja menu w Joomla.
Źródło: dokumentacja Joomla. Sprawdzono: 15 września 2026 r.
SVG (ang. Scalable Vector Graphics) – uniwersalny format dwuwymiarowej grafiki wektorowej (statycznej i animowanej), nieobwarowany licencjami i patentami. Format SVG powstał z myślą o zastosowaniu na stronach WWW. Używany jest również jako niezależny od platformy systemowej format grafiki wektorowej. SVG należy do rodziny XML, więc może być integrowany z innymi językami, jak na przykład XHTML. Dokumenty SVG posiadają rozszerzenia: .svg oraz .svgz (dokument SVG skompresowany w formacie gzip) oraz mają przypisany typ MIME: image/svg+xml (dawniej image/svg-xml).
Joomla 4 natywnie obsługuje pliki SVG wraz z podglądem.
W Joomla 3 należy zdefiniować ten typ pliku, aby można było go wgrywać.
To zbiór plików i skryptów, które generują wygląd naszej strony. Za pomocą szablonu możemy manipulować pewnymi ustawieniami takimi jak kolory, rozłożenie modułów, a nawet przypisanie do konkretnych elementów menu. Różne szablony mają różne unikatowe swoje wewnętrzne funkcje.
Szablon potomny (child template) korzysta z plików szablonu nadrzędnego i przechowuje własne modyfikacje oddzielnie. Gdy potrzebny plik nie został zastąpiony w szablonie potomnym, Joomla może użyć jego odpowiednika z szablonu nadrzędnego.
Obsługa tej funkcji zależy od szablonu. Cassiopeia jest przykładem szablonu obsługującego dziedziczenie. Nie każda instalacja szablonu komercyjnego udostępnia taki sam sposób tworzenia potomka.
Można dopasować wygląd witryny, ograniczając bezpośrednie zmiany w plikach aktualizowanego szablonu. Szablon potomny nie jest tym samym co niezależna kopia szablonu ani pojedyncze nadpisanie widoku komponentu.
Aktualizacja rodzica nie oznacza automatycznej aktualizacji plików zastąpionych w potomku. Po aktualizacji trzeba sprawdzić własne nadpisania, formularze i układ strony. Dziedziczenie ułatwia utrzymanie zmian, ale nie usuwa potrzeby testowania.
Zobacz także: Cassiopeia, kopia zapasowa.
Źródło: dokumentacja Joomla. Sprawdzono: 12 września 2026 r.
Tekst alternatywny obrazu to informacja zapisana w atrybucie alt, która przekazuje znaczenie lub funkcję ilustracji. Korzystają z niej m.in. osoby używające czytników ekranu. Opis powinien wynikać z kontekstu obrazu na danej stronie.
Dla zdjęcia produktu wskaż istotną cechę widoczną na ilustracji. Dla obrazu będącego jedyną treścią odsyłacza opisz cel przejścia. Jeśli grafika służy wyłącznie dekoracji i nie przekazuje informacji, właściwy jest pusty atrybut alt, a nie rozbudowany opis ozdobnika.
Przy obrazach wstawianych do tekstu użyj odpowiedniego pola w edytorze. Obraz wprowadzenia i obraz pełnego artykułu mają własne ustawienia opisu. Sprawdź każde użycie: ten sam plik może pełnić inną funkcję w różnych miejscach.
Nie wypełniaj pola listą słów kluczowych ani samą nazwą pliku. Podpis widoczny pod zdjęciem i tekst alternatywny nie muszą się powtarzać. Złożony wykres może potrzebować krótkiego alt oraz dokładniejszego opisu danych obok. Po zapisie sprawdź wynikowy obraz, nie tylko wartość wpisaną w formularzu.
Zobacz także: Dostępność cyfrowa, Media Manager, Obraz wprowadzenia i obraz pełnego artykułu.
Źródło: dokumentacja W3C. Sprawdzono: 17 września 2026 r.
Plik user.css w szablonie Cassiopeia służy do dodawania własnych reguł CSS, np. kolorów nagłówków, odstępów i obramowań. Pozwala poprawiać wygląd bez modyfikowania dostarczonych z szablonem arkuszy.
W menu System otwórz szablony witryny, a następnie szczegóły i pliki Cassiopeia. W części zawierającej pliki mediów wybierz folder css. Jeśli user.css jeszcze nie istnieje, utwórz plik o nazwie user i rozszerzeniu css. Jeśli już jest, edytuj jego zawartość zamiast zastępować wcześniejsze poprawki.
Możesz dodać regułę dla wybranej klasy nagłówka, zapisać plik i odświeżyć stronę. Selektor powinien wskazywać element, który faktycznie występuje w kodzie strony. Reguła dla wszystkich nagłówków wpłynie na więcej miejsc niż reguła ograniczona do jednej klasy.
Jeśli efektu nie widać, sprawdź aktywny szablon, składnię CSS, pamięć podręczną i reguły konkurujące o ten sam element. Kolejność ładowania arkuszy nie rozstrzyga każdego konfliktu. Po zmianach oceń także widok mobilny i kontrast tekstu. Szablon potomny może korzystać z własnego user.css.
Zobacz także: Cassiopeia: szablon witryny Joomla, Szablon potomny Joomla, Pamięć podręczna.
Źródło: dokumentacja Joomla. Sprawdzono: 15 września 2026 r.
Zestaw standardów web platform umożliwiających tworzenie reużywalnych, enkapsulowanych elementów HTML. Web Components składają się z Custom Elements, Shadow DOM, HTML Templates i umożliwiają budowanie modularnych interfejsów niezależnych od frameworka.
WebP w Joomla oznacza wykorzystanie tego formatu w obrazach artykułów, modułów i szablonu. Wyświetlanie gotowego pliku WebP nie jest tym samym co automatyczna konwersja wszystkich przesłanych zdjęć.
Możliwość przesyłania zależy od ustawień mediów, dozwolonych rozszerzeń i typów MIME oraz uprawnień konta. Tworzenie lub przetwarzanie plików zależy dodatkowo od narzędzia, rozszerzenia i bibliotek graficznych serwera.
Przed zamianą istniejącego obrazu sprawdź, gdzie jest używany: w treści, polach obrazu, module i ustawieniach szablonu. Nie usuwaj starego pliku, dopóki nie sprawdzisz odwołań.
Po wdrożeniu skontroluj odpowiedź HTTP, wymiary, jakość, tekst alternatywny i widok mobilny. Ustal, czy szablon nie generuje już własnych wariantów obrazów, aby nie dublować optymalizacji. Mniejszy plik pomoże tylko wtedy, gdy przeglądarka rzeczywiście go pobiera.
Zobacz także: format WebP.
Źródło: dokumentacja Google. Sprawdzono: 12 września 2026 r.
WebP to format obrazów opracowany przez Google. Obsługuje kompresję stratną i bezstratną, przezroczystość oraz animację. Używa się go w internecie do ograniczania ilości danych potrzebnych do wyświetlenia grafiki.
Wynik zależy od rodzaju obrazu, rozdzielczości i ustawień jakości. Nie każdy plik WebP będzie mniejszy od dobrze przygotowanego JPEG lub PNG. Porównuj rzeczywiste pliki przy akceptowalnej jakości obrazu.
Dla fotografii warto oceniać detale i artefakty kompresji, a dla grafik z tekstem czytelność krawędzi. Zmniejszenie wymiarów nadmiernie dużego obrazu może przynieść większy efekt niż sama zmiana formatu.
WebP nie nadaje stronie automatycznej premii SEO. Mniejszy obraz może skrócić pobieranie zasobu, lecz szybkość witryny zależy także od serwera, kodu i sposobu ładowania. Obraz nadal potrzebuje właściwego opisu alternatywnego, jeśli przekazuje istotną treść.
Zobacz także: WebP w Joomla.
Źródło: dokumentacja Google. Sprawdzono: 12 września 2026 r.
Wielojęzyczność Joomla pozwala prowadzić kilka wersji językowych w jednej instalacji. Przykładowo firma może udostępnić ofertę po polsku i angielsku, z osobnymi tekstami oraz nawigacją dla każdej grupy odbiorców.
Pakiet językowy tłumaczy komunikaty systemu, lecz nie przekłada automatycznie artykułów ani nazw wpisanych przez redaktora. Treść trzeba przygotować w docelowych językach. Każdy artykuł może otrzymać oznaczenie języka, a odpowiedniki można połączyć powiązaniami językowymi.
Potrzebne są zainstalowane pakiety, opublikowane języki treści i konfiguracja filtrowania języków. W typowym układzie przygotowujesz menu oraz stronę główną dla każdego języka. Moduły również wymagają odpowiednich ustawień, zwłaszcza gdy zawierają własny tekst.
Przełącznik języka udostępnia odwiedzającym wybór wersji. Po wdrożeniu sprawdź nie tylko stronę główną, ale też artykuły, menu i formularze. Zwróć uwagę, czy angielska podstrona nie pokazuje polskiego modułu kontaktowego. Przykładowe dane wielojęzyczne Joomla pomagają w nauce na instalacji testowej; ich instalowanie na gotowej stronie może zmienić istniejącą nawigację.
Zobacz także: Kategoria, Menu w Joomla, Moduł.
Źródło: dokumentacja Joomla. Sprawdzono: 15 września 2026 r.