Co to jest Joomla?

Joomla to darmowy (open-source) system zarządzania treścią ( CMS - Content Management System). Dzięki temu rozwiązaniu, użytkownik nie musi posiadać umiejetności programowania aby dokonywać w łatwy sposób zmian na stronie,a treści są dynamiczne i można je zmieniać w dowolnym momencie. Wszystkie funkcje typu tworzenie, edycja i publikowanie można kontrolować za pomocą jednego interfejsu - Panelu administratora.

 

Językiem programowania użytym do stworzenia Joomla! Jest PHP.

Joomla! Jest aktualnie wspierany przez tysiące rozszerzeń, modułów i wtyczek z społeczności Joomla! Dzięki temu możemy dowolnie rozszerzać funkcjonalność Joomla i dostosowywać ją do swoich celów.

Popularność systemu Joomla na świecie jest niewyobrażalna. Sam system został pobrany już ponad 75 milionów razy.

 

Czy warto użyć Joomla do następnego projektu internetowego?

Dzięki CMS Joomla można wdrożyć swoje usługi w swojej witrynie. Nie musisz wydawać dużo pieniędzy, ani nie musisz zatrudniać programistów - używając bezpłatnego oprogramowania Joomla i pobierając darmowy szablon dla tego systemu, możesz łatwo stworzyć i skonfigurować witrynę firmy.

Kolejnym atutem systemu Joomla CMS jest jego społeczność, ponieważ nawet jeśli uważasz ,że coś jest skomplikowane i nie dasz rady tego zrobić w internecie znajdziesz tysiące poradników na ten temat.

System Joomla jest wspierany przez bardzo dużą społeczność i na rynku istnieje wiele firm, które udostępniają użyteczne rozszerzenia i szablony. Jedną z takich firm jest DJ-Extensions - tworzą rozszerzenia, które nadadzą Twojej stronie funkcjonalności, których akurat potrzebujesz np.: Komponenty Joomla do tworzenia portalu opartego na ogłoszeniach, katalogach czy też moduły i wtyczki, które pozwolą Tobie tworzyć galerie, nowoczesne systemu menu czy też pokazy slajdów.

Z drugiej strony mamy też takie firmy jak Joomla-Monster, które zajmują się tworzeniem szablonów wielofunkcyjnych - zarówno płatnych i darmowych.Profesionalny szablon pomoże Tobie zaoszczędzić czas, zachować estetykę strony i zgodność ze wszystkimi urządzeniami.

 

Najważniejsza funkcje Joomla to : 

- Całkowicie darmowa

- Łatwa instalacja

- Jest wielozadaniowa, idealnie nadaje sie dla blogerów, portali, katalogów produktów, sklepów internetowych, portfolio, systemów rezerwacji czy też serwisów informacyjnych i biurowych.

- Rozbudowane zarządzanie treścią

- Rozbudowane zarządzanie użytkownikami

- Obsługa wielu języków

- Formularze kontaktowe

- Edytory tekstowe takie jak JCE umożliwiają formatowanie tekstu jednym kliknięciem

- Wsparcie społeczności Joomla

 

CMS Joomla to bardzo szybki system, który pomaga nam tworzyć zarówno małe strony internetowe jak i te duże. Jest to idealna propozycja dla osób, które nie chcą spędzić mnóstwa godzin na uczeniu się programowania. Chcesz stworzyć unikalną witrynę internetową bez znajomości programistycznych? Z Joomla jest to możliwe!

Jak zarządzać pozycjami w Joomla ?

 

Czym są pozycje w Joomli?

Podstawowym elementem szablonów Joomla są pozycje modułów, które pozwalają nam określić pozycję danego elementu na naszej stronie podzielonej na sekcje.Pozycje są tworzone przez autora szablonu i nie są stałe dla każdego produktu, więc ilość pozycji, ich nazewnictwo czy też ich lokalizacja w szablonie może się różnić w zależności od dostawcy szablonu.

Używanie pozycji modułów w Joomli jest dużym ułatwieniem w dostosowaniu strony do Twoich potrzeb. Możesz wyświetlać w dowolnym miejscu moduły czy też zmieniać ich kolejność, np.: poprzez intuicyjny system “ Drag and drop “ czyli złap i upuść, pozwala Tobie bez jakiejkolwiek znajomości środowiska informatycznego posortować moduły w odpowiedniej kolejności.

 

Jak sprawdzić pozycje modułów w Joomla?

Przejdź do swojego panelu administratora, a następnie Rozszerzenia > Szablony

 

 

Następnie przejdź do ustawień szablonów - Opcje ( w prawym górnym rogu )

 

 

Przełącz Podgląd pozycji modułów na “ włączony “ i zapisz ustawienia.

 

 

 

