Posted on Leave a comment

Recenzja motywu Grand Vector

Niedawno miałem przyjemność przetestować kolejny z motywów firmy Templatemonster, tym razem wybrałem motyw na czystym HTML i CSS aby ocenić wydajność i różnicę pomiędzy stroną na systemie WordPress a czystą stroną HTML (bez połączenia z bazą danych), a więc zaczynajmy 🙂

Struktura Plików

Wykupując motyw Grand Vector, otrzymacie komplet plików HTML wraz z plikami PSD całej strony, co nie da się ukryć jest bardzo wygodne pod dalszą rozbudowę serwisu. Sam motyw udostępnia bardzo dużą ilość opcji (Tabów, akordeonów, rozstawień nawigacji) i bez trudu można dostosować wygląd strony pod swoje oczekiwania. Cała strona jest „Poukładana”, czyli pliki nie walają się bez katalogów, co nie da się ukryć jest wygodne i sprawia, że cały serwis staje się bardzo przejrzysty. Motyw Grand Vector dzieli katalogi na: Bat (Pliki skryptowe od formularza kontaktowego), Css (Wszystkie style Css), Fonts (Niestandardowe czcionki), JS (Skrypty JavaScript).

Jakość kodu

Oprócz samej przejrzystej struktury, jakość kodu tego motywu jest dobra. Cały motyw opiera się o framework Css Bootstrap, dzięki czemu edycja nie sprawia większego kłopotu (Bootstrap jest jednym z najczęściej spotykanych Framework’ów CSS). Jedyną rzeczą do jakiej mógłbym się doczepić jest jeden zbiorczy plik „Custom.css”, który docelowo można by było rozbić na kilka innych (mniejszych) plików CSS i w tym momencie można by było zoptymalizować ilość kodu do praktycznie minimum – taka sama sytuacja jest w przypadku skryptów JavaScript.

Docelowo to nie jest wielki i krytyczny problem, według narzędzia Google PageSpeed Insights strona osiąga bardzo fajne wyniki w postaci 90/100 na urządzenia mobilne i 98/100 na komputery. Te wyniki można porównać do strony na WordPress na (moich znienawidzonych) Pagebuilderach, które niestety osiągają bardzo niskie wyniki (powodem jest trzymanie bardzo dużej ilości kodu w bazie danych + powielanie wielu struktur zbędnego kodu)

Dlaczego warto wybrać motyw Grand Vector?

Podczas analizy tego motywu, nie dopatrzyłem się żadnych krytycznych problemów po jego stronie, sama edycja strony (pamiętajmy, że to czysty kod HTML) jest bardzo wygodna i mniej czasochłonna niż tworzenie strony od podstaw, także jeżeli szukasz motywu, który ma być szybki, funkcjonalny i estetyczny to myślę, że mogę śmiało zarekomendować motyw Grand Vector.

Niedawno miałem przyjemność przetestować kolejny z motywów firmy Templatemonster, tym razem wybrałem motyw na czystym HTML i CSS aby ocenić wydajność i różnicę pomiędzy stroną na systemie WordPress a czystą stroną HTML (bez połączenia z bazą danych), a więc zaczynajmy

Posted on Leave a comment

Recenzja Motywu Discovery Tour

Niedawno miałem przyjemność testowania kolejnego motywu od Templatemonster – motywu Discovery tour, które jest oparty na czystym HTML, CSS i Javascript. W tym artykule opiszę wam zalety oraz wady tego motywu oraz wskażę dlaczego warto zainwestować więcej ale w stronę na czystym HTML z CSS. No to zaczynajmy 🙂

Struktura Plików

Sam motyw Discovery jest przystosowany dla portalu wakacyjnego, jednak nie ma żadnego problemu, żeby go przerobić na dowolnie inną stronę internetową. Wykupując ten motyw, uzyskacie przeszło 20 szablonowych podstron z opiniami, akordeonami (chowany złożony tekst, po kliknięciu na odpowiedni nagłówek pokazuje się część dalsza), czy wieloma stylami stopki.

Wszystkie pliki są umieszczone w odpowiednich katalogach, co daje nam przejrzystą strukturę. Czemu o tym piszę o takim banale? Wiele motywów, pomimo pięknych efektów prac, ma olbrzymi bałagan w strukturze plików. W momencie kiedy dochodzi do dostosowania motywu, okazuje się, że Web Developer poświęca sporo czasu na odnalezienie się w strukturze. Co nie da się ukryć jest irytujące i na pierwszym kroku daje duży minus motywowi.

Jakość kodu

