Jako pierwszego pod lupę bierzemy motyw Falero.

Z związku z tym, że jest to nasza pierwsza recenzja przedstawię także schemat jakim będziemy się kierować przy redagowaniu artykułów w tym temacie. Recenzje będą składać się z następujących rozdziałów:

  1. Wstęp – podstawowe informacje.
  2. Instalacja – informacje dot. przebiegu procesu instalacji oraz zawartej w pakiecie dokumentacji.
  3. Front office – informacje dot. wyglądu, użyteczności które oferuje dla odbiorców (klientów) strony.
  4. Back office – czyli wszystko co od „kuchni” udostępnia motyw, dostępne wigety, ustawienia motywu, zintegrowanie z wtyczkami.
  5. Podsumowanie.

Dodatkowo po każdym z rozdziałów wystawimy stosowną cenzurkę aby w podsumowaniu wystawić ocenę całościową w szkolnej skali ocen 1-6 (gdzie 1 – nie instaluj szkoda czasu i pieniędzy, 6 – takiego motywu chyba jeszcze nie zrobili 🙂 ).

Przechodząc do sedna zaczynamy pierwszą recenzję!

Motyw Falero

  1. Wstęp

CMS: WordPress

Kategoria: Ślub

Zastosowanie: Strony ślubne, portfolio dla fotografa lub usług wideofilmowania, strona wizytówka dla firm z branży ślubnej

Cena: $72

Wykonano przez: Evatheme

Licencja: GNU General Public License version 3.0

Zawartość: PHP, JS, CSS, PNG, pliki importu demo (TXT, PNG).

2. Instalacja

Instalacja motywu składa się z trzech etapów.

Pierwszy etap to właściwa instalacja motywu która odbywa się w standardowy dla WordPress sposób tj. poprzez zakładkę Wygląd => Motywy => dodaj motyw. Wgrywamy plik zip załączony do zestawu i instalujemy motyw. Jednakże po wstępnej instalacji strona nie będzie miała jeszcze wyglądu przedstawionego w demo. Dlatego należy przejść do etapu drugiego.

Drugim etapem jest instalacja dedykowanych wtyczek niezbędnych do prawidłowego działania motywu. W skład wtyczek wchodzi:

  • Contact Form 7
  • Evatheme Redux Framework
  • Evatheme Visual Composer Extension
  • Slider Revolution
  • Ultimate Addons for Visual Composer
  • WPBakery Page Builder

Następnie przechodzimy do kroku trzeciego tj. importu dema załączonego do zawartości motywu.

Cała instalacja przebiega szybko i bez problemowo. wtyczki i demo jest idealnie dostosowane i nie wymaga nanoszenia poprawek. Po 15 min mamy w pełni działającą stronę. Jedyną wadą jest brak jakiejkolwiek dokumentacji w zakresie instrukcji obsługi i przebiegu instalacji. Osoba która ma pewne doświadczenie w obsłudze motywów nie powinna mieć dużego problemu z instalacją jednak laikowi może sprawić spory problem, dlatego zachęcamy do skorzystania z naszych usług w zakresie wykonania strony internetowej.

Ocena: 4.


3. Front office

Strona głowa

Motyw zawiera dwie wersje strony głównej. Pierwsza z nich (default) oferuje kolejno:

  • slajder pełnej szerokości, w którym można umieścić fotografię lub film, dodać ciekawą animację oraz napis (edytowany z pomocą wtyczki Slider Revolution)
  • możliwość wpisania dowolnej sentencji,
  • cztery banery pełnej szerokości prowadzące do galerii,
  • trzy boksy prowadzące do wpisów
  • pełnej szerokości baner z efektem paralaksy.

Druga wersja (video BG) różni się następującymi elementami:

  • Slider pełnej szerokości – po instalacji wersji demo nie było skonfigurowanego slidera dla tej podstrony, w naszym preview błąd został poprawiony
  • trzy boksy prowadzące do wpisów mają inny układ text/ikona
  • cztery banery prowadzące do galerii mają układ pudełkowy
  • blok z opiniami klientów