Gdy już zapiszesz ustawienia wystarczy,że dopiszesz do adresu strony końcówkę : /index.php?tp=1

Czyli adres Twojej strony powinien wyglądać tak : www.TwojaDomenaJoomla.pl/index.php?tp=1

Jeśli wszystko zrobiłeś dobrze, to wejściu w adres powinieneś zobaczyć taki widok pozycji :

( pamiętaj, że ilość i nazewnictwo pozycji może się u Ciebie różnić. )

 

 

 

Jak przypisać moduł do pozycji ?

Możesz przypisać dowolny moduł do dowolnej pozycji w Joomla.

Na potrzeby poradnika stworzymy custom moduł z tekstem, a następnie wyświetlimy go w prawej kolumnie.

Zaloguj się do swojego panelu administratora Joomla i przejdź do Rozszerzenia > Moduły, następnie naciśnij przycisk Utwórz aby stworzyć nowy moduł.

Jeśli posiadasz już moduł, którego chcesz zmienić pozycję, możesz pominąć ten krok.

 

 

Z listy tworzenia wybierz custom moduł ( Własny )

 

 

Z prawej strony widoku tworzenia modułu znajduję się pole “ Pozycja” - wybierać pozycje możesz poprzez wpisanie jej pierwszych liter ( jeśli znasz jej nazwę ) lub poprzez wybór z listy.

Na potrzeby poradnika wybrałem pozycję Right-Column.

 

 

 

Upewnij się,że Twój moduł jest wyświetlany poprawnie na docelowej stronie.

Możesz sprawdzić do jakich pozycji menu jest przypisany moduł w zakładce “ Przypisz do pozycji menu “

 

 

Jak zmienić kolejność wyświetlania modułów ?

Możesz przypisać nieograniczoną ilości modułów do jednej pozycji.

Dla przykładu utworzyłem 3 różne moduły (menu, custom moduł z tekstem oraz obrazek ) i wyświetliłem je na jednej pozycji ( right-column)

 

 

 

Jeśli aktualna kolejność modułów Tobie nie odpowiada możesz ją zmienić w prosty sposób korzystając z wbudowanego narzędzia. Przejdź do Rozszerzenia > Moduły. 

Aby łatwiej zarządzać, przefiltruj swoje moduły poprzez pozycję. W tym celu naciśnij na Narzędzia wyszukiwania i wybierz pozycję na której chcesz dokonywać zmian.

Następnie naciśnij ikonę ze strzałkami (3) i za pomocą metody Drag and drop ( przeciągnij i upuść ) ustaw kolejność wyświetlania.

 

 

 

 

Co się stanie kiedy zmienisz szablon Joomla?

Jeśli zmienisz szablon Joomla, musisz na nowo przypisywać pozycję modułów, ponieważ są one zapisane w kodzie szablonu, a zmiana na nowy wiąże się z ich zmianą.

Zrozumieć bootstrap

W naszych szablonach dla Joomla 3.0 wspierających system bootstrap grid szerokość można określić statycznie - “fixed” lub płynnie - “fluid”.

Opcja “fixed”

Szerokość szablonu zależy od rozdzielczości urządzenia, na którym przeglądana jest strona.
Szerokość szablonu będzie się stopniowo zmniejszać jeżeli strona będzie przeglądana na urządzeniach z małym ekranem.

rozdzielczośćszerokość szablonu
1200px i więcej 1170px
980px i więcej 940px
768px do 979px 724px
poniżej 767px wszystkie kolumny wyświetlane są jedna pod drugą (100% pionowo)

 

Opcja “fluid”

Opcja pozwala na określenie szerokości szablonu procentowo lub w pikselach. Jeśli umieścimy wartość w pikselach szerokość wszystkich kolumny zostanie przeliczona na wartość określoną procentowo - uwzględnione zostaną też marginesy między kolumnami. Oczywiście szablon będzie również dostosowywał się do małych ekranów.

Opcje “fixed” i “fluid” mogą być określone w Template Manager.

ef-3-template-layout

Bootstrap grid - idea 12 kolumn

Bootstrap grid system pozwala umieścić wiele modułów w tej samej pozycji szablonu a także usatlić szerokość każdego z modułów, określając liczbę kolumn, które ma zajmować.

Idea podziału pozycji szablonu na obszary przedstawia się następująco:

Równe szerokości obszarów.

700x184-equal images faq ef-3 bootstrap-grid-equal-width

Wrapper używa 12 podstawowych kolumn.
Iloraz ilości wykorzystanych obszarów i ich szerokości (wyrażonej w ilości zajmowanych kolumn) musi być równy 12.

Różne szerokości obszarów.

700x116-equal images faq ef-3 bootstrap-grid-various-width