Oprócz samej przejrzystej struktury, jakość kodu tego motywu jest dobra. Ilość stylów i skryptów JS jest standardowa nie przeciąża specjalnie strony. Według analizy Page Speed Insight strona osiąga 90/100 na urządzeniach mobilnych i 98/100 na komputery. Warto także zauważyć, że w skład audytu Page Speed Insight wchodzą grafiki, stąd te wyniki mogą być zaniżone.

Osobiście uważam, że motyw został bardzo dobrze zakodowany wykorzystując przy tym framework CSS Bootstrap 3.

W samym motywie przydała by się wersja z plikami .php, gdzie byłby dodatkowo plik header.php (odpowiadający za nawigację) załadowywanu do wszystkich plików. Co spowodowało by szybsze wprowadzanie zmian na stronie. Ale to delikatna wada a w zasadzie jej brak (ponieważ to motyw HTML).

Wady motywu

Jak wszystko w tym świecie ma swoje wady i zalety – w przypadku tego motywu na szczęście jest więcej zalet. Niestety efekty nawigacji są napisane w Javascript co jest niekorzystne dla Google. Roboty Googla nie radzą sobie z renderowaniem Javascriptu i odtwarzają stronę tak jak w trybie „bez javascript”. W takim stanie widać tylko HTML i CSS. Czemu akturat w nawigacji jest problem?

Dla Googla jest to jeden z najistotniejszych elementów na stronie internetowej. W zasadzie tak jak dla człowieka, to dzięki nawigacji robot może przemieszczać się po podstronach (jak człowiek). W momencie kiedy tego nie ma, robot ma utrudnioną drogę do podstron (wejdzie przez kod, jednak przez to strona straci na pozycjach).

Dlaczego warto zainwestować w stronę na czystym HTML i CSS (nie system CMS)?

Z punktu widzenia klienta strona na czystym kodzie jest to najlepsza inwestycja jaką mógł dokonać. Wynika to z faktu, że takie strony są wieczne i nie wymagają większej administracji (jeżeli nie mają panelu administracyjnego i formularzy). Możliwość wystąpienia wirusa na takiej stronie jest znikoma, no chyba, że posiadamy formularze, którymi można przesyłać pliki na serwer – Wtedy ryzyko jest większe.

Dużą wadą dla samego klienta jest brak możliwości edycji strony bez znajomości podstaw HTML. Nie da się ukryć, że większość nie chce korzystać nawet z systemów CMS a co dopiero czysty kod.Sama strona na czystym HTML i CSS będzie droższa lub równa cenie z systemem CMS – z czego to może wynikać?

Wiele firm tworzy strony na systemach CMS np. WordPress, ponieważ mają tam gotowe szablony i szybko się ją dostosowuje. Na HTML też można wykupić szablon, jednak dostosowanie go jest znacznie dłuższe niż przy Page Builderze. Kodowanie strony w czystym kodzie jest znacznie trudniejsze niż przy użyciu Page buildera. Stąd Web developer musi poświecić więcej czasu na stworzenie takiej strony. O kolejnych elementach wpływających na cenę strony możecie przeczytać w moim artykule [Kliknij tutaj]

 

Podsumowanie:

W swojej karierze miałem przyjemność korzystania z wielu motywów, zarówno CMS’owych jak i czystych i muszę przyznać, że motyw Discovery Tour, jest bardzo dobrze stworzonym motywem i jeżeli szukasz idealnego szablonu dla twojej strony przy zachowaniu funkcjonalności i szybkości to zdecydowanie polecam właśnie ten motyw 🙂

Niedawno miałem przyjemność testowania kolejnego motywu od Templatemonster – motywu Discovery tour, które jest oparty na czystym HTML, CSS i Javascript. W tym artykule opiszę wam zalety oraz wady tego motywu oraz wskażę dlaczego warto zainwestować więcej ale w stronę na czystym HTML z CSS. No to zaczynajmy.

Posted on Leave a comment

Motyw Bigboom

Niedawno zostałem poproszony o przetestowanie gotowego motywu sklepu internetowego o nazwie BigBoom promowanego przez firmę Templatemonster. Co ciekawe motyw okazał się być bardzo dobrze skonstruowany. W tym artykule przedstawię wam zalety tego motywu oraz jak go obsługiwać i zainstalować.

Instalacja motywu na serwerze

Sam proces instalacji jest naprawdę bardzo prosty, po zakupieniu naszego motywu otrzymamy paczkę z 3 katalogami, katalog bigboom, katalog bigboom-child i documentation.