Obie wersje strony głównej są estetyczne i przemyślane. Nie są przeładowane treścią i niepotrzebnymi bajerami. Posiadają wszystko co można by chcieć od strony typu portfolio czy strony ślubnej. Na siłę można by się przyczepić do tego, że nie ma boksu z przedstawieniem osoby fotografa lub z referencjami w przypadku portfolio lub przedstawienia rodziców oraz świadków w przypadku strony ślubnej.

Podstrony

Motyw zawiera dwa układy podstron. Podstrona „About” przeznaczona jest do prezentacji postaci fotografa. Zawiera kolejno:

  • Slider pełnej szerokości
  • Informacje o fotografie oraz linki do social media fotografa
  • Zdjęcie fotografa z sentencją
  • Przedstawienie umiejętności fotografa w formie słupków procentowych.
  • Blok pełnej szerokości ze zdjęciem z efektem paralaksy oraz przyciskiem podlinkowanym do formularza kontaktowego.

Podstronę można w łatwy sposób zmodyfikować tworząc z niej stronę prezentującą parę młodą lub stronę typu ,,O nas”. Łatwą modyfikację umożliwia wtyczka WPBakery Page Builder

Podstrona ,,Services” przeznaczona jest do prezentacji oferty fotografa. Składa się kolejno z:

  • Slider pełnej szerokości – po instalacji wersji demo nie było skonfigurowanego slidera dla tej podstrony, w naszym preview błąd został poprawiony
  • Wyśrodkowany tekst opisujący ofertę
  • Blok z trzema kolumnami prezentującymi ofertę. Zawierają zdjęcie i tekst
  • Formularz kontaktowy
  • Blok z trzema kaflami odwołującymi do portfolio fotografa

Podstrona również jest utworzona za pomocą WPBakery Page Builder co ułatwia dostosowanie do swoich potrzeb.

Galeria

Galeria zawiera trzy układy graficzne. Układ graficzny galerii „Default” zawiera:

  • Slider pełnej szerokości
  • Blok z sentencją będący zapowiedzią do poniższej galerii zdjęć
  • Blok pełnej szerokości z galerią sześciu zdjęć, ułożonych w dwóch wierszach po trzy zdjęcia. Aktywne zdjęcie jest przyciemnione oraz na dole wyświetla się tytuł zdjęcia
  • Powtórzenie dwóch powyższych bloków
  • Dwie wersje przejścia do formularza kontaktowego. Pierwsza zawiera krótki tekst oraz przycisk na białym tle. Drugi blok pełnej szerokości ze zdjęciem z efektem paralaksy oraz przyciskiem podlinkowanym do formularza kontaktowego.

Układ „Boxed” różni się:

  • blok z galerią zdjęć ma układ pudełkowy a aktywne zdjęcie jest lekko przyciemnione i przyblizone

Układ „Attachment” różni się:

  • Slider pełnej szerokości – po instalacji wersji demo nie było skonfigurowanego slidera dla tej podstrony, w naszym preview błąd został poprawiony
  • blok z galerią ma formę zdjęć pełnej szerokości z efektem paralaksy, co sprawia wrażenie, że zdjęcia nachodzą na siebie w trakcie przewijania strony
  • nie posiada przejść do formularza kontaktowego

Wszystkie wersje galerii są estetycznie wykonane. Trzy wersje dają możliwość wyboru i pozwalają trafić w większą liczbę gustów. Minusem jest to, że żadna wersja galerii nie umożliwia w ciekawy sposób zaprezentować większej liczby zdjęć.

Blog

Opracowana strona listy wpisów na blogu ma klasyczny układ pudełkowy. Wyświetla trzy wpisy w formie listy (jeden pod drugim) na jednej stronie, strona kończy się paginacją. Prezentacja wpisu to kolejno:

  • wiersz z danymi o autorze, kategorii, dacie
  • tytuł oraz skrócona treść wpisu wraz z przyciskiem „czytaj więcej” oraz liczbą komentarzy.
  • zdjęcie promujące wpis