Obszary w danym wierszu mogą mieć różną szerokość (wyrażoną w ilości zajmowanych kolumn). Suma szerokości obszarów w danym wierszu musi być równa 12.

Jak to wygląda w praktyce?

Różnica w zastosowaniu 12 kolumnowego systemu bootstrap w opcjach “fixed” i “fluid” jest znaczna.


Opcja “fixed”

Przyjrzyjmy się naszemu darmowemu szablonowi JM-Lifestyle.
Po lewej widać screenshot z opisanymi pozycjami szablonu.
Po prawej stronie mamy 12 kolumn siatki graficznej szablonu.

800x824-equal images faq ef-3 fixed-option-layout
Wszystkie obszary wyświetlone w jednym wierszu muszą dać w sumie 12 kolumn. Jeżeli chciałbyś podzielić którąś z pozycji szablonu na więcej obszarów, pamiętaj że w sumie w wierszu powinno być ich 12.

Przykład.
Przykład 1 - opcja ‘fixed’

700x173-equal images faq ef-3 example1fixed
W przykładzie zajmiemy się dwiema pozycjami szablonu - top-bar-1 i top-bar-2. Stwórzmy 2 moduły w pozycji top-bar-1 oraz kolejne 2 w pozycji top-bar-2. Musimy określić rozmiar każdego z modułów (parametr Bootstrap Size w zakłdace Advanced Options).

Wybierz Extensions -> Module Manager , a następnie w filtrze wybierz pozycję top-bar-1.

700x277-equal images faq ef-3 module-list

Następnie wejdź w okno edycji kolejnych modułów i ustaw Bootstrap Size.

bootstrapsize-module
W przypadku modułów w pozycji top-bar-1 ustalamy Bootstrap Size dla pierwszego modułu na 2 a da drugieo modułu na 4.
Dla obu modułów z pozycji top-bar-2 ustawiamy Bootstrap Size na 3.
Następnie ustaw prawidłową kolejność. Rezultat powinien wyglądać nastepująco.

700x131-equal images faq ef-3 example1-result

Zajmijmy się kolejnym przykładem w pozycji bottom.
Przykład 2 - opcja “fixed”

700x185-equal images faq ef-3 example2-fixed

Tym razem mamy 3 moduły w jednym wierszu przypisane do pozycji szablonu nazwanej bottom.
Dla modułów pierwszego i drugiego ustawmy Bootstrap Size na 3. Dla trzeciego wartość Bootstrap Size wyniesie 6.
Rezultat będzie wyglądał następująco:

700x103-equal images faq ef-3 example2-result

Opcja “fluid”

Ta opcja daje większe możliwości niż “fixed”.

W tym wypadku, inaczej niż w opcji “fixed”, suma ilości kolumn (wartość parametru Bootstrap Size) wykorzystywanych przez obszary w jednym wierszu nie musi być równa 12. Tym razem, każda z pozycji szablonu może być podzielona na 12 kolumn więc ich suma w jednym wierszu może być różna.

800x824-equal images faq ef-3 fluid-option-layout

Teraz suma kolumn wrapper’a wynosi 12 ale dodatkowo może podzielić każdą z nich na 12 komórek. Żeby zrozumiec różnicę zróbmy jeszcze raz te same przykłady którymi zajmowaliśmy się przy analizowaniu opcji “fixed”.

Przykład 1 - opcja “fluid”

700x180-equal images faq ef-3 example1fluid

Tym razem dla modułów w pozycji top-bar-1 ustawiamy Bootstrap Size na 4 i 8. Dla obu modułów w pozycji top-bar-2 Bootstrap Size ustawiamy na 6.
Rezultat wygląda następująco.

700x131-equal images faq ef-3 example1-result

Przykład 2 - opcja “fluid”

700x185-equal images faq ef-3 example2-fluid


Jak widać w tym przykładzie wartości parametru Bootstrap Size pozostają takie same jak w pozycji “fixed”.
Dlaczego? Ponieważ pozycja bottom zajmuje cały wiersz (nie musi dzielić miejsca z inną pozycją szablonu) 12 kolumn wrapper’a pokrywa się z 12 komórkami na które możemy podzielić pozycję bottom.

Ustawienia parametru Bootstrap Size pozostawiamy takie same jak wcześniej.
Dla modułów pierwszego i drugiego ustawmy Bootstrap Size na 3. Dla trzeciego wartość Bootstrap Size wyniesie 6.

Rezultat się nie zmienia:

700x103-equal images faq ef-3 example2-result

15 lat doświadczeń z Joomla! CMS

Stwórz a nami własną strone internetową
używajcąc naszych elastycznych szablonów dla Joomla

INDICO S.C.

ul. Przyjaźni 9, 84-215 Gowino, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2021 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.