W poprzednim tutorialu - pokazałem jak w layout motywu umieścić pozycję widżetu w sekcji header frameworka Gantry 5 dla WordPress. W jednej sekcji możemy umieścić wiele pozycji widżetów i particles / cząstek, ale ze względu na responsywność nie powinno ich być więcej niż 3-4 w jednej row - linii.

Ikony Font Awesome pojawiły się już we frameworku Gantry 4 ale ich stosowanie nie obywało się bez problemów. W wydanym w tym roku Gantry 5 nastąpiła duża integracje fontów fa-fa z tym frameworkiem. Możemy je dodawać w bardzo wygodny sposób bez użycia kodów. W Gantry 5 są one już we frameworku, nie musimy ich pobierać ze strony producenta i instalować w naszym cms'ie.

Font Awesome to czcionki skalowalne - są wektorowe, które mogą być natychmiast dostosowane za pomocą CSS- rozmiar, kolor, cień..

Gantry 5 rozwija się ale ciągle w szablonach brak niektórych rozwiązań - np liczyłem że tworzenie w layout pozycji typu Full Width będzie bardzo proste, bez zabawy z kodem. W tej chwili sądząc po podpowiedziach moderatorów na forum RT takiej możliwości nie ma. Ale jest to i tak proste.

Tak dla wyjaśnienia w Gantry 4 w ostatnim roku przed Gantry 5 zaczęły pojawiać się sekcje które miały szerokość całego ekranu. Nie można było ich dzielić na części.

Pojawienie się Gantry 5 sygnalizowane było przez zespół RocketTheme od dłuższego czasu. Początkowo nowa "suwnica" miała ukazać się pod koniec 2014 roku. Ostatecznie stało się to z kilku miesięcznym poślizgiem. Gantry 4 któe nadal ma się dobrze było dla mnie frameworkiem niemal doskonałym - czasem jednak pojawiały się niezrozumiałe ograniczenia. Coś co było możliwe w szablonach konkurencji w Gantry 4 nie dawało się prosto zrobić. Jednak ogromne możliwości dostosowania tego frameworka do potrzeb moich klientów sprawiają że nadal z niego korzystam. Jedyną wadą - czasem widoczną była jego powolność, ale akceptowalna.

Gantry 4 pojawiło się w momencie kiedy o stronach responsywnych nikt jeszcze nie słyszał - dlatego framework ten dawał jeszcze możliwość wyboru: strona responsywna lub klasyczny. Na Gantry 5 budujemy strony wyłącznie responsywne.

RocketTheme cały czas poszukuje nowych rozwiązań i stara się być liderem technologii. W tej chwili jeszcze wiele firm dostarcza szablony dla joomla gdzie króluje .css - RT poszło dalej, w Gantry 4 miesliśmy .less a w Gantry 5 - .scss

Nowe Gantry 5 jest bardzo rozbudowane dlatego powstanie ja jego temat kilka wpisów krótszych zamiast jednego wielkiego którego pewnie bym nie ukończył

Nowością w Gantry 5 są "Particle" - cząstki (?) - można powiedzieć że są to moduły o szczególnych właściwościach - przynajmniej te z pierwszej sekcji.

W tej zakładce możemy dokonać wstępnej konfiguracji "Particle" lub je wyłączyć . Ich wstępna konfiguracja nie ma znaczenia jeśli ich nie użyjemy. 

Przykładowo - na dole znajduje się Particle "Google Analytics" - umieszczenie tu naszego kodu nic nie da jeśli nie umieścimy cząstki gdzieś na stronie. Akurat to specyficzny przykład bo tę cząstkę musimy umieścić w części "Atom" zakładki "Layout" - dodatkowo musi to być loyout przypisany do szablonu strony głównej naszej strony www Lublin żeby dane można było odczytać w panelu Google Analytics.

Dziś o zakładce Layout - element który pozwala niemal dowolnie zaprojektować układ strony. W Gantry 4 mieliśmy siatkę dzieloną na 12 części gdzie mogliśmy w miarę dowolnie mini manipulować tworząc swoje kompozycje modułów. W każdym jednak poziomym układzie ograniczeni byliśmy tym 12 częściowym podziałem. Proporcje pozycji modułów mogły wyglądać np tak 6/4/2   lub  4/4/4   lub 3/3/3/3. I to było prawie wystarczające. Biorąc jeszcze pod uwagę podział w stronie responsywnej na więcej niż 4 części był trochę za duży. 

Ok zajmijmy się Gantry 5 i nowym rozwiązaniem zakładki Layout

Menu w Gantry 4 miało wiele wspaniałych cech i ale i braki. Od nowego frameworka i szablonów na nim opartych oczekiwałem że wszystkie fajne rozwiązania które ma w swoich szablonach konkurencja pojawią się także w szablonach RT.