Katalogi bigboom i bigboom-child należy przenieść na nasz serwer FTP i dodać w katalogu Themes. Po przeniesieniu należy zalogować się do naszego panelu administracyjnego, wejść w motywy i uruchomić motyw Bigboom-child.

Czemu nie sam Bigboom?

A otóż Bigboom child jest odwołaniem do katalogu naczelnego Bigboom, przy czym możemy kopiować pliki źródłowe z katalogu Bigboom i je nadpisywać w katalogu Bigboom-child. Takie działania mają sens w momencie kiedy wiemy, że motyw będzie aktualizowany przez jego autorów. Zapisując swoje zmiany w katalogu Child sprawią, że mimo updatu motywu nasze zmiany i tak zostaną.

Wtyczki motywu Bigboom

Po uruchomieniu naszego motywu, wygenerują nam się nowe pole takie jak „Install plugins” (w Wyglądzie), autorzy zapewnili nam naprawdę dużą gamę wtyczek do instalacji. Co ważne są to sprawdzone wtyczki, które są cały czas aktualizowane, dzięki czemu stabilne z aktualnymi wersjami WordPress. Wśród tych wtyczek znajdziemy np. Revolution slider czy VisualComposer, który pozwoli nam na edycję strony w trybie rzeczywistym.

Jednak najważniejszą wśród owych wtyczek jest OVC Panel, ponieważ pozwoli nam zaimportować cały wygląd motywu wraz z testowymi produktu.

Po instalacji OVC Panel wchodzimy w niego i klikamy import demo. W tym momencie system automatycznie pobierze i zainstaluje wszystkie potrzebne wtyczki wraz ze stylami strony.

Wygląd motywu

Sam wygląd motywu jest naprawdę ciekawy i nowoczesny. Na stronie nie zabraknie sliderów, ruchomych produktów czy też informacji o aktualnych promocjach. Tak skonstruowany motyw jest zdecydowanie dostosowany do standardów projektowania UX.

Zatem zakupując ten motyw dostajesz gotowe narzędzie marketingowe, które wystarczy wypromować np. przez pozycjonowanie organiczne lub płatne reklamy w Google.

Pamiętajmy, że bez skutecznego marketingu nawet najpiękniejszy sklep internetowy na świecie nie będzie udanym projektem i będzie generował tylko straty.

Edycja stron

podstrony i kliknąć „Front Editor”. Dzięki wtyczce Visual Composer, możemy kreować wygląd naszej strony bez większej znajomości CSS czy też HTML. Sama wtyczka posiada wiele gotowych komponentów, które wystarczy przeciągnąć na miejsce gdzie mają się wyświetlić. Cały proces edycji takiej strony jest naprawdę przyjemny i przyśpiesza proces kreowania wyglądu strony internetowej.

Podsumowując

Cały motyw jest bardzo dobrze dostosowany do instalacji nawet przez laika. Autorzy wykonali naprawdę dobrą pracę, a co ważne motyw jest dostępny na stronie Templatemonster w atrakcyjnej cenie. Jeżeli nie czujesz się na siłach aby zrobić to samemu, zapraszam do kontaktu a za drobną opłatą zainstaluję całość za Ciebie.

Posted on Leave a comment

Dlaczego warto wybrać motyw Monstroid

Jakiś czas temu zostałem poproszony o przetestowanie i zrecenzowanie pewnego motywu WordPress od firmy TemplateMonster, był nim motyw Monstroid. W tym artykule przedstawie wam główne zalety/wady jakie posiada ten motyw i czy warto w niego zainwestować, zatem zaczynajmy 🙂

Pierwsza instalacja

Sama instalacja tego motywu była bardzo prosta, polegała przede wszystkim na dodaniu plików do katalogu „Plugins” na serwerze FTP a następnie włączeniu wtyczki w panelu. Po wykonaniu tych czynności ukazał mi się interfejs, wyboru szablonu strony.

Co ciekawe szablonów było naprawdę dużo z naprawdę wielu dziedzin, wykonanych w różnych stylach projektowania ale o tym opowiem później. Po wyborze szablonu system zrobił resztę za mnie. Sam zaimportował wszystkie wtyczki, media, wpisy, strony.

Proces importu danych potrwał klika minut. Jeżeli miałbym ocenić proces instalacji, śmiało bym dał ocenę 5/5.

Wtyczki

W tym punkcie jest już ciut gorzej niż w punkcie „Pierwszej instalacji”. Zainstalowany motyw pobrał około 14 wtyczek odpowiadający za poszczególne sekcje strony. Osobiście nie jestem zwolennikiem wtyczek, ponieważ są one główną przyczyną zawirusowania stron lub wykrzaczenia się ich. Wśród zainstalowanych wtyczek możemy znaleźć: Elementor, Contact form 7 oraz autorskie, które opiszę poniżej.