Strona wpisu natomiast składa się z:

  • pełnej szerokości bloku z tytułem oraz informacjami o autorze, kategorii i dacie publikacji.
  • treści wpisu wraz z sidebarem z prawej strony
  • przyciskami z social media
  • przyciskami do poprzedniego i kolejnego wpisu, które prezentują również ich tytuły
  • siatkę z powiązanymi postami, która zawiera zdjęcie promujące wpis, datę publikacji, tytuł, skróconą treść wpisu oraz licznik komentarzy
  • formularz do wysłania komentarza

Strona kontaktu

Konstrukcja strony z danymi kontaktowymi wygląda następująco:

  • slider pełnej szerokości
  • blok z podstawowymi danymi w jednym wierszu (telefon, e-mail, www)
  • blok z formularzem kontaktowym składający się z tytułu, opisu oraz czterema polami do uzupełnienia jak imię, e-mail, temat, treść wiadomości oraz przyciskiem do wysłania formularza.
  • blok pełnej szerokości ze zdjęciem i tekstem zapraszającym do złożenia zapytania

Wszystkie strony i podstrony są czytelne, nawiązują do tematyki. Są estetyczne i dopasowane do siebie pod względem układu, kolorystyki, grafik oraz krojów czcionek.

Ocena: 4+

4. Back office

Wtyczki

Aby motyw w pełni wykorzystywał swoje możliwości należy zainstalować kilka zintegrowanych z nim darmowych wtyczek. Choć takie rozwiązanie jest dość częste, to jednak nie zawsze integracja jest w 100% poprawnie przeprowadzona. Bardzo często zdarza się, że wtyczki są źle zintegrowane oraz jest ich zbyt wiele co spowalnia działanie strony, utrudnia zarządzanie jej treścią oraz wyglądem, oraz sprawia problemy przy aktualizacji. W przypadku motywu Farelo, moim zdaniem dobranie wtyczek jest dobrze zoptymalizowane a zintegrowanie stoi na wysokim poziomie. Wybrane wtyczki, dają sporo możliwości, nie jest ich zbyt dużo (2 wtyczki od autorów motywu oraz 4 wtyczki innych producentów) dzięki czemu obsługa nie jest trudna a strona działa dość płynnie. Z uwagi na to, że artykuł poświęcony jest motywowi szczegółowo omówię jedynie wtyczki stworzone przez autora motywu. Zacznę jednak od wymienienia wtyczek innych producentów:

  • Contact Form 7 – na tej wtyczce opierają się formularze kontaktowe dostępne w motywie. Dobrze działająca jedna z najbardziej znanych i używanych wtyczek do formularzy kontaktowych.
  • Slider Revolution – Wszystkie slidery wykonane są przy użyciu tej wtyczki. Warto zaznaczyć, że koszt takiej wtyczki przy zakupie oddzielnie to kwota ok. 85 zł.
  • Ultimate Addons for Visual Composer – wtyczka wyposaża WPBakery w dodatkowe moduły. Warto zaznaczyć, że koszt tej wtyczki przy zakupie oddzielnie to ok. 85 zł.
  • WPBakery Page Builder – Wtyczka do tworzenia układu strony używając narzędzia drag nad drop. Popularna wtyczka dająca dużo możliwości. Warto zaznaczyć, że koszt tej wtyczki przy zakupie oddzielnie to ok. 150 zł.

Wtyczki od wydawcy motywu:

  • Evatheme Redux Framework
  • Evatheme Visual Composer Extension – rozszerzenie do edytora stron.