W tej chili mogę powiedzieć że zabrakło jednej funkcji które czasem jest przydatna - Group Child Items - czyli grupowania podległych pozycji menu. Na ilustracji poniżej widać tą funkcje.
Pozycje menu podległe pod "Brugman", "Salamander" i "Veka" zostały pod nimi zgrupowane. Nie ma kolejnych wysuwanych podmenu które tylko wprowadziłyby chaos. Tego brak w menu Gantry5 - w tej chwili.

Dla mnie Joomshaper to 3 w kolejności po RocketTheme i Joomlart dostawca szablonów dla Joomla. Nigdy nie miałem okazji pracować na ich szablonach, ale moim zdaniem robią bardzo dobre wrażenie. Kiedyś już przymierzałem się do recenzji tego frameworka i nawet zainstalowałem szablon, ale ponieważ sam framework Helix 3 jest dość złożony i recenzja nie mogła byc pobieżna, dlatego czasu zabrakło.

Po pierwsze trzeba wziąć pod uwagę że szablon który będę recenzował jest darmowy, tak samo Page Builder występuje w wersji darmowej. Ponieważ pracuję na Gantry 5 wypadałoby żebym porównywał go także do darmowego szablonu - ale tu z kolei nie pracuję na takich. Jedyna moja styczność z darmowymi szablonami Gantry 5 pojawiła się kiedy je recenzowałem.

Druga część recenzji - przeglądu szablonu Shaper i frameworka Helix 3. W pierwszej zająłem się szablonem, jego zapleczem ale bez najbardziej rozbudowanej zakładki Layout. Layout umożliwia tworzenie pozycji modułów i tym samym zaprojektowanie układu strony www Lublin na Joomla. Zobaczmy jaka jest jego funkcjonalność.

W Gantry 5 mamy zdefiniowanych - nawet w darmowym szablonie Helium - kilka wersji layoutu. Są one modyfikacjami layoutu bazowego którego lepiej nie modyfikować - ja przynajmniej tak robię. Do tworzenia kopii szablonu - layoutu służy zakładka "Outlines" zanim jednak stworzymy własny layout zapoznajmy się z funkcją Inheriting - dziedziczenie.

Framework Gantry5 dla Joomla 3 powoli jest dopracowywany przez zespół RocketTheme. W tej chwili skończyłem lub kończę kilka pierwszych projektów na Gantry 5.  

Nie wszyscy pewnie wiedzą ale Gantry 5 nie jest zgodne z domyślną przeglądarką Androida znajdującą się na starszych telefonach m.in Samsungu Galaxy S3. Responsywność nie działa tak jak trzeba, nie pojawia się menu mobilne. Ale to stary telefon, na S4 wszystko działa ok. Ta przeglądarka na świecie ma minimalne udziały w rynku. Niestety w Polsce w kwietniu miała jeszcze klikunasto procenowy udział w przeglądaniu stron mobilnych. Ale kiedy sprawdzałem ostatni raz przed wakacjami notowała systematyczne spadki.

Do tej pory jeśli chcieliśmy stworzyć kopię szablonu wynikiem takiej operacji był całkowicie samodzielny szablon. Teraz dzięki opcji "Inherit" możemy skopiować szablon który będzie zależny od oryginału naszej strony www lublin na joomla i framworku Gantry 5.
W takim szablonie możemy spersonalizować niektóre jego elementy jako samodzielne - particles - cząstki  lub pozycje modułów. Te które pozostaną zależne od szablonu oryginalnego będą się zmieniały wraz z edycją oryginału.
To nowość ale tylko pozornie - coś podobnego było już w Gantry 4 - wykorzystywane np przy witrynach wielojęzycznych, lub wtedy kiedy chcieliśmy stworzyć alternatywny układ dla jakieś podstrony.

W pierwszym wpisie na temat nowej funkji w Gantry 5.3 pokazałem jak stworzyć szablon zależny od oryginalnego z wykorzystaniem funkcji inherit - dziedziczenia. W wielu wypadkach przy budowie prostych stron o identycznym układzie elementów dla całej strony funkcji inherit - dziedziczenia nie musimy wykorzystywać. Przydaje się przy stronach wielojęzycznych lub ze zmiennych układem / layouts szablonu.

Szablony Gantry 5 są trochę nietypowe - oprócz pozycji modułów (np bottom-a, bottom-b, top-a) zawierają także cząstki-partcles, czyli specyficzne moduły które możemy używać bezpośrednio w Layouts umieszczając tak jak pozycje modułów, jak i w podobny sposób jak standardowe moduły.

Mając konto pocztowe na gmail.com możemy sobie ułatwić życie integrując nim wszystkie usługi google. Nie musimy np. tworzyć nowego konta na google analytics tylko logujemy się do usługi za pomocą gmaila