Elementor jest to wtyczka odpowiadająca za cały Grid (siatke) strony, jest to tzw. page builder, który pozwala tworzyć stronę w trybie Live. Co ciekawe sama wtyczka jest darmowa i cały czas rozwijana. Moim zdaniem wykorzystując to narzędzie możesz być spokojny o kompatybilność wersji wtyczki z wersją wordpress.

Wtyczki c.d

Contact form 7 jest to najbardziej znana wtyczka odpowiadająca za formularz kontaktowy, jeżeli chodzi o formularze to super, że wykorzystali akurat tą wtyczkę. Sam wykorzystuję ją na co dzień w swojej pracy ze względu na jej mechanizmy oraz bezpieczeństwo.

Pozostałe wtyczki są autorskim rozwiązaniem i tutaj pojawia się wielki znak zapytania, na jaki czas to rozwiązanie jest dobre i jak długo autorzy strony będą rozwijać tą wtyczkę. Na dzień dzisiejszy niestety nie umiem odpowiedzieć na to pytanie.

Ten punkt oceniam na 4/5. Daje dozę zaufania autorom i wierzę, że autorskie wtyczki będą rozwijane.

Szablony

Jeżeli chodzi o ilość szablonów to mogę śmiało powiedzieć, że jest ich naprawdę dużo. Za ilością w tym przypadku idzie także jakość, przygotowane szablony są nowoczesnymi stronami internetowymi z indywidualnymi grafikami. Proporcja zdjęć, czcionki, kolorystyka jest bardzo dobrze dobrana. Strony do siebie zachęcają i są dostosowane do popularnego UX (user experience).

Przygotowane szablony obejmują wiele różnych branży. Dla potencjalnego kontrahenta jest bardzo wygodne, ponieważ może kupić motyw, który już na wstępie jest dla niego dostosowany. Ten punkt oceniam na 5/5

Cena

Najważniejszy czynnik przy wyborze szablonu strony internetowej. Cena całe motywu wynosi niecałe 300 zł netto. Osobiście myślę, że jest to dobra cena za w zasadzie gotową stronę internetową wraz z dodanymi funkcjonalnościami. Kontrahencie Pamiętaj! Do ceny motywu Web developerzy doliczają czas dostosowania motywu do potrzeb klienta, przeniesienie gotowej strony na serwer, oraz zabezpieczenie jej przed wirusami. Przez co koszt takiej strony wynosi około 1500 zł netto.

Jeżeli szukasz osoby, która dostosuje twój wybrany motyw to zapraszam do kontaktu. Cenę całego motywu oceniam na 4/5. Dlaczego w taka ocena? Musimy pamiętać jednak, że istnieją równie dobre motywy w troszke niższych cenach.

Kod

Patrząc na motyw przez pryzmat kody, mogę powiedzieć, że ilość generowanego kodu w porównaniu do ilości tekstu jest na naprawdę dobrym poziome. W kodzie nie ma tzw. śmieci czyli zbędnych klas/znaczników HTML.

Dzięki zadbanemu kodowi strona jest szybsza, czytelniejsza. i zawsze można do niej wrócic i śmiało edytować. Dodatkowym atutem jest też optymalna ilość skryptów JS. Wiele motywów jest nimi przepełniona co skutkuje spowolnieniem strony internetowej. Jakość kodu oceniam na 5/5.

Edycja strony

Tak jak prosto się tworzy stronę poprzez wtyczkę Elementor tak i prosto się ją edytuje. Wystarczy wejść w panel edycyjny strony/ edytować daną podstronę i możemy dokonywać zmian w trybie live, czyli mamy podgląd całej strony i tylko najeżdżamy na wybraney element i po kliknięciu na niego możemy go edytować w formie okienkowej.

Jakość i intuicyjność edycji strony oceniam na 5/5.

Jeżeli nie czujesz się na siłach aby samemu administrować stroną, to chętnie Ci w tym pomogę. Zapraszam do kontaktu, aby omówić kwestie finansowe.

Podsumowywując

Jeżeli szukasz motywu, który zapewni Ci nowoczesną/estetyczną stronę internetową z zachowaniem bezpieczeństwa i funkcjonalności to zdecydowanie mogę polecić motyw Monsterid. W przyszłości postaram się recenzować inne motywu, zatem zapraszam do śledzenia bloga. W razie pytań,wątpliwości zapraszam do komentowania 🙂