Na zapleczu strony możemy znaleźć oprócz standardowych opcji WordPressa oraz możliwości jakie oferują zainstalowane wtyczki dwie opcje:

  • Get More Thems – daje możliwość zapoznania się z ofertą wydawcy motywu Flaero – firmy Evatheme
  • Falero Options – umożliwia personalizację motywu. W tym punkcie możemy ustawić następujące rzeczy:
  1. General – tutaj możemy wgrać swój favicon oraz wpisać swoje linie kodu CSS. W tej zakładce możemy również dostosować stronę błędu 404.
  2. Typography – daje możliwość edycji czcionek w motywie dla akapitów, nagłówków (od H1 do H6) oraz dla kontentu wpisów na blogu. Czcionki pochodzą ze stoków google font co daje spory wybór również czcionek z polskimi znakami.
  3. Color – zmienia kolorystykę motywu jeżeli chodzi o aktywne linki w menu oraz ikony social media w stopce
  4. Header – ta zakładka pozwala na wgranie pliku graficznego z logo, ustawienie jego szerokości oraz włączyć lub wyłączyć wyszukiwarkę.
  5. Blog – umożliwia edycje układu bloga ta opcja nie działa na zainstalowanym, prawdopodobnie przez użycie wtyczki WPBakery przy tworzeniu strony bloga. W tej zakładce można również edytować pojedynczy post pod względem układu, wyświetlanych ikon społecznościowych oraz wyświetlania dodatkowych elementów we wpisie.
  6. Footer – pozwala na edycję stopki pod względem koloru tła i czcionki, tekstu zawartego w stopce oraz  wyświetlania ikon mediów społecznościowych.
  7. Social Icons – tutaj mamy możliwość wpisania linków do naszych profili/stron w mediach społecznościowych.
  8. Demo Importer – narzędzie do importu wyglądu demo motywu
  9. Import/Export – narzędzie do importowania oraz eksportowania ustawień i treści strony.

Cały back office sprawia pozytywne wrażenie z uwagi na fakt, że nie jest przepełniony funkcjami i opcjami, jednakże nie jest pozbawiony wad. Niestety motyw nie zawiera zakodowanych templatek wpisów, nie znajdziemy tu również innych niż standardowe rodzajów postów czy taksonomii. Autorzy również nie pomyśleli aby ułatwić życie developerom i przygotować motywy potomne dające możliwość choćby zmiany kolorów użytych na stronie lub „czystego” motywu przygotowanego do kodowania.

Ocena: 4.


 

5. Podsumowanie

W podsumowaniu chciałbym zwrócić uwagę na zalety i wady. Pragnę zaznaczyć, że cała recenzja jak i oceny mają charakter obiektywny, jednak w całej treści jest to tylko moja indywidualna opinia oparta na doświadczeniach z innymi motywami. Do tego dochodzi jeszcze kwestia gustu i to co ja nazwę wadą dla innego użytkownika może okazać się zaletą.

Główne zalety motywu:

  • użycie popularnych dobrze zintegrowanych wtyczek zewnętrznych
  • estetycznie skonstruowany układ strony oraz tematycznie poprawnie dobrane grafiki
  • prostota, minimalizm,
  • szybka instalacja, łatwa w obsłudze
  • przejrzysty „czysty” kod

Główne wady motywu:

  • brak podpiętych sliderów pod niektóre podstrony
  • brak informacji odnośnie licencji dotyczących motywu, grafik, wtyczek
  • cały układ (strona główna, podstrony) stworzony za pomocą wtyczki zewnętrznej WPbakery – brak stworzonych szablonów wpisów nie opierających się na działaniu wtyczki
  • brak taksonomii oraz rodzajów postów
  • brak narzędzia do optymalizacji strony pod kątem robotów indeksujących (meta tytuły, meta opisy)

Pomimo, że wymieniłem tyle samo wad ile zalet poniższa ocena wynika z faktu, że wymienione wady są mniej istotne dla przeciętnego użytkownika. Testując motyw dokładnie zaznajomiliśmy się ze wszystkimi funkcjonalnościami jak i kodem motywu. Jeżeli masz problem z obsługą lub chcesz zmodyfikować jakiś element lub dodać nową funkcjonalność, bez zbędnej zwłoki zgłoś się do nas. Szybko rozwiążemy Twój problem.

Na zakończenie podaję linki do preview oraz strony sklepu na templatemonster:

http://farelo.alewitryna.pl

https://www.templatemonster.com/pl/szablony-wordpress-64448.html

Ocena: 4