1. Przechodzimy na stronę www.google.pl/intl/pl/analytics
Po prawej stronie na górze mamy do wyboru "Zaloguj się" lub "utwórz konto" - ponieważ założyłem przed chwilą dla klienta konto na gmail.com klikam "Zaloguj się"

GRAV to FLAT CMS czyli System Zarządzania Treścią który nie wymaga bazy danych. GRAV to autorski CMS firmy RocketTheme.com producenta szablonów dla Joomla i Wordpress a także frameworka Gantry5.

Muszę powiedzieć że podchodzę z rezerwą do tego CMS - moja niechęć spowodowana jest tym że podczas dwuletnich prac nad tym rozwiązaniem RocketTheme zaniedbała rozwój szablonów dla Joomla i Wordpress'a.
Framwork Gantry 5 powstawał i rozwija się jako rozwiązanie multiplatformowe i było także częścią projektu GRAV.

Od wielu lat uważam że strony internetowe powinny być urtrzymane na serwerach firm zapewniających wysokie standardy wynikające nie tylko z dobrych, nie sprawiających problemu serwerów ale także dobrego, działającego 24h na dobę BOK

Za najlepsze na polskim rynku uważam home.pl i nazwa.pl, gdyby jednak poczytać fora internetowe dla webmasterów, użytkowników joomla czy wordpressa to raczej znajdziemy tam antyfanów tych dwóch firm.

Wynika to m.in z naszej mentalności - chcemy jak najwięcej za jak najmniejszą kasę. Dlatego tak wielu tam fanów czwartej na rynku firmy - linuxpl.com
Llinuxpl.com do niedawna oferował małe konta w niskiej cenie. Te standardowe 50GB jakie oferuje nazwa.pl czy home.pl w tak dobrej cenie na linuxpl.com już nie są.

Tworząc bloga czy portal firmowy na WordPress chcemy mieć kontrolę nad ilością wpisów wyświetlanych na stronie głównej naszego serwisu. WordPress nie oferuje tak zaawansowanych ustawień jak Joomla ale to tylko system blogowy który właśnie dzięki swojej prostocie stał się tak popularny. Standardowo nie możemy w strony www Lublin na WordPress zmienić ilości kolumn ale liczbę wpisów już tak i to w całkiem prosty sposób.

Zgodnie z rozporządzeniem na stronach www które wykorzystują cookies powinna być zamieszczona informacja o tym fakcie.
Zmieniona ustawa Prawo Telekomunikacyjne nakazuje wydawcom stron www uzyskiwać zgodę od użytkowników witryn na korzystanie z ciasteczek i podobnych  technologii. Nowelizacja ustawy jest konsekwencją dyrektywy Unii Europejskiej nr 2009/136/WE. Według jej wymogów i nowych przepisów użytkownik witryny internetowej ma otrzymywać jasne i wyczerpujące informacje o celu, rodzaju i zakresie stosowania plików cookies oraz podobnych technologii i należy mu zapewnić możliwość odmowy zapisu plików na jego urządzeniu (komputerze, smartfonie, telefonie). Nie o wszystkich plikach ciasteczek trzeba informować, ale przepisy w tej mierze nie są zbyt jasne.

Na stronie extensions.joomla.org takich rozszerzeń mamy dość dużo http://extensions.joomla.org/extensions/site-management/cookie-control
Ale jest także polskie rozwiązanie dostępne za darmo na stronie Fundacji Polskiego Centrum Joomla - Otwarte Źródła.

Na stronie getgrav.org mamy możliwość pobrania CMS GRAV z panelem admina, szablonów "Themes" i Pluginów, ale jest też zakładka "Skeletons" w której znajdziemy strony z treściami demo. Nie trzeba więc zaczynać tak jak ja to zrobiłem, od czystej instalacji GRAV. W tej chwili mamy dostępne na getgrav.org 70 szablonów i 157 pluginów. Ruszył także klub GRAV na stronie RocketTheme.com

W tym tutorialu pokaże jak zainstalować szablon Helium z frameworkiem Gantry5.

Tworząc bardziej złożone, dłuższe wpisy w WordPress warto podzielić treść wpisu na zajawkę i tekst właściwy. Zajawka to krótki wstęp który ma zachęcić czytelnika do zapoznania się z całą treścią artykułu. Dzięki zastosowaniu zajawki na stronie nie mamy od razu do czynienia z rozwlekłym długim artykułem, co powoduje konieczność przewijania całej strony www Lublin żeby zapoznać się z innymi treściami. Możemy pokazać za to kilka, kilkanaście zajawek z ciekawymi tytułami i dodatkowo z fotografią. Poprawia to dizajn strony zwłaszcza teraz kiedy strony internetowe wykonywane są w stylistyce Flat design i dużo zależy od grafik i formatowania tekstu.

Żeby uzyskać efekt zajawki - wstępu po krótkim tekście wprowadzającym musimy wstawić button / link "czytaj dalej". Służy do tego ikonka w edytorze treści.